.trace-page{max-width:1120px;margin:0 auto;padding:42px 24px 72px}.trace-hero{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:28px;background:linear-gradient(130deg,#063b2a,#14734c);color:#fff;box-shadow:0 24px 55px rgba(5,51,35,.16)}.trace-hero>div{padding:clamp(28px,5vw,64px)}.trace-eyebrow{margin:0 0 10px;color:#3aa76e;font-size:10px;font-weight:900;letter-spacing:.17em}.trace-hero .trace-eyebrow{color:#b8ebc9}.trace-verified{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#d8f5e2;font-size:12px;line-height:1.4}.trace-verified b{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#d9ffe7;color:#087145;font-size:18px}.trace-hero h1,.trace-page h2{font-family:Georgia,serif}.trace-hero h1{max-width:560px;margin:0;font-size:clamp(34px,5vw,62px);line-height:1.03}.trace-lead{max-width:510px;color:#d1ebd9;line-height:1.65}.trace-code{display:inline-flex;gap:10px;margin-top:18px;padding:11px 14px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(0,0,0,.13);font-size:13px}.trace-hero>img{width:100%;height:100%;min-height:360px;object-fit:cover}.trace-art{display:grid;place-content:center!important;min-height:360px;background:radial-gradient(circle at 35% 20%,#9bd4a9,transparent 35%),#dcebdc!important;color:#0c5034!important;font-family:Georgia,serif;font-size:52px;text-align:center}.trace-art small{font-family:inherit;font-size:9px;letter-spacing:.15em}.trace-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:18px 0}.trace-grid article,.trace-timeline{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--white)}.trace-page h2{margin:0 0 16px;color:var(--green-900);font-size:27px}.trace-grid p:not(.trace-eyebrow){color:var(--muted);line-height:1.7}.trace-grid dl{margin:0}.trace-grid dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.trace-grid dt{color:var(--muted);font-size:13px}.trace-grid dd{margin:0;color:var(--green-900);font-weight:800;text-align:right}.trace-status{display:flex;gap:12px;align-items:center;margin-top:24px;padding:14px;border-radius:12px;background:#eaf7ef;color:#166b43}.trace-status>b{font-size:22px}.trace-status span{font-weight:800}.trace-status small{display:block;margin-top:3px;color:#438363;font-weight:500}.trace-sale{font-size:12px}.trace-timeline{margin:18px 0}.trace-timeline ol{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:25px 0 0;padding:0;list-style:none}.trace-timeline li{position:relative;display:grid;grid-gap:10px;gap:10px}.trace-timeline li:not(:last-child):after{position:absolute;top:15px;left:35px;right:-8px;height:1px;background:#bbd7c3;content:""}.trace-timeline li>span{position:relative;z-index:1;display:grid;width:31px;height:31px;place-items:center;border:1px solid #6ab181;border-radius:50%;background:#fff;color:#126b43;font-size:12px;font-weight:900}.trace-timeline strong{color:var(--green-900);font-size:14px}.trace-timeline p{min-height:39px;margin:4px 0;color:var(--muted);font-size:12px;line-height:1.45}.trace-timeline small{color:#59826a;font-size:11px}.trace-note{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px;border-radius:20px;background:#edf5ed}.trace-note h2{margin-bottom:8px}.trace-note p:not(.trace-eyebrow){max-width:650px;margin:0;color:var(--muted);line-height:1.6}.trace-empty{display:grid;min-height:60vh;place-items:center;align-content:center;text-align:center}.trace-empty>span{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:#fff0ef;color:#ba342d;font-weight:900}.trace-empty p{max-width:430px;color:var(--muted)}.trace-loader{width:44px;height:44px;border:3px solid #d4eadb;border-top-color:#167046;border-radius:50%;animation:trace-spin 1s linear infinite}.trace-token{margin:18px 0 0;color:var(--muted);font-size:11px;text-align:center}@keyframes trace-spin{to{transform:rotate(1turn)}}@media(max-width:760px){.trace-page{padding:22px 16px 52px}.trace-grid,.trace-hero{grid-template-columns:1fr}.trace-hero>img{min-height:230px;max-height:300px}.trace-hero>div{padding:32px 24px}.trace-timeline{padding:24px 18px}.trace-timeline ol{grid-template-columns:1fr;gap:18px}.trace-timeline li{grid-template-columns:32px 1fr}.trace-timeline li:not(:last-child):after{top:33px;bottom:-18px;left:15px;right:auto;width:1px;height:auto}.trace-timeline p{min-height:0}.trace-note{display:grid;padding:24px}.trace-note .button{width:max-content}}[data-theme=dark] .trace-grid article,[data-theme=dark] .trace-timeline{background:var(--white)}[data-theme=dark] .trace-note{background:#173c2b}.trace-page .button{white-space:nowrap}.recipe-modern-container{max-width:1240px;margin:0 auto;padding:24px 20px 80px}.recipe-modern-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:24px}.recipe-modern-breadcrumb a{color:#64748b;text-decoration:none;transition:color .2s ease}.recipe-modern-breadcrumb a:hover{color:#155c38}.recipe-modern-breadcrumb span{opacity:.5}.recipe-modern-breadcrumb b{color:#0f172a;font-weight:600;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-modern-hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:40px;gap:40px;align-items:center;background:linear-gradient(135deg,rgba(21,92,56,.04),rgba(240,253,244,.7));border:1px solid rgba(21,92,56,.12);border-radius:24px;padding:36px 40px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recipe-modern-hero.hero-has-vertical-video{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center}.recipe-hero-badge-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.recipe-category-tag{gap:6px;background:#155c38;color:#ffffff;letter-spacing:.3px;text-transform:uppercase}.recipe-badge-tag,.recipe-category-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}.recipe-badge-tag{gap:5px;background:rgba(21,92,56,.1);color:#155c38}.recipe-modern-hero h1{font-size:2.25rem;font-weight:800;line-height:1.25;color:#0f172a;margin:0 0 14px;letter-spacing:-.02em}.recipe-modern-hero .recipe-summary{font-size:15px;line-height:1.6;color:#475569;margin-bottom:24px}.recipe-specs-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.recipe-spec-chip{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:14px;font-size:13px;font-weight:500;color:#1e293b;box-shadow:0 2px 4px rgba(0,0,0,.02);transition:transform .2s ease,box-shadow .2s ease}.recipe-spec-chip:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.04)}.recipe-spec-chip svg{color:#155c38;width:16px;height:16px;flex-shrink:0}.recipe-stats-strip{display:flex;align-items:center;gap:20px;font-size:13px;color:#64748b;padding:12px 18px;background:rgba(255,255,255,.6);border:1px solid rgba(226,232,240,.8);border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.recipe-stat-item{display:flex;align-items:center;gap:6px}.recipe-actions-dock{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-interactive{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 20px;border-radius:12px;cursor:pointer;border:1.5px solid transparent;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-interactive:active{transform:scale(.96)}.btn-interactive-like{background:#ffffff;border-color:#fecdd3;color:#e11d48}.btn-interactive-like:hover{background:#fff1f2;border-color:#fda4af;box-shadow:0 4px 12px rgba(225,29,72,.12)}.btn-interactive-like.active{background:#e11d48;border-color:#e11d48;color:#ffffff;box-shadow:0 4px 14px rgba(225,29,72,.3)}.btn-interactive-save{background:#ffffff;border-color:#cbd5e1;color:#334155}.btn-interactive-save:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 4px 12px rgba(0,0,0,.05)}.btn-interactive-save.active{background:#155c38;border-color:#155c38;color:#ffffff;box-shadow:0 4px 14px rgba(21,92,56,.25)}.btn-interactive-cook{background:#ffffff;border-color:#cbd5e1;color:#475569}.btn-interactive-cook:hover{background:#f0fdf4;border-color:#86efac}.btn-interactive-cook.cooked{background:#16a34a;border-color:#16a34a;color:#ffffff;box-shadow:0 4px 14px rgba(22,163,74,.25)}.recipe-media-stage{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#090d16;box-shadow:0 20px 40px -15px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:max-width .3s ease,aspect-ratio .3s ease,box-shadow .3s ease}.recipe-media-stage.stage-horizontal{aspect-ratio:16/9;width:100%;max-height:480px}.recipe-media-stage.stage-vertical{aspect-ratio:9/16;width:100%;max-width:330px;max-height:540px;margin:0 auto;border-radius:24px;border:2px solid rgba(21,92,56,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}.recipe-media-stage:-webkit-full-screen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;aspect-ratio:auto!important;background:#000000!important}.recipe-media-stage:fullscreen{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important;aspect-ratio:auto!important;background:#000000!important}.recipe-media-stage img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.recipe-media-stage:hover img{transform:scale(1.03)}.recipe-video-toolbar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:10;pointer-events:none}.recipe-media-badge{background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.recipe-video-quick-actions{display:flex;align-items:center;gap:6px;pointer-events:auto}.recipe-video-action-btn{background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff;border:1px solid rgba(255,255,255,.15);font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.2)}.recipe-video-action-btn:hover{background:rgba(21,92,56,.95);border-color:rgba(74,222,128,.4);transform:translateY(-1px)}.recipe-content-grid{display:grid;grid-template-columns:1fr 360px;grid-gap:40px;gap:40px;align-items:start}.recipe-sticky-nav{position:-webkit-sticky;position:sticky;top:76px;z-index:20;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e2e8f0;border-radius:16px;padding:6px;display:flex;gap:6px;margin-bottom:32px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.recipe-nav-btn{flex:1 1;padding:10px 16px;font-size:13px;font-weight:600;border:none;background:transparent;color:#64748b;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.recipe-nav-btn:hover{color:#155c38;background:rgba(21,92,56,.06)}.recipe-nav-btn.active{background:#155c38;color:#ffffff;box-shadow:0 2px 8px rgba(21,92,56,.2)}.recipe-ingredients-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 4px 20px rgba(0,0,0,.03);margin-bottom:36px}.recipe-ingredients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recipe-ingredients-header h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.recipe-ingredient-list{display:flex;flex-direction:column;gap:10px}.recipe-ingredient-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;transition:all .2s ease}.recipe-ingredient-row:hover{background:#ffffff;border-color:#cbd5e1;box-shadow:0 4px 10px rgba(0,0,0,.03)}.recipe-ingredient-row.checked{opacity:.6;text-decoration:line-through;background:#f1f5f9}.recipe-ingredient-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#1e293b}.recipe-ingredient-checkbox{width:18px;height:18px;accent-color:#155c38;cursor:pointer}.recipe-ingredient-qty{font-weight:600;color:#155c38;margin-left:6px}.btn-buy-ingredient{display:inline-flex;align-items:center;gap:6px;background:#ffffff;border:1px solid #155c38;color:#155c38;padding:6px 12px;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-buy-ingredient:hover{background:#155c38;color:#ffffff;box-shadow:0 2px 8px rgba(21,92,56,.2)}.btn-buy-ingredient:disabled{opacity:.6;cursor:not-allowed}.recipe-steps-section{margin-bottom:40px}.recipe-steps-section h3{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:24px}.recipe-step-card{display:flex;gap:24px;padding:24px;background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:20px;box-shadow:0 4px 16px rgba(0,0,0,.02);transition:all .25s ease}.recipe-step-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.05)}.recipe-step-num{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#155c38,#1e824c);color:#ffffff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(21,92,56,.2)}.recipe-step-content{flex:1 1}.recipe-step-content h4{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 10px}.recipe-step-text{font-size:14.5px;line-height:1.65;color:#334155;margin-bottom:14px}.recipe-step-photo{max-width:100%;max-height:320px;border-radius:14px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.06)}.recipe-feedback-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.03);margin-bottom:32px}.recipe-rating-header{justify-content:space-between;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #f1f5f9;margin-bottom:24px}.recipe-rating-header,.recipe-score-box{display:flex;align-items:center;gap:16px}.recipe-score-big{font-size:3rem;font-weight:800;color:#0f172a;line-height:1}.recipe-score-stars{color:#f59e0b;font-size:18px;letter-spacing:2px}.recipe-interactive-stars{display:flex;gap:6px;margin:12px 0}.star-pick-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#cbd5e1;transition:transform .15s ease,color .15s ease;padding:0 2px}.star-pick-btn.active,.star-pick-btn:hover{color:#f59e0b;transform:scale(1.15)}.recipe-comment-item{padding:16px 0;border-bottom:1px solid #f1f5f9}.recipe-comment-item:last-child{border-bottom:none}.comment-author-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-author-name{font-weight:600;color:#0f172a;font-size:14px}.comment-time{font-size:12px;color:#94a3b8}.comment-body{font-size:14px;line-height:1.6;color:#334155}.saved-recipes-hero{background:linear-gradient(135deg,rgba(21,92,56,.08),rgba(240,253,244,.9));border:1px solid rgba(21,92,56,.12);border-radius:24px;padding:32px 36px;margin-bottom:32px}.saved-recipes-nav{display:inline-flex;background:#f1f5f9;border-radius:14px;padding:4px;gap:4px;margin-bottom:28px}.saved-recipes-tab{padding:8px 18px;border-radius:10px;font-size:13.5px;font-weight:600;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.saved-recipes-tab.active{background:#ffffff;color:#155c38;box-shadow:0 2px 6px rgba(0,0,0,.06)}.saved-card-modern{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(0,0,0,.03);position:relative}.saved-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:#cbd5e1}.saved-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f1f5f9}.saved-card-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.saved-card-modern:hover .saved-card-thumb-wrap img{transform:scale(1.05)}.saved-status-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.saved-status-badge.cooked{background:rgba(22,163,74,.9);color:#ffffff}.saved-status-badge.uncooked{background:rgba(234,179,8,.9);color:#713f12}.saved-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1 1}.saved-card-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.4}.saved-card-title a{color:inherit;text-decoration:none}.saved-card-title a:hover{color:#155c38}.saved-card-meta{display:flex;gap:12px;font-size:12.5px;color:#64748b;margin-bottom:16px}.saved-card-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #f1f5f9}[data-theme=dark] .recipe-modern-hero{background:linear-gradient(135deg,rgba(21,92,56,.15),rgba(15,23,42,.6));border-color:rgba(255,255,255,.1)}[data-theme=dark] .comment-author-name,[data-theme=dark] .recipe-ingredients-header h3,[data-theme=dark] .recipe-modern-hero h1,[data-theme=dark] .recipe-score-big,[data-theme=dark] .recipe-step-content h4,[data-theme=dark] .recipe-steps-section h3,[data-theme=dark] .saved-card-title{color:#f8fafc}[data-theme=dark] .comment-body,[data-theme=dark] .recipe-modern-hero .recipe-summary,[data-theme=dark] .recipe-step-text{color:#cbd5e1}[data-theme=dark] .recipe-feedback-card,[data-theme=dark] .recipe-ingredients-card,[data-theme=dark] .recipe-spec-chip,[data-theme=dark] .recipe-step-card,[data-theme=dark] .saved-card-modern{background:#1e293b;border-color:#334155}[data-theme=dark] .recipe-sticky-nav{background:rgba(30,41,59,.9);border-color:#334155}[data-theme=dark] .recipe-ingredient-row{background:#0f172a;border-color:#1e293b}[data-theme=dark] .recipe-ingredient-info{color:#f1f5f9}[data-theme=dark] .saved-recipes-hero{background:linear-gradient(135deg,rgba(21,92,56,.2),rgba(15,23,42,.8));border-color:rgba(255,255,255,.1)}[data-theme=dark] .saved-recipes-nav{background:#0f172a}[data-theme=dark] .saved-recipes-tab.active{background:#1e293b;color:#4ade80}@media (max-width:960px){.recipe-modern-hero,.recipe-modern-hero.hero-has-vertical-video{grid-template-columns:1fr;padding:24px;gap:24px}.recipe-media-stage.stage-vertical{max-width:330px;margin:16px auto 0}.recipe-content-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:640px){.recipe-modern-hero h1{font-size:1.75rem}.recipe-specs-grid{gap:8px}.recipe-spec-chip{padding:6px 12px;font-size:12px}.recipe-step-card{flex-direction:column;gap:14px;padding:16px}.recipe-sticky-nav{overflow-x:auto;padding:4px}}