html{scroll-behavior:smooth}.rpage{min-height:100vh;background:var(--bg);padding-bottom:calc(88px + env(safe-area-inset-bottom))}.jumpto{background:var(--bg);border-bottom:1px solid var(--hairline)}.jumpto:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to left,var(--bg) 30%,transparent);pointer-events:none}.jumpto__track{display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:16px;padding:10px 52px 10px 16px;max-width:760px;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.jumpto__track::-webkit-scrollbar{display:none}.jtchip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;padding:0 13px;height:40px;border-radius:var(--r-pill);background:var(--surface-2);border:1.5px solid var(--border-soft);font-family:var(--font-display);font-size:var(--t-small);font-weight:500;color:var(--text-muted);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .1s ease}.jtchip svg{flex-shrink:0;opacity:.6;transition:opacity .18s ease}.jtchip__badge{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint);letter-spacing:.06em;padding-left:4px;border-left:1px solid var(--hairline);margin-left:1px;transition:color .18s ease,border-color .18s ease;white-space:nowrap}.jtchip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);box-shadow:0 2px 14px var(--glow);transform:translateY(-1px)}.jtchip:hover svg{opacity:1}.jtchip:hover .jtchip__badge{color:var(--accent-text);border-color:var(--accent)}.jtchip:active{transform:translateY(0);box-shadow:none}.jtchip--active{background:var(--accent);border-color:transparent;color:var(--accent-ink);box-shadow:0 2px 10px var(--glow)}.jtchip--active svg{opacity:1}.jtchip--active .jtchip__badge{color:var(--accent-ink);border-color:#ffffff40}#section-ingredients,#method,#section-video,#section-tips,#section-community{scroll-margin-top:108px}.rwrap{max-width:760px;margin:0 auto;padding:0 16px}.rlede{padding:28px 0 0}.rbreadcrumb{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--t-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px}.rbreadcrumb a:hover{color:var(--accent-text)}.rbreadcrumb .sep{opacity:.4}.rtitle{font-size:clamp(2rem,7vw,2.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.rmeta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:16px}.rmeta__by{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-small);color:var(--text-muted)}.rmeta__by b{color:var(--text);font-weight:600}.rmeta__av{width:26px;height:26px;border-radius:50%;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--t-caption)}.answer{position:relative;margin:22px 0 4px;padding:18px 18px 18px 20px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-soft)}.answer:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--accent)}.answer p{font-size:var(--t-body);line-height:1.55;color:var(--text)}.answer__k{font-family:var(--font-mono);font-size:var(--t-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);display:block;margin-bottom:8px}.rtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:22px 0 8px;border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;background:var(--border-soft)}.statbar__c{background:var(--bg);padding:14px 12px;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center}.statbar__n{font-family:var(--font-display);font-weight:600;font-size:var(--t-ui);letter-spacing:-.02em;color:var(--text)}.statbar__l{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.rhero{margin:20px 0}.rsec{margin-top:40px}.rsec__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.rsec__h h2{font-size:var(--t-h2);font-weight:600;letter-spacing:-.02em}.rsec__note{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint)}.ing{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}.ing__li{display:flex;gap:14px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--hairline)}.ing__item{color:var(--text)}.ing__item small{display:block;color:var(--text-faint);font-size:var(--t-small);margin-top:2px}.cook{margin-top:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.cook__bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.cook__live{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--t-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text)}.cook__live i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.cook__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-muted)}.cook__xp{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--accent-text);font-weight:500}.cook__track{height:4px;background:var(--surface-3)}.cook__fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .4s cubic-bezier(.4,0,.2,1)}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.step{display:flex;gap:14px;padding:16px;border-bottom:1px solid var(--hairline);cursor:pointer;transition:background .15s ease}.step:last-child{border-bottom:none}.step:hover{background:var(--surface-2)}.step__check{flex-shrink:0;width:28px;height:28px;border-radius:9px;margin-top:1px;border:2px solid var(--border-strong, var(--text-faint));display:grid;place-items:center;color:transparent;background:transparent;transition:all .18s ease}.step--done .step__check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step__body{flex:1}.step__top{display:flex;align-items:baseline;gap:10px}.step__n{counter-increment:step;font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint)}.step__n:before{content:"STEP " counter(step)}.step__xp{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-caption);color:var(--accent-text);opacity:0;transition:opacity .2s ease}.step:hover .step__xp,.step--done .step__xp{opacity:1}.step__t{font-family:var(--font-display);font-weight:600;font-size:var(--t-ui);letter-spacing:-.01em;margin-top:3px;color:var(--text)}.step--done .step__t{color:var(--text-muted)}.step__d{color:var(--text-muted);font-size:var(--t-body);margin-top:5px;line-height:1.5}.finish{padding:18px 16px;border-top:1px solid var(--border-soft);background:var(--surface-2)}.finish__btn{width:100%}.finish--won{text-align:center;padding:26px 16px}.finish__badge{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 8px 24px var(--glow);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.finish__won-t{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);letter-spacing:-.02em}.finish__won-xp{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-family:var(--font-mono);font-size:var(--t-small);color:var(--accent-text);background:var(--accent-soft);padding:7px 14px;border-radius:var(--r-pill)}.pe-note{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-family:var(--font-mono);font-size:var(--t-caption);letter-spacing:.04em;color:var(--text-faint)}.pe-note i{width:6px;height:6px;border-radius:50%;background:var(--success, var(--accent))}.tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tip{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-soft)}.tip__ic{flex-shrink:0;color:var(--accent-text);margin-top:1px}.tip__t{color:var(--text-muted);font-size:var(--t-body);line-height:1.5}.rate{margin-top:16px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);text-align:center}.rate__big{font-family:var(--font-display);font-weight:600;font-size:var(--t-display);letter-spacing:-.03em}.rate__stars{display:inline-flex;gap:4px;margin:10px 0 4px;color:var(--accent)}.rate__stars button{background:none;border:none;padding:0;color:var(--border-strong, var(--text-faint));transition:color .12s ease,transform .12s ease}.rate__stars button.on{color:var(--accent)}.rate__stars button:hover{transform:scale(1.15)}.rate__sub{font-size:var(--t-small);color:var(--text-muted)}.rate__cta{margin-top:16px}.vfacade{position:relative;margin-top:16px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);cursor:pointer;background:var(--surface-3)}.vfacade__img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.vfacade__play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 55%)}.vfacade__btn{width:66px;height:66px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 8px 30px var(--glow);transition:transform .15s ease}.vfacade:hover .vfacade__btn,.vfacade:focus-visible .vfacade__btn{transform:scale(1.08)}.vfacade:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vfacade__meta{position:absolute;left:14px;bottom:14px;right:14px;display:flex;align-items:center;gap:10px}.vfacade__dur{font-family:var(--font-mono);font-size:var(--t-caption);color:#fff;background:#0000008c;padding:4px 9px;border-radius:6px;backdrop-filter:blur(4px)}.trans{margin-top:12px;border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden}.trans__sum{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:600;font-size:var(--t-ui)}.trans__sum::-webkit-details-marker{display:none}.trans__chev{margin-left:auto;transition:transform .2s ease;color:var(--text-faint)}details[open] .trans__chev{transform:rotate(90deg)}.trans__body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--hairline)}.trans__line{display:flex;gap:14px}.trans__t{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--accent-text);flex-shrink:0;min-width:38px}.trans__s{color:var(--text-muted);font-size:var(--t-body);line-height:1.5}.seo{margin-top:16px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.seo__head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.seo__head b{font-size:var(--t-ui);font-weight:600}.seo__badge{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);padding:4px 9px;border-radius:6px}.seo__checks{padding:8px 16px 14px;display:flex;flex-direction:column}.seo__check{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:var(--t-small);color:var(--text-muted);border-bottom:1px solid var(--hairline)}.seo__check:last-child{border-bottom:none}.seo__check b{color:var(--text);font-weight:600}.seo__check .ic{color:var(--accent-text);flex-shrink:0}.seo__code{margin:0 16px 16px;border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--border-soft);overflow:hidden}.seo__code summary{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-muted)}.seo__code summary::-webkit-details-marker{display:none}.seo__code pre{margin:0;padding:0 14px 14px;overflow-x:auto;font-family:var(--font-mono);font-size:var(--t-caption);line-height:1.6;color:var(--text-muted)}.seo__code pre .k{color:var(--accent-text)}.seo__code pre .s{color:var(--text)}.series-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 16px 16px;margin:0 -16px}.mini{flex:0 0 auto;width:150px}.mini__thumb{position:relative}.mini__badge{position:absolute;top:8px;left:8px;z-index:2;font-family:var(--font-mono);font-size:var(--t-micro);color:#fff;background:#0000008c;padding:3px 7px;border-radius:5px;backdrop-filter:blur(4px)}.mini--current .mini__thumb{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-md)}.mini__t{font-size:var(--t-small);font-weight:600;margin-top:8px;line-height:1.25;letter-spacing:-.01em}.mini__time{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint);margin-top:3px}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.pn{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:border-color .15s ease,background .15s ease}.pn:hover{border-color:var(--accent)}.pn--next{text-align:right;align-items:flex-end}.pn__k{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.pn__t{font-weight:600;font-size:var(--t-ui);letter-spacing:-.01em}.pn--disabled{opacity:.4;pointer-events:none}.rsec--tight{margin-top:26px}.batch-scaler{display:inline-flex;align-items:center;gap:4px}.batch-scaler__label{font-family:var(--font-mono);font-size:var(--t-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-right:4px}.batch-scaler__btn{width:34px;height:28px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--t-small);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.batch-scaler__btn:hover{border-color:var(--border);color:var(--text)}.batch-scaler__btn--active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.batch-note{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--accent-text);margin:8px 0 12px;letter-spacing:.04em}.step-timer{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-faint);font-family:var(--font-mono);font-size:var(--t-caption);font-weight:500;cursor:pointer;margin-left:auto;transition:background .15s ease,color .15s ease,border-color .15s ease;user-select:none}.step-timer:hover{border-color:var(--accent);color:var(--accent-text)}.step-timer--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.step-timer--done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step-timer__icon,.step-timer__ring{display:grid;place-items:center}.cook__challenge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:none;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--t-micro);font-weight:600;letter-spacing:.04em;cursor:pointer;margin-left:4px;transition:all .15s ease}.cook__challenge:hover{border-color:var(--border);color:var(--text)}.cook__challenge--on{background:oklch(.55 .22 32 / .15);border-color:#f84527;color:oklch(.75 .18 32)}.cook__challenge-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;background:oklch(.55 .22 32 / .08);border-bottom:1px solid oklch(.55 .22 32 / .2);font-size:var(--t-body);color:var(--text-muted);line-height:1.4}.cook__challenge-banner svg{flex-shrink:0;color:#fa6b52;margin-top:1px}.cook__challenge-banner b{color:oklch(.75 .18 32)}.emoji-rx{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-soft)}.emoji-rx__q{font-family:var(--font-display);font-weight:600;font-size:var(--t-ui);letter-spacing:-.01em;margin-bottom:14px;text-align:center}.emoji-rx__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emoji-rx__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface-2);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.emoji-rx__btn:hover{transform:scale(1.06);border-color:var(--border)}.emoji-rx__btn--picked{border-color:var(--accent);background:var(--accent-soft)}.emoji-rx__em{font-size:1.6rem;line-height:1}.emoji-rx__lbl{font-size:var(--t-caption);font-weight:600;color:var(--text-muted);text-align:center}.emoji-rx__pct{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--accent-text);margin-top:2px}.emoji-rx__thanks{text-align:center;margin-top:12px;font-size:var(--t-small);color:var(--text-muted)}.liveness{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0 4px;font-size:var(--t-small);color:var(--text-muted)}.liveness__pulse{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.liveness__pulse--live{background:#ff4d4d;box-shadow:0 0 #ff4d4d80;animation:live-pulse 2s infinite}@keyframes live-pulse{70%{box-shadow:0 0 0 6px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.liveness__now,.liveness__week{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.liveness__sep{opacity:.4}.liveness__avatars{display:inline-flex;margin-left:4px}.liveness__av{width:22px;height:22px;border-radius:50%;margin-left:-7px;background:linear-gradient(150deg,var(--surface-3),var(--surface-2));border:1.5px solid var(--bg);color:var(--text-muted);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--t-micro)}.series-dots{display:inline-flex;align-items:center;gap:5px;margin-left:4px}.series-dots__d{width:7px;height:7px;border-radius:50%;background:var(--border-strong, var(--text-faint));opacity:.5}.series-dots__d--done{background:var(--accent);opacity:1}.series-dots__d--current{outline:2px solid var(--accent);outline-offset:1px;opacity:1}.welcome-back{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:18px 0 0;padding:14px 16px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.welcome-back:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--glow)}.welcome-back__ic{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.welcome-back__t{display:flex;flex-direction:column;gap:2px;flex:1}.welcome-back__t b{font-size:var(--t-ui);color:var(--text)}.welcome-back__t small{font-size:var(--t-small);color:var(--text-muted)}.welcome-back__cta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--t-caption);font-weight:600;color:var(--accent-text);flex-shrink:0}.made-it{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-soft)}.made-it__photo{width:54px;height:54px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0}.made-it__body{display:flex;flex-direction:column;gap:4px}.made-it__k{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.made-it__stars{display:inline-flex;gap:2px;color:var(--text-faint)}.made-it__stars .on{color:var(--accent)}.made-it__note{font-size:var(--t-small);color:var(--text-muted);font-style:italic}.cook__handsfree{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border:none;border-bottom:1px solid var(--border-soft);background:linear-gradient(100deg,var(--accent-soft),transparent 70%);cursor:pointer;transition:background .15s ease}.cook__handsfree:hover{background:linear-gradient(100deg,var(--accent-soft),var(--surface-2) 90%)}.cook__handsfree-ic{width:38px;height:38px;flex-shrink:0;border-radius:11px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 4px 14px var(--glow)}.cook__handsfree-t{display:flex;flex-direction:column;gap:2px;flex:1}.cook__handsfree-t b{font-size:var(--t-ui);letter-spacing:-.01em}.cook__handsfree-t small{font-size:var(--t-small);color:var(--text-muted)}.cook__handsfree svg:last-child{color:var(--text-faint)}.timer-tray{display:flex;flex-direction:column;gap:8px}.timer-tray--float{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:900;width:min(92vw,420px)}.timer-tray--docked{padding:0 20px}.timer-tray__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.timer-tray--docked .timer-tray__item{background:#ffffff0d;border-color:#ffffff1f;box-shadow:none}.timer-tray__item--done{border-color:var(--accent);background:var(--accent-soft)}.timer-tray__ring{position:relative;width:24px;height:24px;flex-shrink:0;display:grid;place-items:center}.timer-tray__ring>svg:first-child{position:absolute;inset:0}.timer-tray__item--done .timer-tray__ring{color:var(--accent-ink)}.timer-tray__body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.timer-tray__label{font-size:var(--t-small);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-tray__time{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--accent-text);font-variant-numeric:tabular-nums}.timer-tray__item--done .timer-tray__time{color:var(--accent-ink)}.timer-tray__ctrl{display:inline-flex;gap:4px;flex-shrink:0}.timer-tray__btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:color .15s ease,border-color .15s ease}.timer-tray__btn:hover{color:var(--text);border-color:var(--border)}.cookmode{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;background:var(--bg);color:var(--text);animation:cookmode-in .24s cubic-bezier(.2,1,.3,1)}@keyframes cookmode-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.cookmode__top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hairline)}.cookmode__icon{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:color .15s ease,border-color .15s ease}.cookmode__icon:hover{color:var(--text);border-color:var(--border)}.cookmode__icon--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.cookmode__dots{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.cookmode__dot{width:9px;height:9px;border-radius:50%;background:var(--surface-3);transition:background .2s ease,transform .2s ease}.cookmode__dot--done{background:var(--accent)}.cookmode__dot--active{background:var(--accent);transform:scale(1.4)}.cookmode__stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 24px 8px;max-width:640px;margin:0 auto;width:100%;-webkit-tap-highlight-color:transparent}.cookmode__count{font-family:var(--font-mono);font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin-bottom:16px}.cookmode__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,8vw,3rem);letter-spacing:-.03em;line-height:1.05}.cookmode__desc{font-size:clamp(1.15rem,4.6vw,1.6rem);line-height:1.5;color:var(--text-muted);margin-top:18px}.cookmode__timer{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:26px;padding:10px 16px;border-radius:var(--r-pill);border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:600;font-size:var(--t-ui);cursor:pointer}.cookmode__nav{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--hairline)}.cookmode__back,.cookmode__next{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:var(--r-md);font-weight:700;font-size:var(--t-ui);cursor:pointer;border:1px solid var(--border)}.cookmode__back{background:var(--surface);color:var(--text-muted)}.cookmode__back:disabled{opacity:.35;pointer-events:none}.cookmode__next{background:var(--accent);color:var(--accent-ink);border-color:transparent}.cookmode__next:hover{filter:brightness(1.05)}.cook-card{position:relative;text-align:center;padding:26px 16px 22px}.cook-card__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:color .12s,background .12s}.cook-card__close:hover{color:var(--text);background:var(--surface-2, var(--surface))}.cook-card__badge{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 8px 24px var(--glow);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}.cook-card__won-t{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);letter-spacing:-.02em}.cook-card__xp{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-family:var(--font-mono);font-size:var(--t-small);color:var(--accent-text);background:var(--accent-soft);padding:7px 14px;border-radius:var(--r-pill)}.cook-card__perfect{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:var(--t-small);color:#ecaa0b;background:oklch(.7 .16 80 / .12);border:1px solid oklch(.7 .16 80 / .35);padding:8px 14px;border-radius:var(--r-pill);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}.cook-card__perfect b{color:#f3ba25}.cook-card__face{position:relative;margin:20px auto 0;max-width:340px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:#0c0d0a;text-align:left}.cook-card__photo{position:relative;aspect-ratio:4 / 5}.cook-card__photo img{width:100%;height:100%;object-fit:cover;display:block}.cook-card__shoot{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-pill);border:none;background:#0009;color:#fff;font-size:var(--t-small);font-weight:600;cursor:pointer;backdrop-filter:blur(6px)}.cook-card__meta{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 16px;background:linear-gradient(to top,rgba(12,13,10,.96),transparent);display:flex;flex-direction:column;gap:6px;pointer-events:none}.cook-card__stamp{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.cook-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--t-ui);letter-spacing:-.02em;color:#fff;line-height:1.1}.cook-card__stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.cook-card__stats span{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--t-caption);color:#ffffffd9}.cook-card__actions{display:flex;gap:8px;max-width:340px;margin:14px auto 0}.cook-card__share{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cook-card__dl{width:46px;flex-shrink:0;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.cook-card__dl:hover{color:var(--text);border-color:var(--border)}.cook-card__dl:disabled,.cook-card__share:disabled{opacity:.6;pointer-events:none}.cook-card__save{max-width:340px;margin:18px auto 0;padding:16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-soft);text-align:center}.cook-card__save-h{font-family:var(--font-display);font-weight:600;font-size:var(--t-ui)}.cook-card__stars{display:inline-flex;gap:4px;margin:12px 0;color:var(--border-strong, var(--text-faint))}.cook-card__stars button{background:none;border:none;padding:0;color:inherit;cursor:pointer;transition:color .12s ease,transform .12s ease}.cook-card__stars button.on{color:var(--accent)}.cook-card__stars button:hover{transform:scale(1.15)}.cook-card__note{width:100%;resize:vertical;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--bg);color:var(--text);font:inherit;font-size:var(--t-small)}.cook-card__note::placeholder{color:var(--text-faint)}.cook-card__save-btn{width:100%;margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cook-card__save-fine{font-size:var(--t-caption);color:var(--text-faint);margin-top:8px}.cook-card__saved{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:var(--t-small);color:var(--accent-text)}.statbar dd,.statbar dt{margin:0}.statbar{grid-template-columns:repeat(4,minmax(0,1fr))}.statbar__c{padding:14px 6px;min-width:0}.statbar__n{font-size:clamp(var(--t-small),4.2vw,var(--t-ui));white-space:nowrap}@media(max-width:430px){.cook__bar{flex-wrap:wrap;row-gap:6px;padding:12px 14px}.cook__count{margin-left:auto}.cook__live{letter-spacing:.06em}}.series-strip{scroll-snap-type:x proximity;scroll-padding-inline:16px}.mini{scroll-snap-align:start}@media(max-width:360px){.prevnext{grid-template-columns:1fr}.pn--next{text-align:left;align-items:flex-start}}@media(max-width:480px){.rhero{margin:20px -16px}.rhero>*{border-radius:0}}.cookmode{height:100dvh}.cookmode__top{padding-top:calc(14px + env(safe-area-inset-top))}.cookmode__nav{padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right))}.timer-tray--float{bottom:calc(16px + env(safe-area-inset-bottom))}.rate__stars,.cook-card__stars{gap:0}.rate__stars button,.cook-card__stars button{width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.timer-tray__btn{width:36px;height:36px}.rbreadcrumb{flex-wrap:wrap;row-gap:4px}.series-dots{flex-basis:100%;margin-left:0}.mdock{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:400;display:flex;gap:6px;padding:5px;background:color-mix(in oklab,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:0 8px 32px #00000038,0 2px 8px #0000001a;backdrop-filter:blur(24px) saturate(200%);transition:opacity .2s ease,transform .2s cubic-bezier(.2,1,.3,1);white-space:nowrap}.mdock--hidden{opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none}.mdock__btn--cook{background:var(--accent);color:var(--accent-ink)}.mdock__btn--cook:hover{filter:brightness(1.08)}.mdock__btn--watch{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-soft)}.mdock__btn--watch:hover{color:var(--text);border-color:var(--border)}.vplayer--full{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;background:#080a07;color:#fff;animation:cookmode-in .22s cubic-bezier(.2,1,.3,1)}.vplayer--pip{position:fixed;z-index:1800;display:flex;flex-direction:column;background:#080a07;color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 64px #000000bf,0 4px 20px #00000073;border:1px solid rgba(255,255,255,.11);animation:cookmode-in .2s cubic-bezier(.2,1,.3,1);user-select:none}.vplayer__top{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 14px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.vplayer__back{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fffc;display:grid;place-items:center;cursor:pointer;transition:background .14s ease,color .14s ease}.vplayer__back:hover{background:#ffffff1f;color:#fff}.vplayer__title{flex:1;font-size:.9rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffd9}.vplayer__pip-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffa6;font-size:.75rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:background .14s ease,color .14s ease;flex-shrink:0}.vplayer__pip-toggle:hover{background:#ffffff1a;color:#ffffffe6}.vplayer__pip-label{display:none}@media(min-width:480px){.vplayer__pip-label{display:inline}}.vplayer__pip-bar{display:flex;align-items:center;flex-shrink:0;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.vplayer__pip-grip{flex:1;min-width:0;display:flex;align-items:center;padding:6px 6px 6px 10px;cursor:grab}.vplayer__pip-grip:active{cursor:grabbing}.vplayer__pip-title{flex:1;font-size:.72rem;font-weight:600;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.vplayer__pip-btns{display:flex;gap:4px;padding:4px 6px;flex-shrink:0}.vplayer__pip-btn{width:24px;height:24px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;display:grid;place-items:center;cursor:pointer;font-size:.95rem;line-height:1;backdrop-filter:blur(4px);transition:background .12s ease,color .12s ease}.vplayer__pip-btn:hover{background:#ffffff29;color:#fff}.vplayer__pip-btn--close{font-size:1.05rem}.vplayer__screen{background:#000;position:relative;flex-shrink:0}.vplayer--full .vplayer__screen{width:100%;aspect-ratio:16 / 9;flex-shrink:0}.vplayer--pip .vplayer__screen{flex:1;width:100%}@media(min-width:1024px){.vplayer--full .vplayer__screen{max-width:calc(58vh * 16 / 9);margin:0 auto;max-height:58vh;aspect-ratio:16/9}}.vplayer__iframe{width:100%;height:100%;border:none;display:block}.vplayer__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(160deg,#151812,#0a0b08);color:#fff6;font-size:.88rem;text-align:center;padding:20px}.vplayer__ph-ic{width:56px;height:56px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:1.3rem}.vplayer__foot{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.vplayer__dur{font-family:var(--font-mono);font-size:.7rem;color:#ffffff59}.vplayer__src-badge{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklab,var(--accent) 15%,transparent);padding:3px 8px;border-radius:5px;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent)}.vplayer__transcript{flex:1;display:flex;flex-direction:column;overflow:hidden}.vplayer__tr-head{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff47;padding:12px 16px 6px;flex-shrink:0}.vplayer__tr-lines{flex:1;overflow-y:auto;padding:0 16px 16px;-webkit-overflow-scrolling:touch}.vplayer__tr-line{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.vplayer__tr-line:last-child{border-bottom:none}.vplayer__tr-t{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);flex-shrink:0;min-width:38px;padding-top:2px}.vplayer__tr-s{font-size:.9rem;color:#ffffff8c;line-height:1.55}.vplayer__screen-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}.vplayer__screen-overlay--on{pointer-events:auto;cursor:grabbing}.vplayer__resize{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;background-image:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px);background-size:5px 5px;background-position:2px 2px,7px 7px,12px 12px;background-repeat:no-repeat;z-index:10}@media(min-width:1024px){.rwrap{max-width:1160px;display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:56px;align-items:start}.rlede{grid-column:1 / -1}.rmain{min-width:0;max-width:760px}.rmain .rsec--ingredients{display:none}.rside{position:sticky;top:76px;display:flex;flex-direction:column;gap:20px;max-height:calc(100dvh - 160px);overflow-y:auto}.rside__sec .rsec__h{margin-bottom:12px}.rside__next{width:100%}.rside .timer-tray--float{position:static;transform:none;width:auto}}@media(max-width:1023.5px){.rside{display:none}.rmain{display:contents}}@media(min-width:1024px){.rhero{max-width:1160px;margin:28px 0}.rhero>*{aspect-ratio:21 / 9}}@media(min-width:1024px){.rmain .tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}}.ing-wrap{position:relative}.ing__li{position:relative;align-items:flex-start}.ing__check{flex-shrink:0;width:20px;height:20px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);color:transparent;display:grid;place-items:center;cursor:pointer;margin-right:8px;margin-top:1px;transition:background .15s,border-color .15s,color .15s}.ing__check--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ing__li--checked .ing__qty,.ing__li--checked .ing__item{opacity:.45;text-decoration:line-through}.pantry-pill{display:flex;align-items:center;gap:8px;width:100%;margin-top:14px;padding:12px 18px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:var(--t-ui);animation:cookmode-in .25s ease;cursor:pointer;border:none}.pantry-pill:hover{filter:brightness(1.06)}.ing__swaps{margin-left:auto}.ing__swap-btn{list-style:none;font-size:var(--t-small);color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--surface-2);font-family:var(--font-mono);user-select:none}.ing__swap-btn:hover{color:var(--accent-text);border-color:var(--accent)}.ing__swap{display:flex;gap:8px;flex-wrap:wrap;font-size:var(--t-small);color:var(--text-muted);padding:6px 0 2px 4px;line-height:1.4}.ing__swap-miss{font-weight:600;color:var(--text)}.ing__swap-use:before{content:"→ "}.step--lucky .step__check{box-shadow:0 0 0 2px var(--accent)}.step__xp--lucky{background:var(--accent);color:var(--accent-ink);font-weight:800;letter-spacing:.03em;animation:xp-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes xp-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.step__notes-wrap{margin-top:6px;display:flex;flex-direction:column;gap:4px}.step__note{background:var(--accent-soft);border-left:3px solid var(--accent);padding:8px 12px;font-style:italic;font-size:var(--t-body);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text);line-height:1.45}.step__note-add{font-size:var(--t-small);color:var(--text-faint);font-family:var(--font-mono);background:none;border:none;cursor:pointer;padding:2px 0;text-align:left;transition:color .15s}.step__note-add:hover{color:var(--accent-text)}.step__note-input{width:100%;padding:8px 10px;border-radius:var(--r-sm);border:1.5px solid var(--accent);background:var(--surface);color:var(--text);font-size:var(--t-body);font-family:inherit;resize:none;outline:none;line-height:1.45}.cook__clock-toggle{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-small);font-family:var(--font-mono);padding:3px 10px;border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:all .15s}.cook__clock-toggle--on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft);font-weight:700}.cook__clock-bar{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--t-small);color:var(--text-muted);padding:6px 12px;background:var(--surface);border-radius:var(--r-sm);border:1px solid var(--border-soft);margin-bottom:8px}.cook__clock-bar--over{border-color:var(--accent-2)}.cook__clock-elapsed{font-size:var(--t-ui);font-weight:700;color:var(--text)}.cook__clock-sep{opacity:.4}.cook__clock-target{color:var(--text-muted)}.cook__clock-best{margin-left:auto;color:var(--accent-text);font-size:var(--t-caption)}.cook__clock-result{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border-soft);font-size:var(--t-ui);margin-bottom:12px;color:var(--text-muted)}.cook__clock-result--win{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600}.cook-card__beat{font-size:var(--t-small);padding:8px 14px;margin:-4px 0 8px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--accent) 15%,var(--surface));border:1px solid var(--accent);color:var(--text)}.coach{position:fixed;z-index:900;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--r-md);padding:14px 16px 14px 14px;max-width:240px;box-shadow:0 8px 32px #00000038;animation:cookmode-in .2s ease}.coach--1{bottom:120px;right:16px}.coach--2{bottom:180px;right:16px}.coach__caret{position:absolute;bottom:-8px;right:24px;width:14px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.coach__close{position:absolute;top:6px;right:8px;font-size:1rem;background:none;border:none;cursor:pointer;color:var(--text-muted);line-height:1;padding:0 2px}.coach__t{font-weight:700;font-size:var(--t-ui);margin-bottom:4px;color:var(--text)}.coach__d{font-size:var(--t-small);color:var(--text-muted);line-height:1.4}.series-badge{position:relative;margin:20px 0;padding:24px 20px;border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--accent);text-align:center;animation:cookmode-in .3s ease}.series-badge__close{position:absolute;top:10px;right:14px;font-size:1.2rem;background:none;border:none;cursor:pointer;color:var(--text-muted);line-height:1}.series-badge__glyph{font-size:3rem;display:block;margin-bottom:8px}.series-badge__t{font-family:var(--font-display);font-weight:700;font-size:var(--t-h3);color:var(--accent-text)}.series-badge__sub{font-size:var(--t-body);color:var(--text-muted);margin:6px 0 16px;line-height:1.4}.series-badge__dl{width:100%}.cook__game-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-faint);cursor:pointer;flex-shrink:0;transition:all .15s ease;margin-left:4px}.cook__game-toggle:hover{border-color:var(--border);color:var(--text)}.cook__game-toggle--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.game-drawer{border-bottom:1px solid var(--border-soft)}.game-drawer__bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-2)}.game-drawer__xp{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--t-caption);font-weight:600;color:var(--accent-text)}.ing__li--used .ing__qty,.ing__li--used .ing__item{opacity:.35;text-decoration:line-through}.ing__qty{font-family:var(--font-mono);font-size:var(--t-small);font-weight:500;color:var(--accent-text);min-width:72px;flex-shrink:0}.ing__units-bar{margin-bottom:12px}.rsec__h-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ing__add-list{gap:6px}.ing__add-list--done{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.step__ings{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.step__ing-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-soft);font-size:var(--t-small);color:var(--text-muted)}.step__ing-qty{font-family:var(--font-mono);font-weight:600;color:var(--accent-text)}.step__ing-name{color:var(--text-muted)}.step__note--recall{font-size:var(--t-body);color:var(--text-faint);font-style:italic;margin-top:8px;line-height:1.45}.step__note-recall-k{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-right:4px;font-style:normal}.eat-at{border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.eat-at__sum{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;list-style:none;font-size:var(--t-ui);font-weight:600;color:var(--text-muted);user-select:none}.eat-at__sum::-webkit-details-marker{display:none}.eat-at__sum svg{flex-shrink:0;color:var(--accent-text)}.eat-at__chev{margin-left:auto;transition:transform .2s ease;color:var(--text-faint)}details[open] .eat-at__chev{transform:rotate(90deg)}.eat-at__body{padding:4px 16px 16px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:12px}.eat-at__hint{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint)}.eat-at__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--t-ui);color:var(--text-muted)}.eat-at__input{padding:6px 10px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:var(--t-ui)}.eat-at__input:focus{outline:none;border-color:var(--accent)}.eat-at__result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r-sm);background:var(--accent-soft);border:1px solid var(--accent);font-size:var(--t-ui);color:var(--accent-text)}.eat-at__result strong{font-family:var(--font-mono);font-size:var(--t-ui)}.eat-at__remind{margin-left:auto;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-size:var(--t-small);font-weight:700;cursor:pointer}.eat-at__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.eat-at__step{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--hairline);gap:8px}.eat-at__step:last-child{border-bottom:none}.eat-at__step-t{font-size:var(--t-ui);color:var(--text-muted)}.eat-at__step-time{font-family:var(--font-mono);font-size:var(--t-small);font-weight:600;color:var(--text);flex-shrink:0}.cookmode__finish{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px}.cookmode__finish-inner{text-align:center;max-width:400px;width:100%}.cookmode__finish-icon{font-size:3.5rem;margin-bottom:16px;display:block}.cookmode__finish-t{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}.cookmode__finish-sub{font-size:var(--t-body);color:var(--text-muted);line-height:1.6;max-width:34ch;margin:0 auto 28px}.cookmode__finish-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.cookmode__finish-actions .btn{min-width:200px;justify-content:center}.cookmode__ing-panel{margin-top:20px;border-radius:var(--r-md);border:1px solid var(--hairline);overflow:hidden}.cookmode__ing-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:var(--surface);color:var(--text-muted);font-size:var(--t-ui);font-weight:600;cursor:pointer;text-align:left;border:none;transition:background .15s ease}.cookmode__ing-toggle:hover{background:var(--surface-2)}.cookmode__ing-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}.cookmode__ing-item{display:flex;align-items:baseline;gap:8px;padding:7px 14px;border-bottom:1px solid var(--hairline);font-size:var(--t-body)}.cookmode__ing-item:last-child{border-bottom:none}.cookmode__ing-qty{color:var(--accent-text);font-weight:600;min-width:3rem;flex-shrink:0}.cookmode__ing-name{color:var(--text)}.cookmode__ing-note{color:var(--text-faint);font-size:var(--t-small);margin-left:auto}.cookmode__sensory-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.cookmode__caption{padding:8px 24px;font-family:var(--font-mono);font-size:var(--t-small);color:var(--text-faint);text-align:center;font-style:italic}.cookmode__icon--pulse{animation:mic-pulse 1.8s ease infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px transparent}}.cookmode__icon--disabled{opacity:.35;pointer-events:none}.voice-wrap{position:relative;display:flex;align-items:center;gap:6px}.voice-caption{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint);font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-caption--error{color:var(--color-warn, oklch(.65 .18 45));font-style:normal;max-width:200px;white-space:normal}.voice-help{position:absolute;top:calc(100% + 10px);right:0;z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;min-width:240px;box-shadow:0 8px 24px #0000002e}.voice-help__t{font-weight:700;font-size:var(--t-ui);margin-bottom:10px}.voice-help__list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:5px}.voice-help__list li{font-size:var(--t-body);color:var(--text-muted)}.voice-help__list b{color:var(--text)}.voice-help__note{font-size:var(--t-caption);color:var(--text-faint);margin:0}.cookmode__overflow{position:relative}.cookmode__overflow-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;min-width:200px;box-shadow:0 8px 24px #0000002e}.cookmode__overflow-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.cookmode__icon--sm{width:34px;height:34px}.living-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 110% 55% at 50% -10%,var(--glow-color, transparent),transparent 68%);opacity:var(--glow-opacity, 0);transition:background 3.5s ease,opacity 2s ease;will-change:opacity}@keyframes step-check-pop{0%{transform:scale(0) rotate(-12deg)}55%{transform:scale(1.35) rotate(4deg)}75%{transform:scale(.88) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.step--done .step__check{animation:step-check-pop .38s cubic-bezier(.34,1.56,.64,1) both}.step__collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),opacity .28s ease}.step--done .step__collapse{grid-template-rows:0fr;opacity:0}.step__collapse-inner{overflow:hidden}.step--done .step__t{text-decoration:line-through;text-decoration-color:var(--text-faint);text-decoration-thickness:1px}.step__sensory{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}.step__sensory-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint);letter-spacing:.03em}.step__sensory-item--sound,.step__sensory-item--texture{color:var(--text-muted);font-style:italic;font-family:var(--font-body);font-size:var(--t-small);letter-spacing:0}.step__sensory-swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--hairline);flex-shrink:0}.step__track-badge{font-size:.9rem;margin-left:auto;opacity:.45}.step__illustration{width:56px;height:56px;border-radius:var(--r-sm);object-fit:cover;margin-left:auto;flex-shrink:0}.step__ing-chip--swapped{background:var(--accent-soft);border-color:var(--accent)}.step__ing-swap-badge{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);padding:1px 5px;border-radius:4px;flex-shrink:0}.diet-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0}.diet-bar__label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-right:2px}.diet-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);font-size:var(--t-small);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.diet-pill:hover{border-color:var(--border);color:var(--text)}.diet-pill--active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.diet-pill--clear{width:26px;height:26px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:1rem;font-weight:400}.diet-bar__active-note{font-size:var(--t-small);color:var(--text-muted);margin:6px 0 0;padding:8px 12px;border-radius:var(--r-sm);background:var(--accent-soft);border:1px solid var(--accent)}.ing__li--swapped{background:var(--accent-soft)}.ing__li--swapped .ing__qty{color:var(--accent-text)}.ing__swap-tag{font-size:var(--t-body);color:var(--accent-text);flex-shrink:0}.ing__swap-note{display:block;color:var(--accent-text);font-size:var(--t-caption);margin-top:3px}.mep{border:1px solid var(--border-soft);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.mep__toggle{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border:none;background:none;cursor:pointer;transition:background .15s ease}.mep__toggle:hover{background:var(--surface-2)}.mep__toggle-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--surface-2);border:1px solid var(--border-soft);display:grid;place-items:center;color:var(--text-muted)}.mep--open .mep__toggle-icon{background:var(--accent);color:var(--accent-ink);border-color:transparent}.mep__toggle-text{display:flex;flex-direction:column;gap:2px;flex:1}.mep__toggle-text b{font-size:var(--t-ui);color:var(--text)}.mep__toggle-text small{font-size:var(--t-small);color:var(--text-muted)}.mep__pill{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:700;background:var(--accent-soft);color:var(--accent-text);border-radius:var(--r-pill);padding:3px 9px;flex-shrink:0}.mep__body{padding:0 16px 16px;border-top:1px solid var(--hairline)}.mep__section{margin-top:16px}.mep__section-h{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.mep__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mep__item{display:flex;align-items:center;gap:10px;font-size:var(--t-body);color:var(--text-muted);transition:color .15s ease}.mep__item--done{color:var(--text-faint);text-decoration:line-through;text-decoration-color:var(--text-faint)}.mep__check{width:22px;height:22px;border-radius:6px;flex-shrink:0;border:1.5px solid var(--border);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;color:transparent}.mep__check--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mep__ready{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:12px 20px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:var(--t-ui);border:none;cursor:pointer;transition:filter .15s ease,transform .15s ease;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.mep__ready:hover{filter:brightness(1.06);transform:translateY(-1px)}.mep__hint{margin-top:14px;font-size:var(--t-small);color:var(--text-faint);text-align:center}.ptl{border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.ptl__head{display:flex;align-items:baseline;justify-content:space-between;padding:12px 16px 8px;border-bottom:1px solid var(--hairline)}.ptl__title{font-family:var(--font-display);font-weight:600;font-size:var(--t-ui)}.ptl__total{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint)}.ptl__grid{padding:12px 16px 6px;display:flex;flex-direction:column;gap:10px}.ptl__row{display:flex;align-items:center;gap:10px}.ptl__label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);min-width:44px;flex-shrink:0}.ptl__lane{flex:1;position:relative;height:32px;background:var(--surface-2);border-radius:6px;overflow:visible}.ptl__grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--hairline);pointer-events:none}.ptl__playhead{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--accent);border-radius:1px;box-shadow:0 0 6px var(--glow);z-index:5;pointer-events:none;transition:left 1s linear}.ptl__block{position:absolute;top:4px;bottom:4px;border-radius:5px;display:flex;align-items:center;padding:0 7px;min-width:2px;overflow:hidden;transition:opacity .25s ease,filter .25s ease;cursor:default}.ptl__block--hands{background:var(--accent-soft);border:1px solid var(--accent)}.ptl__block--oven{background:#cb764e2e;border:1px solid oklch(.65 .12 45 / .5)}.ptl__block--wait{background:var(--surface-3);border:1px solid var(--border-soft)}.ptl__block--done{opacity:.45;filter:grayscale(.4)}.ptl__block--active{box-shadow:0 0 0 1.5px var(--accent)}.ptl__block-label{font-size:var(--t-micro);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted)}.ptl__block--hands .ptl__block-label{color:var(--accent-text)}.ptl__block--oven .ptl__block-label{color:#eb9666}.ptl__axis{position:relative;height:18px;margin:2px 0 4px;padding-left:54px}.ptl__axis-label{position:absolute;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint);letter-spacing:.04em}.ptl__axis-label:first-child{transform:none}.ptl__axis-label:last-child{transform:translate(-100%)}.ambient-wrap{margin-top:10px;display:flex}.ambient-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);font-size:var(--t-small);font-weight:600;cursor:pointer;transition:all .15s ease}.ambient-btn:hover{border-color:var(--border);color:var(--text)}.ambient-btn--on{background:#06262f99;border-color:#386b7b;color:#81b9c3}.ambient-btn__dot{width:6px;height:6px;border-radius:50%;background:#4d9daa;flex-shrink:0;animation:live-pulse 2s infinite}.fork-banner{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-soft)}.fork-banner__ic{color:var(--accent-text);flex-shrink:0;display:grid;place-items:center}.fork-banner__name{flex:1;font-size:.88rem;color:var(--text-muted)}.fork-banner__name b{color:var(--text)}.fork-banner__view{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--accent-text);letter-spacing:.04em;background:none;border:none;cursor:pointer;flex-shrink:0}.cook-card__fork-wrap{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-soft)}.rfork__trigger{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border-radius:var(--r-md);border:1px dashed var(--border);background:none;color:var(--text-muted);font-size:var(--t-small);font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s ease,color .15s ease,background .15s ease}.rfork__trigger:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.rfork__editor{border:1px solid var(--border);border-radius:var(--r-md);padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:14px}.rfork__editor-h{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:600;font-size:var(--t-ui)}.rfork__editor-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.rfork__field{display:flex;flex-direction:column;gap:6px}.rfork__field-l{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.rfork__input,.rfork__textarea{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--bg);color:var(--text);font:inherit;font-size:var(--t-body)}.rfork__input--sm{font-size:var(--t-ui);padding:6px 10px}.rfork__input::placeholder,.rfork__textarea::placeholder{color:var(--text-faint)}.rfork__textarea{resize:vertical}.rfork__ing-notes{display:flex;flex-direction:column;gap:8px}.rfork__ing-row{display:flex;align-items:center;gap:10px}.rfork__ing-name{font-size:var(--t-body);color:var(--text-muted);min-width:100px;flex-shrink:0}.rfork__ing-row .rfork__input{flex:1}.rfork__save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.rfork__saved{display:flex;align-items:center;gap:8px;font-size:var(--t-small);color:var(--accent-text);flex-wrap:wrap}.rfork__edit-link{background:none;border:none;color:var(--accent-text);text-decoration:underline;cursor:pointer;font-size:inherit}.rfork__viewer{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-end;background:var(--scrim);animation:cookmode-in .2s ease}.rfork__viewer-inner{width:100%;max-width:520px;margin:0 auto;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));position:relative}.rfork__viewer .rfork__editor-close{position:absolute;top:16px;right:16px}.rfork__viewer-title{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);letter-spacing:-.02em}.rfork__viewer-date{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint);margin-top:4px;letter-spacing:.06em}.rfork__viewer-note{margin-top:12px;font-style:italic;color:var(--text-muted);font-size:var(--t-body);line-height:1.5}.rfork__viewer-ings{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.rfork__viewer-ing{font-size:var(--t-body);color:var(--text-muted);padding:8px 12px;background:var(--surface-2);border-radius:var(--r-sm)}.rfork__viewer-ing b{color:var(--text)}.cookmode--spatial .cookmode__top{flex-shrink:0}.cookmode__spatial{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0;overflow:hidden}.cookmode__spatial-aside{border-right:1px solid var(--hairline);padding:20px 16px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.cookmode__spatial-section{display:flex;flex-direction:column;gap:8px}.cookmode__spatial-section--next{margin-top:auto;padding-top:16px;border-top:1px solid var(--hairline)}.cookmode__spatial-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.cookmode__spatial-done-step{display:flex;align-items:center;gap:7px;font-size:var(--t-small);color:var(--text-faint);text-decoration:line-through}.cookmode__spatial-done-step svg{color:var(--accent);flex-shrink:0}.cookmode__spatial-next-t{font-weight:600;font-size:var(--t-ui);color:var(--text-muted)}.cookmode__spatial-next-d{font-size:var(--t-small);color:var(--text-faint);margin-top:4px;line-height:1.4}.cookmode__stage--spatial{display:flex;flex-direction:column;justify-content:center;padding:32px 40px;overflow-y:auto}.cookmode__sensory{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:12px 16px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--hairline)}.cookmode__sensory-item{font-size:var(--t-body);color:var(--text-muted)}.cookmode__prep-zone{margin-top:24px}.cookmode__prep-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.cookmode__prep-ings{display:flex;flex-wrap:wrap;gap:6px}.cookmode__prep-ing{padding:5px 12px;border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-text);font-size:var(--t-small);font-weight:600}.cook-card__badge--pop{animation:badge-pop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes badge-pop{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(4deg);opacity:1}80%{transform:scale(.92) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.cook-card__beat{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:var(--t-small);color:oklch(.82 .16 190);background:oklch(.7 .14 190 / .12);border:1px solid oklch(.7 .14 190 / .35);padding:8px 14px;border-radius:var(--r-pill);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}.cwall{margin-top:48px}.cwall__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:20px}@media(min-width:480px){.cwall__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.cwall__grid{grid-template-columns:repeat(3,1fr)}}.cwall__card{border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 12px #0000000f;margin:0}.cwall__img-wrap{position:relative;aspect-ratio:4/5;background:var(--surface-2);overflow:hidden}.cwall__placeholder{position:absolute;inset:0;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));animation:cwall-shimmer 1.4s ease infinite alternate}@keyframes cwall-shimmer{0%{opacity:.6}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cwall__placeholder{animation:none}}.cwall__img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.cwall__img--loaded{opacity:1}.cwall__caption{padding:10px 12px 12px}.cwall__caption-text{font-size:var(--t-body);color:var(--text-muted);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cwall__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.cwall__name{font-weight:600;font-size:var(--t-small);color:var(--text)}.cwall__date{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint)}.cwall__loading{color:var(--text-faint);font-size:var(--t-ui);padding:12px 0}.cwall__more{display:block;margin:4px auto 24px}.cwall__upload-form{margin-top:20px;padding:16px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--surface);display:flex;flex-direction:column;gap:10px}.cwall__upload-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--t-ui);color:var(--text-muted)}.cwall__upload-file{font-size:var(--t-small)}.cwall__upload-caption{height:40px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 12px;font-family:var(--font-body);font-size:var(--t-ui);outline:none}.cwall__upload-caption:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cwall__upload-error{color:var(--color-warn, oklch(.65 .18 45));font-size:var(--t-small);margin:0}.cwall__upload-done{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);font-size:var(--t-ui);font-weight:600}.rfab{position:fixed;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:6px;transition:left .32s cubic-bezier(.32,.72,0,1),right .32s cubic-bezier(.32,.72,0,1),top .32s cubic-bezier(.32,.72,0,1)}.rfab--dragging{transition:none}@media(min-width:768px){.rfab{display:none!important}}.rfab__btn{position:relative;width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 20px #0000002e,0 1px 4px #0000001a;color:var(--text);display:grid;place-items:center;cursor:grab;user-select:none;transition:box-shadow .15s ease,background .15s ease}.rfab--dragging .rfab__btn{cursor:grabbing;box-shadow:0 8px 32px #00000042}.rfab__btn:hover:not(:active){background:var(--surface-2)}.rfab__dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.rfab__panel--left{align-items:flex-start}.rfab__panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;overflow:hidden;min-width:192px;animation:rfab-in .2s cubic-bezier(.32,.72,0,1);transform-origin:bottom center}@keyframes rfab-in{0%{opacity:0;transform:scale(.88) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.rfab__item{display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:var(--t-small);font-weight:500;color:var(--text);background:transparent;border:none;cursor:pointer;text-align:left;text-decoration:none;transition:background .12s ease;white-space:nowrap}.rfab__item:hover{background:var(--surface-2)}.rfab__item svg{color:var(--text-muted);flex-shrink:0}.rfab__item--units{padding:0}.rfab__item--units .units-pick{width:100%}.rfab__item--units .units-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border:none;border-radius:0;background:transparent;font-size:var(--t-small);font-weight:500;color:var(--text);cursor:pointer;text-align:left;transition:background .12s ease}.rfab__item--units .units-trigger:hover{background:var(--surface-2)}.rfab__item--units .units-trigger:before{content:"";display:block;width:15px;height:15px;flex-shrink:0;background:var(--text-muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v18M6 3h12M6 7h4M6 11h4M6 15h4M18 3v18'/%3E%3C/svg%3E") center/contain no-repeat}.rfab__item--units .units-trigger__label{flex:1}.rfab__sep{height:1px;background:var(--hairline);margin:2px 0}.rfab__count{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--t-caption);font-weight:700;display:grid;place-items:center}.rlist{min-height:100vh;background:var(--bg);padding-bottom:80px}.rlist-hero{padding:clamp(48px,7vw,80px) 0 clamp(32px,5vw,56px);background:var(--bg-2);border-bottom:1px solid var(--border-soft)}.rlist-hero__inner{max-width:var(--maxw);margin:0 auto;padding:0 24px}.rlist-hero__title{font-size:clamp(2rem,5vw,3.2rem);font-weight:600;letter-spacing:-.035em}.rlist-hero__title .accent{color:var(--accent-text)}.rlist-hero__sub{color:var(--text-muted);margin-top:14px;font-size:var(--t-body);max-width:44ch}.rfilter{padding:24px 0;border-bottom:1px solid var(--border-soft)}.rfilter__inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.rfilter__search{position:relative;flex:1;min-width:240px}.rfilter__ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.rfilter__input{width:100%;height:44px;padding:0 14px 0 42px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--t-ui);transition:border-color .15s ease,box-shadow .15s ease}.rfilter__input::placeholder{color:var(--text-faint)}.rfilter__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rfilter__chips{display:flex;gap:8px;flex-wrap:wrap}.rfilter__chip{height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);font-size:var(--t-small);font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.rfilter__chip:hover{color:var(--text);border-color:var(--border)}.rfilter__chip--active{background-color:var(--accent);color:var(--accent-ink);border-color:transparent}.rgrid-wrap{max-width:var(--maxw);margin:0 auto;padding:32px 24px 0}.rgrid-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}.rgrid-meta span{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.rcard{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}.rcard:hover{transform:translateY(-4px);border-color:var(--accent)}.rcard__thumb{position:relative;flex-shrink:0}.rcard__thumb .thumb{border-radius:0}.rcard__play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:var(--scrim);transition:opacity .18s ease}.rcard:hover .rcard__play{opacity:1}.rcard__play-btn{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.rcard__body{padding:16px;flex:1;display:flex;flex-direction:column;gap:6px}.rcard__series{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text)}.rcard__title{font-family:var(--font-display);font-weight:600;font-size:var(--t-ui);letter-spacing:-.02em;line-height:1.2}.rcard__desc{color:var(--text-muted);font-size:var(--t-small);line-height:1.45;margin-top:2px;flex:1}.rcard__foot{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline)}.rcard__tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-caption);color:var(--text-faint);font-family:var(--font-mono)}.rcard__rating{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--t-caption);color:var(--text-muted)}.rcard__rating svg{color:var(--accent)}.rfilter__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-faint);cursor:pointer;padding:2px;display:grid;place-items:center}.rfilter__clear:hover{color:var(--text)}.rfilter__search{position:relative}.rfilter--sticky{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(16px) saturate(140%)}.rfilter__vibes{display:flex;align-items:center;gap:8px;overflow-x:auto;flex-wrap:nowrap}.rfilter__vibe-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;flex-shrink:0}.rfilter__reset{background:none;border:none;color:var(--accent-text);font-size:var(--t-small);font-weight:600;cursor:pointer;padding:0}.rgrid-empty{text-align:center;padding:64px 24px;color:var(--text-muted)}.rgrid-empty h3{font-size:var(--t-h3);font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.rgrid-empty p{font-size:var(--t-body)}.rgrid-empty__btn{margin-top:18px;background:none;border:1px solid var(--border);border-radius:var(--r-pill);padding:9px 20px;color:var(--text-muted);cursor:pointer;font-size:var(--t-small);font-weight:600;transition:border-color .15s ease,color .15s ease}.rgrid-empty__btn:hover{border-color:var(--accent);color:var(--accent-text)}.shelves{padding-top:12px}.shelf{padding:32px 0;border-bottom:1px solid var(--hairline)}.shelf:last-child{border-bottom:none}.shelf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 24px;margin-bottom:18px;max-width:var(--maxw);margin-left:auto;margin-right:auto}.shelf__info{display:flex;align-items:baseline;gap:10px}.shelf__name{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);letter-spacing:-.025em}.shelf__count{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.shelf__more{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-small);font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0;transition:color .15s ease}.shelf__more:hover{color:var(--accent-text)}.shelf__rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 24px 12px}.shelf__rail>*{scroll-snap-align:start}.shelf-card{flex:0 0 auto;width:200px;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border-soft);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}.shelf-card:hover{transform:translateY(-4px);border-color:var(--accent)}.shelf-card__thumb{position:relative}.shelf-card__thumb .thumb{border-radius:0}.shelf-card__hover{position:absolute;inset:0;display:grid;place-items:center;background:var(--scrim);opacity:0;transition:opacity .18s ease}.shelf-card:hover .shelf-card__hover{opacity:1}.shelf-card__play-btn{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.shelf-card__body{padding:10px 12px 12px}.shelf-card__title{font-weight:600;font-size:var(--t-small);letter-spacing:-.01em;line-height:1.25}.shelf-card__meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint)}.shelf-card__meta span{display:inline-flex;align-items:center;gap:3px}.shelf-card__star{margin-left:auto;color:var(--text-muted)}.shelf-card__star svg{color:var(--accent)}@media(max-width:600px){.shelf__head{padding:0 16px;margin-bottom:14px}.shelf__rail{padding:4px 16px 10px;gap:10px}.shelf-card{width:160px}.rgrid{grid-template-columns:1fr 1fr;gap:12px}.rcard__desc{display:none}}@media(max-width:380px){.rgrid{grid-template-columns:1fr}.shelf-card{width:140px}}