@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius:0;--radius-control:0;--radius-small:0;--radius-tag:999px;--radius-pill:0;--border-width:1px;--focus-ring-width:2px;--bg:#fbf7f1;--surface:#fff;--surface-field:#fff;--surface-tint:#faf4ea;--surface-sunken:#eee7dc;--ink:#2b2118;--muted:#7a6a5b;--line:#e9dfd2;--brand:#c8442b;--danger:#c0262d;--brand-ink:#fff;--brand-soft:#fbe6e0;--on-brand-soft:#7a2414;--green:#2f7d4f;--green-ink:#fff;--green-soft:#e1f2e8;--on-green-soft:#1d5a37;--amber:#b7791f;--amber-soft:#fcf0d6;--on-amber-soft:#6f4a0f;--violet:#6b4fbb;--violet-soft:#ece7fa;--diff-removed:#fde4e0;--diff-added:#def3e5;--font-body:"Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:var(--font-body);--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--heading-weight:700;--heading-tracking:-.02em;--brand-weight:800;--shadow:0 1px 2px #2b21180f, 0 4px 16px #2b21180d;--shadow-popover:0 8px 24px #2b211824;--control-pad-y:.5rem;--control-pad-x:.65rem;--container-width:1100px;--header-h:3.5rem;--sidebar-w:15rem;--rail-w:4.5rem}[data-theme=rounded]{--radius:12px;--radius-control:9px;--radius-small:6px;--radius-pill:999px}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16110d;--surface:#1f1914;--surface-field:#191410;--surface-tint:#251e18;--surface-sunken:#2c241d;--ink:#f2e9de;--muted:#a99a8a;--line:#3a3028;--brand:#dc5238;--danger:#ff7070;--brand-ink:#fff;--brand-soft:#3d1f17;--on-brand-soft:#ffb9a8;--green:#4fb27b;--green-ink:#0b2316;--green-soft:#173222;--on-green-soft:#9fe3bb;--amber:#e4a844;--amber-soft:#3b2d11;--on-amber-soft:#f4d28f;--violet:#a48ff0;--violet-soft:#2b2247;--diff-removed:#4a2521;--diff-added:#1d3e2b;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--shadow-popover:0 8px 24px #0000008c}html{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);margin:0 0 .5rem;line-height:1.2}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}.project-title{overflow-wrap:anywhere;font-size:1.35rem}p{margin:0 0 .75rem}code,.mono{font-family:var(--font-mono);font-size:.9em}.muted{color:var(--muted)}.small{font-size:.85rem}.right{margin-inline-start:auto}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.col{flex-direction:column;gap:.75rem;display:flex}.grow{flex:1;min-width:0}.spread{justify-content:space-between}.topbar{background:var(--bg);z-index:20;height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{flex:none;align-items:center;gap:.5rem;display:flex}.topbar-right{justify-content:flex-end;gap:.75rem;min-width:10rem}.brand{font-family:var(--font-heading);font-size:1.35rem;font-weight:var(--brand-weight);letter-spacing:var(--heading-tracking);color:var(--ink)}.brand span{color:var(--brand)}.icon-flat{border-radius:var(--radius-pill);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-flat:hover{background:var(--surface-sunken)}.search-wrap{flex:0 40rem;min-width:0;display:flex;position:relative}.search-bar{border:var(--border-width) solid var(--line);border-radius:var(--radius-pill);background:var(--surface-field);flex:1;min-width:0;display:flex;overflow:hidden}.search-bar:focus-within{border-color:var(--brand)}.search-bar input{background:0 0;border:0;border-radius:0;outline:none;flex:1;min-width:0;padding:.55rem 1rem}.search-bar input:focus{outline:none}.search-bar button{background:var(--brand);color:var(--brand-ink);cursor:pointer;border:0;place-items:center;padding:0 1.1rem;display:grid}.pill-btn{border:var(--border-width) solid var(--line);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.92rem;font-weight:600;display:inline-flex}.pill-btn:hover{border-color:var(--ink);text-decoration:none}.pill-btn.primary,.pill-btn.create{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.avatar{border-radius:var(--radius-pill);background:var(--brand-soft);width:2.25rem;height:2.25rem;color:var(--on-brand-soft);flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar:hover{text-decoration:none}.avatar.small{width:2.25rem;height:2.25rem;font-size:.9rem}.shell{align-items:flex-start;display:flex}.sidebar{top:var(--header-h);width:var(--sidebar-w);height:calc(100vh - var(--header-h));background:var(--bg);flex:none;padding:.25rem .75rem 1.5rem;position:sticky;overflow-y:auto}.side-link{border-radius:var(--radius-control);width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:1.25rem;padding:.6rem .75rem;font-size:.92rem;display:flex}.side-link:hover{background:var(--surface-sunken);text-decoration:none}.side-link.active{background:var(--brand-soft);color:var(--on-brand-soft);font-weight:700}.side-link svg{flex:none}.side-section{border-top:var(--border-width) solid var(--line);margin-top:.5rem;padding-top:.5rem}.side-section h2{margin:.4rem .75rem;font-size:1rem}.side-cta{padding:1rem .75rem}.side-cta p{color:var(--muted);margin-top:0;font-size:.88rem}.sidebar.collapsed{width:var(--rail-w);padding:.25rem .35rem;overflow:hidden}.sidebar.collapsed .side-link{text-align:center;flex-direction:column;gap:.3rem;padding:.85rem 0 .65rem;font-size:.62rem}.sidebar.collapsed .side-section{border:0;margin:0;padding:0}.sidebar.collapsed .side-section h2,.sidebar.collapsed .side-cta,.sidebar.collapsed .side-section .side-link:nth-of-type(n+2),.side-backdrop{display:none}.main{flex:1;min-width:0}@media (width<=860px){.sidebar{z-index:30;inset-inline-start:0;top:var(--header-h);box-shadow:var(--shadow-popover);position:fixed}.sidebar.collapsed{display:none}.side-backdrop{inset:var(--header-h) 0 0 0;z-index:25;background:#00000059;display:block;position:fixed}.topbar-right{min-width:0}.topbar-right .pill-btn span{display:none}}.container{max-width:var(--container-width);margin:0 auto;padding:1.25rem 1.5rem 4rem}.container.wide{max-width:none}.narrow{max-width:460px}.footer{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.85rem}.card{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.card.flat{box-shadow:none}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;display:grid}.card-link{color:inherit;transition:transform .12s,border-color .12s;display:block}.card-link:hover{border-color:var(--brand);text-decoration:none;transform:translateY(-2px)}.card-link h3{margin-bottom:.25rem}.btn{border:var(--border-width) solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-control);padding:var(--control-pad-y) .95rem;font:inherit;cursor:pointer;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover:not(:disabled){filter:brightness(.93);border-color:var(--brand)}.btn.green{background:var(--green);border-color:var(--green);color:var(--green-ink)}.btn.danger{color:var(--brand)}.btn.small{padding:.25rem .6rem;font-size:.85rem}.btn.ghost{background:0 0;border-color:#0000}label.field{flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}label.field>span.hint{color:var(--muted);font-size:.8rem;font-weight:400}input,textarea{font:inherit;padding:var(--control-pad-y) var(--control-pad-x);border:var(--border-width) solid var(--line);border-radius:var(--radius-control);background:var(--surface-field);color:inherit;width:100%}input:focus,textarea:focus{outline:var(--focus-ring-width) solid var(--brand-soft);border-color:var(--brand)}textarea{resize:vertical;min-height:70px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand);padding:.12rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.violet{background:var(--violet-soft);color:var(--violet)}.badge.gray{background:var(--surface-sunken);color:var(--muted)}.tabs{border-bottom:var(--border-width) solid var(--line);gap:.25rem;margin:1.25rem 0;display:flex;overflow-x:auto}.tabs a{color:var(--muted);border-bottom:calc(var(--border-width) * 2) solid transparent;white-space:nowrap;padding:.55rem .9rem;font-weight:600}.tabs a.active{color:var(--ink);border-color:var(--brand)}.tabs a:hover{color:var(--ink);text-decoration:none}.tabs .count{background:var(--surface-sunken);border-radius:var(--radius-pill);margin-inline-start:.3rem;padding:0 .45rem;font-size:.75rem}.alert{border-radius:var(--radius-control);background:var(--brand-soft);color:var(--on-brand-soft);margin-bottom:1rem;padding:.7rem .95rem}.alert ul{margin:0;padding-inline-start:1.1rem}.alert.info{background:var(--amber-soft);color:var(--on-amber-soft)}.alert.ok{background:var(--green-soft);color:var(--on-green-soft)}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.recipe-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1.5rem;margin:.5rem 0 1rem;display:flex}.recipe-meta-action{margin-inline-start:auto}.recipe-meta b{color:var(--ink)}.recipe-body{grid-template-columns:minmax(220px,1fr) 2fr;gap:2rem;display:grid}@media (width<=760px){.recipe-body{grid-template-columns:1fr}}ul.lines{margin:0;padding:0;list-style:none}ul.lines li{border-bottom:1px dashed var(--line);gap:.5rem;padding:.4rem 0;display:flex}ul.lines .qty{min-width:4.5rem;font-weight:700}ol.steps{margin:0;padding-inline-start:1.2rem}ol.steps li{margin-bottom:.9rem;padding-inline-start:.3rem}ol.steps li::marker{color:var(--brand);font-weight:700}.locked{position:relative}.locked-banner{background:linear-gradient(135deg, var(--amber-soft), var(--surface));border:var(--border-width) dashed var(--amber);border-radius:var(--radius);margin-top:1rem;padding:1.1rem 1.25rem}.macros{text-align:center;grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.macros div{background:var(--surface-tint);border-radius:var(--radius-small);padding:.55rem .25rem}.macros b{font-size:1.15rem;display:block}.macros span{color:var(--muted);font-size:.75rem}.macro-strip{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin:.35rem 0 1rem;display:flex}.macro-strip>span:not(.muted){border-radius:var(--radius-pill);background:var(--surface-sunken);padding:.15rem .6rem;font-size:.9rem}.macro-strip b{font-variant-numeric:tabular-nums}.macrobar{border-radius:var(--radius-small);background:var(--surface-sunken);height:8px;margin:.6rem 0;display:flex;overflow:hidden}.macrobar i{display:block}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:var(--border-width) solid var(--line);padding:.5rem .6rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem}td.num,th.num{text-align:end;font-variant-numeric:tabular-nums}.diff{border:var(--border-width) solid var(--line);border-radius:var(--radius);overflow:hidden}.diff-item{border-bottom:var(--border-width) solid var(--line);background:var(--surface);padding:.55rem .85rem}.diff-item:last-child{border-bottom:0}.diff-item .path{margin-bottom:.2rem;font-weight:600}.val{border-radius:var(--radius-small);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;padding:.05rem .4rem;font-size:.85rem;display:inline-block}.val.old{background:var(--diff-removed);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 53%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 53%, transparent)}.val.new{background:var(--diff-added)}.conflict{border:var(--border-width) solid var(--amber);background:var(--amber-soft);border-radius:var(--radius);margin-bottom:.75rem;padding:.85rem 1rem}.conflict label{cursor:pointer;align-items:flex-start;gap:.5rem;margin-top:.4rem;display:flex}.list-row{border-bottom:var(--border-width) solid var(--line);align-items:center;gap:.85rem;padding:.75rem 0;display:flex}.list-row:last-child{border-bottom:0}.timeline-msg{white-space:pre-wrap}.stat{font-size:1.8rem;font-family:var(--font-heading);font-weight:700}.edit-line{grid-template-columns:auto 2fr 80px 90px 100px 1.6fr auto;align-items:center;gap:.4rem;margin-bottom:.4rem;display:grid}@media (width<=860px){.edit-line{grid-template-columns:1fr 1fr}}.edit-step{background:var(--surface);align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.edit-step textarea{min-height:56px}.commit-bar{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:1.5rem;padding:.85rem 1rem;position:sticky;bottom:0}.num-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.tag{color:inherit;background:var(--surface-sunken);border-radius:var(--radius-tag);margin-inline-end:.3rem;padding:.08rem .6rem;font-size:.8rem;display:inline-block}.star-btn.on{color:var(--amber);border-color:var(--amber)}.hero{padding:2.5rem 0 1.5rem}.hero h1{max-width:18ch;font-size:2.6rem}.hero p{color:var(--muted);max-width:52ch;font-size:1.15rem}.cover{object-fit:cover;border-radius:var(--radius);background:var(--surface-sunken);width:100%;max-height:380px;margin:.75rem 0 1rem;display:block}.card-cover{object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-sunken);width:calc(100% + 2.5rem);height:150px;margin:-1.1rem -1.25rem .8rem;display:block}.step-img{border-radius:var(--radius-small);max-width:100%;max-height:300px;margin-top:.5rem;display:block}span.img-loading{background:var(--surface-sunken) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='%23999' stroke-opacity='.3' stroke-width='4'/%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='%23999' stroke-width='4' stroke-linecap='round' stroke-dasharray='24 100'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") center / 36px 36px no-repeat;min-height:90px;display:block;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){span.img-loading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='%23999' stroke-opacity='.3' stroke-width='4'/%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='%23999' stroke-width='4' stroke-linecap='round' stroke-dasharray='24 100'%3E%3C/circle%3E%3C/svg%3E")}}.pick-thumb.img-loading,.diff-thumb.img-loading,.thumb.img-loading,.tile-img.img-loading{background-size:20px 20px;min-height:0}.img-probe{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.img-missing{background:var(--surface-sunken);color:var(--muted);border-radius:var(--radius);place-items:center;min-height:90px;font-size:2rem;display:grid}.cover.img-missing{height:180px}.card-cover.img-missing{height:150px;font-size:2.5rem}.image-field{align-items:center;gap:.85rem;display:flex}.image-field .thumb{object-fit:cover;border-radius:var(--radius-small);background:var(--surface-sunken);width:120px;height:80px}.image-field.compact .thumb{width:64px;height:48px}.diff-thumb{object-fit:cover;border-radius:var(--radius-small);vertical-align:middle;width:90px;height:60px}.dropdown{min-width:10rem;display:inline-block;position:relative}.dropdown.block{width:100%;display:block}.dropdown-trigger{text-align:start;width:100%;font:inherit;color:inherit;cursor:pointer;padding:var(--control-pad-y) var(--control-pad-x);border:var(--border-width) solid var(--line);border-radius:var(--radius-control);background:var(--surface-field);justify-content:space-between;align-items:center;gap:.6rem;display:flex}.dropdown-trigger:hover:not(:disabled){border-color:var(--ink)}.dropdown-trigger:focus-visible,.dropdown.open .dropdown-trigger{outline:var(--focus-ring-width) solid var(--brand-soft);border-color:var(--brand)}.dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-value.placeholder{color:var(--muted)}.dropdown-caret{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:.45rem;height:.45rem;transition:transform .12s;transform:translateY(-2px)rotate(45deg)}.dropdown.open .dropdown-caret{transform:translateY(2px)rotate(-135deg)}.dropdown-native{inset-inline-start:50%;opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0}.dropdown-panel{z-index:30;inset-inline-start:0;background:var(--surface);border:var(--border-width) solid var(--ink);border-radius:var(--radius-control);width:max-content;min-width:100%;max-width:min(28rem,90vw);box-shadow:var(--shadow-popover);margin-top:2px;position:absolute;top:100%;overflow:hidden}.dropdown-panel.up{margin:0 0 2px;top:auto;bottom:100%}.dropdown-search{inset-inline-start:var(--border-width);top:var(--border-width);width:calc(100% - 2.2rem);height:calc(100% - 2 * var(--border-width));box-sizing:border-box;padding:var(--control-pad-y) 0 var(--control-pad-y) var(--control-pad-x);border-radius:var(--radius-control);background:var(--surface-field);font:inherit;z-index:1;border:0;outline:none;position:absolute}.dropdown-search:focus{box-shadow:none;outline:none}.dropdown-search::placeholder{color:var(--ink);opacity:.55}.dropdown-valuebox{flex:1;min-width:0;display:grid}.dropdown-valuebox>*{grid-area:1/1}.dropdown-sizer{visibility:hidden;height:0;font-weight:700;display:grid;overflow:hidden}.dropdown-sizer>span{white-space:nowrap;grid-area:1/1}.dropdown-list{max-height:15rem;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.dropdown-option{padding:.4rem var(--control-pad-x);cursor:pointer;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.dropdown-option.active{background:var(--brand-soft);color:var(--on-brand-soft)}.dropdown-option[aria-selected=true]{font-weight:700}.dropdown-option[aria-selected=true]:after{content:"✓";color:var(--brand);order:3}.dropdown-option.disabled{opacity:.45;cursor:not-allowed}.dropdown-option mark{color:var(--brand);background:0 0;font-weight:700;text-decoration:underline}.dropdown-empty{padding:.6rem var(--control-pad-x);color:var(--muted)}ol.playlist{counter-reset:track;margin:.75rem 0;padding:0;list-style:none}ol.playlist li{counter-increment:track;border-bottom:var(--border-width) dashed var(--line);background:var(--surface);flex-wrap:nowrap;padding:.35rem 0}ol.playlist li:before{content:counter(track);color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.5rem}.drag-handle{color:var(--muted);cursor:grab;touch-action:none;border-radius:var(--radius-small);background:0 0;border:0;align-self:center;place-items:center;padding:.35rem .3rem;display:inline-grid}.drag-handle:hover{color:var(--ink);background:var(--surface-sunken)}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:var(--focus-ring-width) solid var(--brand-soft);color:var(--brand)}.edit-step .drag-handle{align-self:flex-start;margin-top:.3rem}.sortable-row{position:relative}.sortable-row.dragging{z-index:20;box-shadow:var(--shadow-popover);outline:var(--border-width) solid var(--brand)}.edit-step>b{text-align:end;font-variant-numeric:tabular-nums;min-width:1.5rem}.section-head{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.section-head h3{margin:0}.section-head>:not(h3){margin-inline-start:auto}.add-another{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:2px dashed var(--line);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin-top:.6rem;padding:.85rem 1rem;font-weight:700;display:flex}.add-another:hover{border-color:var(--brand);color:var(--brand)}.add-another:focus-visible{outline:var(--focus-ring-width) solid var(--brand-soft)}.icon-btn{border:var(--border-width) solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:1.75rem;height:1.75rem;color:var(--ink);cursor:pointer;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.icon-btn:focus-visible{outline:var(--focus-ring-width) solid var(--brand-soft)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.dropdown-search.hidden{opacity:0;pointer-events:none}.dropdown-footer{border-top:var(--border-width) solid var(--line);background:var(--surface-tint)}.dropdown-create{width:100%;padding:.55rem var(--control-pad-x);text-align:start;font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;font-weight:600;display:block}.dropdown-create:hover,.dropdown-create:focus-visible{background:var(--brand-soft);color:var(--on-brand-soft);outline:none}.edit-line{grid-template-columns:auto minmax(0,2.6fr) 90px minmax(0,1fr) auto}.step-number{text-align:end;font-variant-numeric:tabular-nums;min-width:1.5rem;padding-top:.55rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;display:grid}.photo-tile{aspect-ratio:4/3;background:var(--surface-sunken);border:var(--border-width) solid var(--line);border-radius:var(--radius-small);position:relative;overflow:hidden}.photo-tile.is-cover{outline:calc(var(--border-width) * 2) solid var(--brand);outline-offset:-2px}.photo-img{object-fit:cover;width:100%;height:100%;display:block}.photo-badge{inset-inline-start:.4rem;background:var(--brand);color:var(--brand-ink);position:absolute;bottom:.4rem}.photo-set{inset-inline-start:.4rem;opacity:0;transition:opacity .12s;position:absolute;bottom:.4rem}.photo-tile:hover .photo-set,.photo-set:focus-visible{opacity:1}.photo-remove{inset-inline-end:.35rem;background:var(--surface);position:absolute;top:.35rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin:0 0 1rem;display:grid}.gallery-thumb{border:var(--border-width) solid var(--line);border-radius:var(--radius-small);background:var(--surface-sunken);aspect-ratio:4/3;cursor:zoom-in;padding:0;overflow:hidden}.gallery-thumb:hover{border-color:var(--brand)}.lightbox{background:var(--surface);border-radius:var(--radius);max-width:min(94vw,1100px);box-shadow:var(--shadow-popover);border:0;padding:.75rem}.lightbox::backdrop{background:#000000b3}.lightbox-img{max-width:100%;max-height:78vh;margin:0 auto;display:block}.lightbox-bar{justify-content:center;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.35rem .75rem;display:grid}.unit-choice{cursor:pointer;align-items:baseline;gap:.45rem;display:flex}.unit-choice.blocked{opacity:.55;cursor:not-allowed}.step-editor{border:var(--border-width) solid var(--line);border-radius:var(--radius-control);background:var(--surface-field)}.step-editor:focus-within{border-color:var(--brand);outline:var(--focus-ring-width) solid var(--brand-soft)}.step-toolbar{border-bottom:var(--border-width) solid var(--line);background:var(--surface-tint);align-items:center;gap:.15rem;padding:.2rem .35rem;display:flex}.tool{min-width:1.7rem;height:1.7rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:var(--radius-small);background:0 0;border:0;padding:0 .35rem}.tool:hover{background:var(--surface-sunken)}.tool.on{background:var(--brand-soft);color:var(--on-brand-soft)}.tool-sep{width:var(--border-width);background:var(--line);align-self:stretch;margin:.2rem .3rem}.step-editor-content{min-height:4.2rem;padding:var(--control-pad-y) var(--control-pad-x);outline:none}.step-editor-content p{margin:0 0 .5rem}.step-editor-content p:last-child{margin-bottom:0}.step-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:inline-start;height:0;color:var(--muted);pointer-events:none}.step-editor mark,.step-text mark{background:var(--amber-soft);color:inherit;padding:0 .15em}.step-text p{margin:0 0 .5rem}.step-photo{width:fit-content;max-width:100%;margin:.4rem 0;display:block;position:relative}.step-photo.selected{outline:calc(var(--border-width) * 2) solid var(--brand)}.step-photo-remove{inset-inline-end:.3rem;background:var(--surface);position:absolute;top:.3rem}.chip{background:var(--green-soft);color:var(--on-green-soft);border-radius:var(--radius-pill);white-space:nowrap;padding:0 .45rem;font-size:.92em;font-weight:600;display:inline-block}.chip-missing{background:var(--surface-sunken);color:var(--muted);font-style:italic;font-weight:400}.slash-menu{z-index:60;background:var(--surface);border:var(--border-width) solid var(--ink);border-radius:var(--radius-control);min-width:15rem;max-width:22rem;max-height:16rem;box-shadow:var(--shadow-popover);padding:.25rem 0;position:fixed;overflow-y:auto}.slash-title{padding:.25rem var(--control-pad-x);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem}.slash-item{padding:.4rem var(--control-pad-x);cursor:pointer;justify-content:space-between;gap:1rem;display:flex}.slash-item.active{background:var(--brand-soft);color:var(--on-brand-soft)}.slash-empty{padding:.5rem var(--control-pad-x);color:var(--muted)}.diff-thumbs{vertical-align:middle;flex-wrap:wrap;gap:.3rem;display:inline-flex}.field{min-width:0}div.field{flex-direction:column;gap:.25rem;display:flex}.field:has(:required)>.field-label:after{content:" *";color:var(--danger)}.field[data-error] input,.field[data-error] textarea,.field[data-error] .dropdown-trigger{border-color:var(--danger)}.field[data-error] input:focus,.field[data-error] textarea:focus{outline-color:color-mix(in srgb, var(--danger) 25%, transparent)}.field[data-error]:after{content:attr(data-error);color:var(--danger);font-size:.8rem;font-weight:500}.field>.hint{order:2}.field[data-error]:after{order:1}.scroll-more{text-align:center;min-height:2rem;padding:.75rem 0}.chips{top:var(--header-h);background:var(--bg);z-index:5;scrollbar-width:none;align-items:center;gap:.6rem;padding:.25rem 0 1rem;display:flex;position:sticky;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip-btn{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border:0;flex:none;padding:.4rem .85rem;font-size:.9rem;font-weight:600}.chip-btn:hover{background:var(--line)}.chip-btn.active{background:var(--ink);color:var(--surface)}.chips-divider{background:var(--line);flex:none;align-self:stretch;width:1px;margin:.2rem .25rem}.grid.feed{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem 1rem}.tile{color:inherit;display:block}.tile:hover{text-decoration:none}.tile-thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-sunken);position:relative;overflow:hidden}.tile-img{object-fit:cover;border-radius:0;place-items:center;width:100%;height:100%;transition:transform .2s;display:grid}.tile:hover .tile-img{transform:scale(1.03)}.tile-badge{border-radius:var(--radius-small);color:#fff;background:#000000c7;padding:.1rem .4rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.5rem}.tile-badge.left{inset-inline-start:.5rem}.tile-badge.right{inset-inline-end:.5rem}.tile-body{gap:.75rem;padding-top:.75rem;display:flex}.tile-text{min-width:0;font-size:.85rem;line-height:1.45}.tile-text h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .15rem;font-size:1rem;line-height:1.3;display:-webkit-box;overflow:hidden}a.tag:hover{background:var(--line);text-decoration:none}.tag-input{padding:.35rem var(--control-pad-x);border:var(--border-width) solid var(--line);border-radius:var(--radius-control);background:var(--surface-field);flex-wrap:wrap;align-items:center;gap:.3rem;font-weight:400;display:flex;position:relative}.tag-input:focus-within{border-color:var(--brand);outline:var(--focus-ring-width) solid var(--brand-soft)}.tag-input input{background:0 0;border:0;outline:none;flex:1;width:auto;min-width:8rem;padding:.2rem 0}.tag-input input:focus{outline:none}.tag.removable{align-items:center;gap:.3rem;margin:0;display:inline-flex}.tag.removable button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem;line-height:1}.tag.removable button:hover{color:var(--danger)}.chip-btn.tag-chip{border-radius:var(--radius-tag)}dialog.confirm{border-radius:var(--radius);background:var(--surface);max-width:min(92vw,34rem);color:var(--ink);box-shadow:var(--shadow-popover);border:0;padding:1.5rem}dialog.confirm::backdrop{background:#0006}dialog.confirm h2,dialog.confirm p{margin:0}.plain-list{color:var(--muted);flex-direction:column;gap:.35rem;margin:0;padding-inline-start:1.2rem;font-size:.92rem;display:flex}.field>.field-label{font-size:.9rem;font-weight:600}.field>.hint{color:var(--muted);font-size:.8rem;font-weight:400}.comments{flex-direction:column;gap:1.1rem;display:flex}.comment{align-items:flex-start;gap:.75rem;display:flex}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.2rem 0 0}.tile-badge.top{top:.5rem;bottom:auto;inset-inline-end:.5rem}.side-following .avatar.small{width:1.6rem;height:1.6rem;font-size:.75rem}.side-following h2 a{color:inherit}.sidebar.collapsed .side-following{display:none}.people{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem 1.5rem;display:grid}.person{color:inherit;align-items:center;gap:.75rem;display:flex}.person:hover{text-decoration:none}.person .avatar{width:2.75rem;height:2.75rem}.side-following .side-link{gap:.75rem}.side-following .side-link.has-new .side-name{font-weight:700}.new-mark{color:var(--brand);flex:none;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.new-dot{border-radius:var(--radius-tag);background:var(--brand);width:.5rem;height:.5rem}.side-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.side-text .side-name{display:block}.side-theme{display:none}@media (width<=860px){:root{--header-h:6.25rem}.topbar{flex-wrap:wrap;align-content:center;row-gap:.5rem;padding:0 .75rem}.topbar-left{order:1}.topbar-right{order:2;min-width:0;margin-inline-start:auto}.search-wrap{flex:1 0 100%;order:3}.side-theme{display:block}.create-row{flex-direction:column;align-items:stretch}.create-row .btn{width:100%}.commit-bar{position:static}}.step-editor-content{position:relative}.step-editor-content p.is-editor-empty:first-child:before{inset-inline-start:var(--control-pad-x);inset-inline-end:var(--control-pad-x);top:var(--control-pad-y);float:none;height:auto;position:absolute}@media (width<=860px){.edit-line{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto}.edit-line>:first-child{grid-area:1/1}.edit-line>:nth-child(2){grid-area:1/2/auto/4}.edit-line>:nth-child(3){grid-area:2/2}.edit-line>:nth-child(4){grid-area:2/3}.edit-line>:nth-child(5){grid-area:1/4}.edit-line{margin-bottom:.75rem}.step-editor-content{min-height:6.2rem}.edit-step{gap:.35rem}.edit-step>b{min-width:1.1rem}}.tag-suggestions{width:auto;max-width:none;font-weight:400;inset-inline:0}@media (width>=861px){.create-row>.field:not(.grow){flex:0 0 13rem}}ul.lines .line-kcal{white-space:nowrap;font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:.9rem}.onboarding{max-width:640px}.onboarding .card{gap:1rem}.stepper{gap:.5rem;margin:1.25rem 0;padding:0;list-style:none;display:flex}.stepper li{color:var(--muted);flex:1;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.stepper li.current{color:var(--ink)}.step-dot{border-radius:var(--radius-pill);background:var(--surface-sunken);flex:none;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;display:inline-grid}.stepper li.current .step-dot{background:var(--brand);color:var(--brand-ink)}.stepper li.done .step-dot{background:var(--green);color:var(--green-ink)}@media (width<=520px){.step-label{display:none}}.summary{grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:0;display:grid}.summary dt{color:var(--muted)}.summary dd{overflow-wrap:anywhere;margin:0}.benefits li b{color:var(--ink)}.terms{border:var(--border-width) solid var(--line);border-radius:var(--radius-control);padding:.6rem .85rem}.terms summary{cursor:pointer;font-weight:600}.admin-bar{height:var(--header-h);background:var(--ink);color:var(--surface);justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex}.admin-bar .brand{color:var(--surface)}.admin-tag{border-radius:var(--radius-small);background:var(--brand);color:var(--brand-ink);text-transform:uppercase;letter-spacing:.05em;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.admin-bar .muted{color:inherit;opacity:.7}.admin-body{min-height:calc(100vh - var(--header-h));align-items:flex-start;display:flex}.admin-nav{flex:none;width:14rem;padding:1rem .75rem;position:sticky;top:0}.admin-main{flex:1;min-width:0;padding:1.5rem 2rem 4rem}@media (width<=860px){.admin-body{flex-direction:column}.admin-nav{width:100%;padding:.5rem;display:flex;position:static}.admin-main{padding:1rem}}.count-badge{text-align:center;border-radius:var(--radius-tag);background:var(--brand);min-width:1.4rem;color:var(--brand-ink);padding:0 .4rem;font-size:.75rem;font-weight:700}.stat-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{color:inherit}.stat-card:hover{border-color:var(--brand);text-decoration:none}table.clickable tbody tr{cursor:pointer}table.clickable tbody tr:hover,table.clickable tbody tr:focus-visible{background:var(--surface-tint);outline:none}.cookbook-note{margin:.35rem 0 0 3rem;font-style:italic}.tile.unavailable{opacity:.65}.search-field{position:relative}.search-field-icon{inset-inline-start:.75rem;color:var(--muted);pointer-events:none;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.search-field input{padding-inline-start:2.5rem}.search-field input[type=search]::-webkit-search-cancel-button{cursor:pointer}.ai-button{color:var(--brand)}dialog.ai-dialog{background:var(--surface);width:min(30rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);box-shadow:var(--shadow-popover);border:0;margin:0 0 0 auto;padding:0}dialog.ai-dialog::backdrop{background:#0006}.ai-panel{flex-direction:column;height:100%;display:flex}.ai-head{border-bottom:var(--border-width) solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ai-title{align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.ai-title svg{color:var(--brand)}.ai-scroll{flex-direction:column;flex:1;gap:.9rem;padding:1rem;display:flex;overflow-y:auto}.ai-empty h2{margin:.5rem 0}.ai-suggestions{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1rem;display:flex}.ai-suggestions .chip-btn{white-space:normal;text-align:start}.ai-turn{flex-direction:column;gap:.4rem;max-width:92%;display:flex}.ai-turn.user{align-self:flex-end;align-items:flex-end}.ai-bubble{border-radius:var(--radius);background:var(--surface-sunken);white-space:pre-wrap;overflow-wrap:anywhere;padding:.6rem .85rem;line-height:1.45}.ai-turn.user .ai-bubble{background:var(--brand);color:var(--brand-ink)}.ai-turn.error .ai-bubble{background:var(--brand-soft);color:var(--on-brand-soft)}.ai-created{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ai-created a{border:var(--border-width) solid var(--line);border-radius:var(--radius);color:inherit;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:flex}.ai-created a:hover{border-color:var(--brand);text-decoration:none}.ai-working{color:var(--muted);align-items:center;gap:.5rem;display:inline-flex}.ai-dots{gap:.2rem;display:inline-flex}.ai-dots i{border-radius:var(--radius-tag);background:var(--muted);width:.35rem;height:.35rem;animation:1s ease-in-out infinite ai-dot}.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}@keyframes ai-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.ai-composer{border-top:var(--border-width) solid var(--line);align-items:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.ai-composer textarea{resize:none;flex:1;min-height:3rem}@media (prefers-reduced-motion:reduce){.ai-dots i{opacity:.6;animation:none}}.ai-context{border-top:var(--border-width) solid var(--line);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem 1rem 0;font-size:.85rem;display:flex}.ai-context b{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;overflow:hidden}.ai-composer{border-top:0}dialog.confirm.wide{width:min(40rem,94vw);max-width:none;max-height:90dvh;overflow-y:auto}.pick-recipe{border:var(--border-width) solid var(--line);border-radius:var(--radius);background:var(--surface-tint);align-items:center;gap:.85rem;padding:.75rem;display:flex}.pick-title{font-size:1.05rem;display:block}.pick-thumb{object-fit:cover;border-radius:var(--radius-small);background:var(--surface-sunken);flex:none;width:5rem;height:3.5rem}.pick-thumb.img-missing{min-height:0;font-size:0}.pick-thumb.img-missing svg{width:1.5rem;height:1.5rem}.pick-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.pick-list{flex-direction:column;gap:.4rem;max-height:14rem;display:flex;overflow-y:auto}.pick-option{border:var(--border-width) solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;align-items:center;gap:.75rem;padding:.5rem;display:flex}.pick-option:hover{border-color:var(--ink)}.pick-option.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--on-brand-soft)}.pick-text{flex-direction:column;flex:1;min-width:0;display:flex}.pick-text b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick-check{text-align:center;width:1.4rem;color:var(--brand);font-weight:700}.pick-preview{border:var(--border-width) solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.pick-cover{aspect-ratio:16/6;border-radius:var(--radius);background:var(--surface-sunken);position:relative;overflow:hidden}.pick-cover-img{object-fit:cover;place-items:center;width:100%;height:100%;display:grid}.pick-cover-text{color:#fff;background:linear-gradient(#0000,#000000bf);flex-direction:column;padding:1.5rem .85rem .6rem;display:flex;position:absolute;inset:auto 0 0}.pick-cover-text b{font-size:1.15rem}.pick-cover-text span{opacity:.9;font-size:.85rem}.pick-chapters{flex-wrap:wrap;gap:.4rem;display:flex}.pick-count{border-radius:var(--radius-tag);text-align:center;background:#80808040;min-width:1.2rem;margin-inline-start:.25rem;padding:0 .3rem;font-size:.75rem;display:inline-block}.videos{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}@media (hover:none){.player-volume{display:none}}.player{border-radius:var(--radius);outline-offset:2px;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden}.player video{-webkit-touch-callout:none;background:#000;width:100%;max-height:70vh;display:block}.player:fullscreen{border-radius:0;align-items:center;display:flex}.player:fullscreen video{height:100%;max-height:100vh}.player-big{background:var(--brand);width:4.25rem;height:4.25rem;color:var(--brand-ink);cursor:pointer;box-shadow:var(--shadow-popover);border:0;border-radius:50%;place-items:center;margin:auto;transition:transform .15s;display:grid;position:absolute;inset:0}.player-big:hover{transform:scale(1.06)}.player-big svg{width:2rem;height:2rem}.player-bar{inset-inline:0;color:#fff;background:linear-gradient(#0000,#000000b3);padding:1.5rem .75rem .5rem;transition:opacity .2s;position:absolute;bottom:0}.player.is-idle .player-bar{opacity:0;pointer-events:none}.player.is-idle{cursor:none}.player-row{align-items:center;gap:.35rem;display:flex}.player-btn{border-radius:var(--radius-control);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.player-btn:hover{background:#ffffff2e}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.player-spacer{flex:1}.player-speed{border-radius:var(--radius-control);color:#fff;cursor:pointer;background:#ffffff2e;border:0;width:auto;padding:.2rem .35rem;font-size:.8rem}.player-speed option{color:var(--ink)}.player input[type=range]{appearance:none;cursor:pointer;height:.9rem;accent-color:var(--brand);background:0 0;border:0;margin:0;padding:0}.player input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-tag);background:linear-gradient(to right, var(--brand) var(--pct), #ffffff59 var(--pct));height:.25rem}.player input[type=range]::-moz-range-track{border-radius:var(--radius-tag);background:linear-gradient(to right, var(--brand) var(--pct), #ffffff59 var(--pct));height:.25rem}.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);border:0;border-radius:50%;width:.8rem;height:.8rem;margin-top:-.275rem}.player input[type=range]::-moz-range-thumb{background:var(--brand);border:0;border-radius:50%;width:.8rem;height:.8rem}.player-seek{width:100%;position:relative}.player-seekbox{position:relative}.player-mark{pointer-events:none;z-index:1;background:#fff;border-radius:1px;width:3px;height:.5rem;margin:-.25rem 0 0 -1px;position:absolute;top:50%}.player-chapter{text-shadow:0 1px 2px #0009;margin-bottom:.1rem;font-size:.85rem;font-weight:600}.chapters{border:var(--border-width) solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;margin:.5rem 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.chapter{width:100%;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;gap:.75rem;padding:.5rem .75rem;display:flex}.chapter+.chapter,li+li .chapter{border-top:var(--border-width) solid var(--line)}.chapter:hover{background:var(--surface-tint)}.chapter.on{background:var(--brand-soft);color:var(--on-brand-soft);font-weight:600}.chapter-time{min-width:3rem;color:var(--brand);font-variant-numeric:tabular-nums;font-weight:600}.chapter-editor{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.chapter-add{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.chapter-row{align-items:center;gap:.4rem;display:flex}.chapter-time-input{text-align:center;font-variant-numeric:tabular-nums;flex:none;width:5rem}.video-item.open{width:min(100%,36rem)}.chip-video{background:var(--brand-soft);color:var(--on-brand-soft);font:inherit;cursor:pointer;border:0;font-size:.92em;font-weight:600}.chip-video:hover{filter:brightness(.95)}.player-volume{width:4.5rem}.video-wait{border-radius:var(--radius);background:var(--surface-sunken);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:12rem;padding:1.5rem;display:flex}.video-failed{color:var(--danger)}.video-bar{border-radius:var(--radius-tag);background:var(--line);width:min(20rem,80%);height:.4rem;display:block;overflow:hidden}.video-bar>span{background:var(--brand);height:100%;transition:width .4s;display:block}.video-items{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.video-item{width:12rem;position:relative}.video-thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-sunken);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.85rem;display:flex;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-length{inset-inline-end:.4rem;border-radius:var(--radius-small);color:#fff;background:#000000c7;padding:.05rem .35rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.4rem}.video-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.video-item .photo-remove{top:.35rem;position:absolute;inset-inline-end:.35rem}.linklike{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linklike:disabled{opacity:.6;cursor:default}.verify-banner{margin:0 0 1rem}.auth-screen{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.auth-top{padding:1.25rem 1.75rem}.auth-top .brand{font-size:1.6rem}.auth-main{flex:1;justify-content:center;align-items:center;padding:1rem 1.25rem 4rem;display:flex}.auth-main>.card{width:100%;margin:0!important}.auth-top{justify-content:space-between;align-items:center;display:flex}.side-lang{padding:.25rem .75rem .5rem}.player{direction:ltr}.skeleton{border-radius:var(--radius-small,6px);background:linear-gradient(90deg, var(--surface-sunken) 25%, color-mix(in srgb, var(--surface-sunken) 55%, var(--surface)) 50%, var(--surface-sunken) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton.round{border-radius:50%;flex:none}.skeleton-col{flex-direction:column;gap:.7rem;min-width:0;display:flex}.skeleton-row{align-items:center;gap:.85rem;padding:.5rem 0;display:flex}.skeleton-thumb{aspect-ratio:16/9;border-radius:var(--radius);width:100%}.skeleton-cover{border-radius:var(--radius);width:100%}.skeleton-video{aspect-ratio:16/9;border-radius:var(--radius);width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.step-timer{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.step-timer-add{margin-top:.4rem}.step-timer-unit{align-items:center;gap:.3rem;display:inline-flex}.step-timer-unit input{width:4.5rem}.cook{background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0}.cook[open]{flex-direction:column;display:flex}.cook::backdrop{background:var(--bg)}.cook-top{flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.cook-title{font-size:1.1rem;font-weight:700}.cook-running{flex-wrap:wrap;gap:.5rem;display:flex}.cook-running .chip{cursor:pointer}.cook-bar{background:var(--surface-sunken);height:6px}.cook-bar span{background:var(--brand);height:100%;transition:width .25s;display:block}.cook-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 2rem;overflow-y:auto}.cook-step-number{color:var(--brand);font-variant-numeric:tabular-nums;margin-bottom:.75rem;font-size:4rem;font-weight:800;line-height:1}.cook-step-text{font-size:clamp(1.35rem,3.2vw,2rem);line-height:1.45}.cook-step-text p{margin:0 0 .8rem}.cook-ingredients{flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;font-size:1.15rem;list-style:none;display:flex}.cook-check{cursor:pointer;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.cook-check input{width:1.4rem;height:1.4rem}.cook-check input:checked+span{color:var(--muted);text-decoration:line-through}.cook-list-toggle{margin-top:1.25rem}.cook-timer{border:var(--border-width) solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;flex-direction:column;gap:.6rem;margin:1.5rem 0 0;padding:1.25rem;display:flex}.cook-clock{font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vw,5.5rem);font-weight:800;line-height:1}.cook-timer.ringing,.cook-running .chip.ringing{background:var(--amber-soft);color:var(--on-amber-soft);animation:.8s ease-in-out infinite alternate cook-ring}.cook-video{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1.25rem;display:flex}.cook-video .video-box{width:100%}.cook-done{text-align:center;padding-top:3rem}.cook-done h2{font-size:2.2rem}.cook-nav{padding:.9rem 1.25rem calc(.9rem + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--line);background:var(--surface);gap:.75rem;display:flex}.cook-next{flex:1;padding-block:.8rem;font-size:1.15rem}@keyframes cook-ring{0%{transform:scale(1)}to{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.cook-timer.ringing,.cook-running .chip.ringing{animation:none}}.start-cooking{padding:.65rem 1.4rem;font-size:1.05rem}.step-timer-badge{border-radius:var(--radius-pill);background:var(--surface-sunken);font-variant-numeric:tabular-nums;margin-top:.2rem;padding:.1rem .6rem;font-size:.85rem;display:inline-block}.shop-preview{background:var(--surface-sunken);border-radius:var(--radius-control);flex-direction:column;gap:.3rem;max-height:40vh;margin:.25rem 0 0;padding:.75rem 1rem;list-style:none;display:flex;overflow-y:auto}.shop-list{margin:0 0 1.5rem;padding:.5rem 1.25rem;list-style:none}.shop-list li{border-bottom:var(--border-width) solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.shop-list li:last-child{border-bottom:0}.shop-list li.done .cook-check span{color:var(--muted);text-decoration:line-through}.shop-recipes{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.shop-recipes li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search-recent{z-index:40;inset-inline:0;background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg,0 10px 30px #00000024);max-height:60vh;padding:.35rem;position:absolute;top:calc(100% + .35rem);overflow-y:auto}.search-recent-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:.3rem .6rem;font-size:.8rem;font-weight:700;display:flex}.search-recent-head button{color:var(--brand);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;background:0 0;border:0;font-weight:600}.search-recent-item{border-radius:var(--radius-small,6px);align-items:center;display:flex}.search-recent-item:hover,.search-recent-item.active{background:var(--surface-sunken)}.search-recent-term{text-align:start;min-width:0;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:.5rem .6rem;overflow:hidden}.search-recent-term span{color:var(--muted);margin-inline-end:.35rem}.search-recent-remove{color:var(--muted);cursor:pointer;border-radius:var(--radius-small,6px);background:0 0;border:0;padding:.5rem .7rem}.search-recent-remove:hover{color:var(--danger,#b3261e)}