:root{--bg:#f9faf6;--stage:#dadbd6;--surface:#eeeee9;--field:#e7e8e2;--ink:#1a1c1a;--muted:#5c625d;--line:#c3c6bf;--primary:#012d1d;--on-primary:#f9faf6;--tertiary:#711e0f;--glass:#012d1d;--liquid:#1e4a36;--twist:#c4602a;--ok:#1e5b3d;--f-head:"EB Garamond", Georgia, serif;--f-body:"Be Vietnam Pro", system-ui, sans-serif;--f-label:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:var(--stage);color:var(--ink);font:400 15px/1.5 var(--f-body);margin:0;padding-block:24px;padding-inline:16px}.frame{background:var(--bg);border:1px solid var(--line);border-radius:44px;flex-direction:column;gap:28px;width:100%;max-width:390px;min-height:780px;margin-inline:auto;padding:40px 24px 28px;display:flex}@media (width<=520px){body{background:var(--bg);padding-block:0}.frame{border:0;border-radius:0;max-width:none;min-height:100dvh;padding:32px 8px 24px}}.brand{justify-items:center;display:grid}.logo{width:min(250px,72%);height:auto;display:block}.tabs{background:var(--field);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tab{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;font:500 13px/1 var(--f-label);letter-spacing:.04em;color:var(--muted);border-radius:999px;padding:11px 8px;transition:background .18s,color .18s}.tab[aria-selected=true]{background:var(--primary);color:var(--on-primary)}.tab:focus-visible,.btn:focus-visible,.role:focus-within,.link:focus-visible,.eye:focus-visible{outline:2px solid var(--primary);outline-offset:3px}form{flex-direction:column;gap:18px;display:flex}.intro{color:var(--muted);margin:0;font-size:14px}.field{gap:7px;display:grid}label,.lbl{font:500 11px/1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-inline:4px}.input-wrap{position:relative}input[type=text],input[type=email],input[type=password]{border:1px solid var(--line);background:var(--field);width:100%;height:54px;color:var(--ink);font:400 15px var(--f-body);border-radius:999px;padding:0 22px}textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--field);width:100%;min-height:104px;color:var(--ink);font:400 15px/1.45 var(--f-body);border-radius:22px;padding:14px 22px}textarea::placeholder{color:var(--muted);opacity:.7}textarea:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}input::placeholder{color:var(--muted);opacity:.7}input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}input[aria-invalid=true]{border-color:var(--tertiary)}.code{letter-spacing:.22em;text-transform:uppercase;font-family:var(--f-label)!important}.eye{all:unset;box-sizing:border-box;cursor:pointer;width:42px;height:42px;color:var(--muted);border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.eye:hover{color:var(--ink)}.eye svg{width:20px;height:20px;display:block}.err{min-height:0;color:var(--tertiary);margin:0;padding-inline:4px;font-size:12.5px}.err:empty{display:none}.roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-transform:none;letter-spacing:0;color:var(--ink);font:500 14px/1.25 var(--f-body);border-radius:22px;gap:6px;padding:14px 14px 16px;display:grid;position:relative}.role input{opacity:0;position:absolute;inset:0}.role small{font:400 12px/1.35 var(--f-body);color:var(--muted)}.role .tag{font:500 10px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.role:has(input:checked){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.role:has(input:checked) small{color:var(--on-primary);opacity:.8}.role:has(input:checked) .tag{color:var(--on-primary);opacity:.8}.row{justify-content:flex-end;margin-top:-6px;display:flex}.link{all:unset;cursor:pointer;font:500 12.5px var(--f-body);color:var(--muted);text-underline-offset:3px;text-decoration:underline}.btn{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:var(--primary);height:56px;color:var(--on-primary);font:500 15px/56px var(--f-label);letter-spacing:.02em;border-radius:999px;transition:transform .12s,opacity .2s}.btn:active{transform:scale(.98)}.hint{background:var(--surface);color:var(--muted);border-radius:18px;margin:0;padding:12px 16px;font-size:13px}.foot{text-align:center;font:400 11px/1.6 var(--f-label);letter-spacing:.04em;color:var(--muted);margin-top:auto;padding-inline:8px}.done{text-align:center;gap:14px;padding:28px 8px;display:grid}.done h2{font:800 30px/1.1 var(--f-head);margin:0}.done p{color:var(--muted);margin:0}.badge{font:500 11px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;background:var(--field);color:var(--ok);border-radius:999px;justify-self:center;padding:8px 14px}#app{flex-direction:column;flex:1;gap:24px;display:flex}.view{align-content:start;gap:18px;display:grid}.view h1{font:800 34px/1.05 var(--f-head);margin:8px 0 0}.eyebrow{font:500 11px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sub{color:var(--muted);margin:0;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.status{gap:14px;display:grid}.status strong{font:800 26px/1.1 var(--f-head);margin-top:8px;display:block}.status p{color:var(--muted);min-height:42px;margin:6px 0 0;font-size:14px;line-height:21px;transition:color .3s}.status.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.status.on p,.status.on .eyebrow{color:var(--on-primary);opacity:.8}.status.on .btn{background:var(--on-primary);color:var(--primary)}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:22px;align-content:start;gap:6px;padding:14px 14px 16px;display:grid}.tile .n{font:800 30px/1 var(--f-head)}.tile .n.code{font:500 17px/1.6 var(--f-label);letter-spacing:.14em}.tile small{font:400 12px/1.35 var(--f-body);color:var(--muted)}.tile:focus-visible,.tabbar button:focus-visible,.switch:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.btn.sm{height:44px;padding-inline:20px;font-size:13px;line-height:44px;display:inline-block}.btn.ghost{background:var(--field);color:var(--ink);border:1px solid var(--line);line-height:54px}.btn.sm.ghost{line-height:42px}.btn.sm.add{justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.btn.sm.add svg{width:22px;height:22px}.btn.danger{color:var(--tertiary);border:1px solid var(--tertiary);background:0 0;line-height:54px}.center{justify-self:center}.switch{all:unset;cursor:pointer;background:var(--line);border-radius:999px;flex:none;width:46px;height:28px;transition:background .18s;position:relative}.switch:after{content:"";background:var(--bg);border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(18px)}.list{gap:10px;display:grid}.cocktail{gap:8px;display:grid}.cocktail h3{font:800 22px/1.1 var(--f-head);margin:0}.cocktail.off h3,.cocktail.off p{opacity:.55}.cocktail p{color:var(--muted);margin:0;font-size:13.5px}.cocktail .ing{color:var(--ink)}.chip{font:500 10px/1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;background:var(--field);color:var(--muted);border-radius:999px;padding:6px 10px}.chip.ok{color:var(--ok)}.codebox{font:500 26px/1 var(--f-label);letter-spacing:.22em;margin:10px 0 14px}.empty{text-align:center;color:var(--muted);padding:24px 8px;font-size:14px}.tabbar{background:var(--primary);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:auto;padding:6px;display:grid;position:sticky;bottom:12px;box-shadow:0 6px 20px #012d1d38}.tabbar button{all:unset;box-sizing:border-box;cursor:pointer;color:var(--on-primary);opacity:.72;font:500 9.5px/1 var(--f-label);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-items:center;gap:4px;padding:8px 2px 7px;display:grid;position:relative}.tabbar button[aria-current=page]{background:var(--on-primary);color:var(--primary);opacity:1}.tabbar svg{width:20px;height:20px}.frame{position:relative}.scene{pointer-events:none;z-index:0;opacity:.6;border-radius:44px 44px 0 0;height:440px;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.scene svg{display:block}.scene-wash{opacity:1;height:460px;-webkit-mask-image:linear-gradient(#000 0% 22%,#0000 100%);mask-image:linear-gradient(#000 0% 22%,#0000 100%)}.wash-sage{background:#bfd3b9}.wash-warm{background:#f1c79b}.wash-rose{background:color-mix(in srgb, var(--tertiary) 24%, #f4efe2)}.ibadge{background:color-mix(in srgb, var(--cc) 22%, transparent);width:56px;height:56px;color:var(--cc);box-shadow:0 0 0 2px color-mix(in srgb, var(--cc) 40%, transparent);font:700 15px/1 var(--f-label);border-radius:16px;flex:none;place-items:center;display:grid}.ibadge.u{font-size:13px}.row-c.cat-i{padding-left:20px}.ucard{background:var(--card);border:1px solid color-mix(in srgb, var(--cc) 35%, var(--card-line));border-radius:24px;display:grid;overflow:hidden;box-shadow:0 8px 24px #012d1d12}#app .ucard{background:color-mix(in srgb, var(--cc) 9%, var(--card))}.ucard{position:relative}.ucard.off .uhead,.ucard.off .uing{opacity:.5;filter:grayscale(.6)}.ucard.off .uorder{opacity:.6;cursor:not-allowed}.ucount{font:500 13px/1 var(--f-label);letter-spacing:.06em;color:var(--cc);position:absolute;top:14px;right:16px}.uhead{align-items:center;gap:16px;padding:16px 16px 12px;display:flex}.uvis{background:var(--field);width:104px;height:104px;box-shadow:0 0 0 2px color-mix(in srgb, var(--cc) 45%, transparent);border-radius:20px;flex:none;overflow:hidden}.uvis img{object-fit:cover;width:100%;height:100%;display:block}.utitle{justify-items:start;gap:8px;min-width:0;display:grid}.utitle h3{font:800 26px/1.05 var(--f-head);color:var(--ink);margin:0}.upill{font:500 10.5px/1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;background:var(--cc);color:#fff;border-radius:999px;padding:6px 10px}.umeta{color:var(--muted);margin:0;font-size:13px}.uing{flex-wrap:wrap;gap:6px;margin:0;padding:2px 16px 14px;list-style:none;display:flex}.uing li{color:var(--ink);background:color-mix(in srgb, var(--cc) 12%, transparent);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;display:flex}.uing .dot{background:var(--d);border-radius:50%;flex:none;width:7px;height:7px}.uorder{text-align:center;width:calc(100% - 32px);height:48px;margin:0 16px 16px;padding:0;font-size:14px;line-height:48px}#app .btn.sm.uorder.wait:not(.ghost){color:#8a3f12;border:1px solid var(--twist);cursor:default;background:#c4602a24;justify-content:center;align-items:center;gap:8px;display:flex}.uorder svg{width:18px;height:18px}.uorder.wait svg{animation:2.6s ease-in-out infinite sablier}@keyframes sablier{0%,60%{transform:rotate(0)}to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.uorder.wait svg{animation:none}}.uprof{gap:14px;display:grid}.uprof dl{gap:14px;margin:0;display:grid}.uprof dt{font:500 11px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.uro{font:800 22px/1.15 var(--f-head);overflow-wrap:anywhere;margin:0}.uprof h2{font:800 24px/1.1 var(--f-head);margin:0}.uprof dd{font:800 22px/1.15 var(--f-head);overflow-wrap:anywhere;margin:0}.ulist{gap:14px;display:grid}.uclosed{gap:12px;padding:22px;display:grid;border-color:var(--tertiary)!important}.uclosed strong{font:800 28px/1.15 var(--f-head);color:var(--tertiary)}.uhist-card{gap:0;padding:0}.uhist-card .uing{padding-top:0}.uhist-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.uhist-row h3{font:800 21px/1.1 var(--f-head);margin:0}.unit-note{color:var(--muted);margin:0;padding-inline:4px;font-size:12.5px}.cat-rhum{--cc:#c4602a}.cat-gin{--cc:#5e94ad}.cat-sans{--cc:#3f7a57}#app .row-c[class*=cat-]{background:color-mix(in srgb, var(--cc) 13%, var(--card));border-color:color-mix(in srgb, var(--cc) 35%, var(--card-line));box-shadow:inset 5px 0 0 var(--cc)}#app .row-c[class*=cat-] .thumb{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc) 45%, transparent)}#app .fchip[class*=cat-]{background:color-mix(in srgb, var(--cc) 14%, var(--card));border-color:color-mix(in srgb, var(--cc) 40%, var(--card-line))}#app .fchip[class*=cat-][aria-pressed=true]{background:var(--cc);border-color:var(--cc);color:#fff}@media (width<=520px){.scene{border-radius:0}}.view,.tabbar{z-index:1;position:relative}.tabbar{z-index:2;position:sticky}.card.glass,.tile.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eeeee9cc;box-shadow:0 8px 24px #012d1d12}.hero{min-height:280px}.hero h1{font-size:40px}.status{gap:18px;padding:22px;transition:background .3s,border-color .3s,color .3s}.status strong{font-size:32px}.status.on{background:#012d1df0}.bigswitch{all:unset;box-sizing:border-box;cursor:pointer;background:var(--field);border:1px solid var(--line);border-radius:999px;height:72px;transition:background .25s,border-color .25s;display:block;position:relative}.bs-lab{font:500 13px/1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.bs-lab.off{color:var(--muted);opacity:1;justify-content:flex-end;padding-right:26px}.bs-lab.on{color:var(--on-primary);opacity:0;justify-content:flex-start;padding-left:26px}.bs-knob{background:var(--primary);width:60px;height:60px;color:var(--on-primary);border-radius:50%;place-items:center;transition:left .28s cubic-bezier(.3,.8,.3,1),background .25s,color .25s;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 4px 12px #012d1d40}.bs-knob svg{width:26px;height:26px}.bigswitch[aria-checked=true]{background:#f9faf624;border-color:#f9faf647}.bigswitch[aria-checked=true] .bs-lab.off{opacity:0}.bigswitch[aria-checked=true] .bs-lab.on{opacity:1}.bigswitch[aria-checked=true] .bs-knob{background:var(--on-primary);color:var(--primary);left:calc(100% - 65px);box-shadow:0 0 0 6px #7fd6a447,0 4px 12px #00000040}.bigswitch:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.status.on .bigswitch:focus-visible{outline-color:var(--on-primary)}.dot{background:var(--line);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status.on .dot{background:#7fd6a4;box-shadow:0 0 0 4px #7fd6a440}.tile{gap:10px;padding:18px 18px 20px}.tile .n{font-size:44px}.tile .n.big{font-size:36px}.tile.wide{grid-column:1/-1;gap:12px;padding:22px;display:grid}.order-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.notes-dlg{border:1px solid var(--card-line,var(--line));background:var(--card,#f4efe2);width:min(340px,100vw - 40px);color:var(--ink);border-radius:24px;padding:22px;box-shadow:0 24px 60px #012d1d4d}.notes-dlg::backdrop{background:#012d1d73}.notes-dlg h2{font:800 24px/1.1 var(--f-head);margin:6px 0 12px}.notes-dlg p{font:400 15px/1.5 var(--f-body);white-space:pre-wrap;margin:0 0 18px}.top3-sub{font:400 12px var(--f-body);color:var(--muted)}.ordcard{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--card-line,var(--line));border-radius:24px;gap:14px;padding:20px;display:grid}.ordcard:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ordcard .go{font:500 18px/1 var(--f-label);color:var(--muted)}.oc-head{align-items:baseline;gap:12px;display:flex}.oc-n{font:800 56px/.9 var(--f-head);color:var(--ink)}.oc-l{font:500 14px/1.25 var(--f-body);color:var(--muted)}.ordcard.hot .oc-n{color:var(--twist)}.oc-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.oc-list li{background:#ffffff8c;border-radius:16px;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex}.oc-thumb{border-radius:12px;flex:none;width:40px;height:40px;overflow:hidden}.oc-thumb img,.oc-thumb svg{object-fit:cover;width:100%;height:100%;display:block}.oc-txt{gap:2px;min-width:0;display:grid}.oc-txt strong{font:800 18px/1.1 var(--f-head)}.oc-txt small{font:400 12px var(--f-body);color:var(--muted)}.oc-more{font:500 12px var(--f-label);color:var(--muted);letter-spacing:.04em}.oc-cta{text-align:center;background:var(--twist);color:#fff;font:500 14px var(--f-label);letter-spacing:.04em;border-radius:999px;justify-self:stretch;padding:14px}.podium{gap:16px;padding:20px 16px 0;display:grid;overflow:hidden}.pod{justify-content:center;align-items:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pod li{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;display:flex}.pod-thumb{border:3px solid var(--pc);background:var(--card);border-radius:50%;width:56px;height:56px;overflow:hidden}.pod-1 .pod-thumb{width:72px;height:72px}.pod-thumb img,.pod-thumb svg{object-fit:cover;width:100%;height:100%;display:block}.pod-name{font:800 15px/1.1 var(--f-head);overflow-wrap:anywhere}.pod-1 .pod-name{font-size:17px}.pod-n{font:500 11px var(--f-label);color:var(--muted);letter-spacing:.03em;margin-bottom:4px}.pod-step{background:var(--pc);color:#fff;border-radius:14px 14px 0 0;align-self:stretch;place-items:start center;padding-top:10px;display:grid}.pod-step b{font:800 28px/1 var(--f-head)}.pod-1{--pc:#c4602a}.pod-2{--pc:#1e4a36}.pod-3{--pc:#711e0f}.pod-1 .pod-step{height:92px}.pod-2 .pod-step{height:66px}.pod-3 .pod-step{height:48px}.setgroup{gap:2px;margin-top:10px;display:grid}.setgroup .eyebrow{margin-bottom:4px}.setrow{all:unset;box-sizing:border-box;cursor:pointer;border-top:1px solid var(--card-line,var(--line));font:400 14px/1.2 var(--f-body);color:var(--muted);align-items:center;gap:10px;padding:11px 4px;display:flex}.setrow:first-of-type{border-top:0}.setrow>span:first-child{flex:1}.setrow .setn{font:500 12px var(--f-label)}.setrow .go{font-size:16px}.setrow:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.tile .go{font:500 18px/1 var(--f-label);color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips .chip{text-transform:none;letter-spacing:0;font:500 12px/1 var(--f-body);color:var(--primary);background:#012d1d14;padding:7px 11px}.tile.hot{border-color:var(--twist)}.tile.hot .n{color:var(--twist)}.info{align-content:start;gap:10px;padding:18px 18px 20px;display:grid}.info small{font:400 12px/1.35 var(--f-body);color:var(--muted)}.codefam{font:500 20px/1.3 var(--f-label);letter-spacing:.14em;color:var(--primary)}.mono{font:500 12px var(--f-label);letter-spacing:.1em;color:var(--ink)}.search{position:relative}.search>svg{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}input[type=search]{border:1px solid var(--line);background:var(--field);width:100%;height:52px;color:var(--ink);font:400 15px var(--f-body);appearance:none;border-radius:999px;padding:0 48px}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.clear{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;font:400 22px/1 var(--f-body);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:8px}.clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.row-c{align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}.row-c .c-main{all:unset;box-sizing:border-box;cursor:pointer;border-radius:16px;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.row-c .c-main:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.thumb{background:var(--field);border-radius:16px;flex:none;width:76px;height:76px;transition:opacity .2s;display:block;overflow:hidden}.thumb img,.photo-prev img{object-fit:cover;width:100%;height:100%;display:block}.c-text{justify-items:start;gap:4px;min-width:0;display:grid}.c-text h3{font:800 21px/1.1 var(--f-head);margin:0}.c-ing{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.row-c.off .thumb,.row-c.off h3,.row-c.off .c-ing{opacity:.5}.photo{gap:12px;display:grid}.photo-prev{background:var(--field);border-radius:18px;height:180px;overflow:hidden}.fchips{scrollbar-width:none;gap:8px;margin-inline:-2px;padding:2px;display:flex;overflow-x:auto}.fchips::-webkit-scrollbar{display:none}.fchip{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--card-line,var(--line));background:var(--card,var(--surface));color:var(--muted);font:500 13px/1 var(--f-body);border-radius:999px;flex:none;padding:10px 16px;transition:background .18s,color .18s}.fchip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.fchip:focus-visible,.segopt input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.seg{flex-wrap:wrap;gap:8px;display:flex}.segopt{text-transform:none;letter-spacing:0;cursor:pointer;padding:0;position:relative}.segopt input{opacity:0;position:absolute;inset:0}.segopt span{border:1px solid var(--line);background:var(--field);color:var(--muted);font:500 13px/1 var(--f-body);border-radius:999px;padding:11px 16px;transition:background .18s,color .18s;display:block}.segopt input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.req{color:var(--tertiary);letter-spacing:0;margin-left:3px;font-weight:700}.legend{color:var(--muted);margin:0;font-size:12.5px}.photo-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.photo-actions .ibtn{min-width:44px;height:44px}.photo-actions .ibtn[hidden]{display:none}.ing-section{border-top:2px solid var(--card-line,var(--line));gap:14px;margin-top:8px;padding-top:22px;display:grid}.sec-title{font:800 26px/1.1 var(--f-head);color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.sec-count{font:500 12px/1 var(--f-label);letter-spacing:.04em;color:var(--muted)}.sec-count.has{color:var(--twist)}.ings{gap:14px;display:grid}.ing-group{border:1px solid var(--card-line,var(--line));background:#ffffff73;border-radius:20px;gap:2px;padding-bottom:6px;display:grid;overflow:hidden}.ghead{background:var(--gbg);border-bottom:1px solid var(--card-line,var(--line));align-items:center;gap:10px;margin-bottom:4px;padding:12px 14px;display:flex}.gdot{background:var(--g);border-radius:50%;flex:none;width:10px;height:10px}.gname{font:600 12px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--g);flex:1}.gcount{font:500 11px/1 var(--f-label);color:var(--muted);background:#0000000f;border-radius:999px;padding:5px 9px}.gcount.has{background:var(--g);color:#fff}.ing-group .ing{margin-inline:6px}.tot{gap:11px;margin:0;padding:4px 16px 10px;list-style:none;display:grid}.tot li{color:var(--ink);align-items:baseline;gap:8px;font-size:15px;display:flex}.tot i{border-bottom:1.5px dotted color-mix(in srgb, var(--muted) 45%, transparent);flex:1;min-width:12px;transform:translateY(-3px)}.tot b{font:600 14px var(--f-label);color:var(--g);white-space:nowrap}.tot small{color:var(--muted);font-size:12px}.prep{gap:12px;display:grid}.view .backbtn{background:#f4efe2d9;justify-self:start;width:44px;min-width:44px;height:44px}.card.order{gap:10px;display:grid}#app .card.order[class*=cat-]{background:color-mix(in srgb, var(--cc) 11%, var(--card));border-color:color-mix(in srgb, var(--cc) 35%, var(--card-line));box-shadow:inset 5px 0 0 var(--cc);padding-left:20px}.card.order .tot{--g:var(--cc);padding:2px 0}.card.order .umeta{margin:-4px 0 0}.ing{border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:4px 6px 4px 4px;transition:background .18s;display:flex}.ing.on{background:#012d1d0f}.ing-check{text-transform:none;letter-spacing:0;min-width:0;color:var(--ink);font:400 15px/1.3 var(--f-body);cursor:pointer;flex:1;align-items:center;gap:12px;min-height:44px;margin:0;padding:0;display:flex;position:relative}.ing-check input{opacity:0;position:absolute;inset:0}.ing-check .box{border:1.5px solid var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;margin-left:6px;transition:background .15s,border-color .15s;display:grid}.ing-check input:checked+.box{background:var(--primary);border-color:var(--primary)}.ing-check input:checked+.box:after{content:"";border:solid var(--on-primary);border-width:0 2.5px 2.5px 0;width:6px;height:11px;transform:rotate(45deg)translate(-1px,-1px)}.ing-check input:focus-visible+.box{outline:2px solid var(--primary);outline-offset:2px}.ing.on .ing-name{font-weight:500}.qty{flex:none;align-items:center;gap:8px;display:flex}.qty input{border:1px solid var(--line);background:var(--bg);width:74px;height:40px;color:var(--ink);text-align:center;font:500 15px var(--f-body);-moz-appearance:textfield;border-radius:999px;padding:0 6px}.qty input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.qty .unit{min-width:54px;font:500 12px/1 var(--f-label);color:var(--muted)}.actions{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-line,var(--line));background:#f4efe2eb;border-radius:999px;align-items:center;gap:10px;margin-top:8px;padding:8px;display:flex;position:sticky;bottom:88px;box-shadow:0 8px 24px #012d1d1f}.ibtn{all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg);border:1px solid var(--line);min-width:52px;height:52px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;transition:background .2s,color .2s,padding .2s;display:flex}.ibtn svg{flex:none;width:22px;height:22px}.ibtn.danger{color:var(--tertiary);border-color:var(--tertiary)}.ibtn-lab{font:500 13px/1 var(--f-label);display:none}.ibtn.danger.confirm{background:var(--tertiary);color:#fff;padding:0 18px}.ibtn.danger.confirm .ibtn-lab{display:inline}.ibtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.save{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:52px;line-height:1;display:flex}.btn.save svg{width:20px;height:20px}.actions:has(.confirm) .btn.save{gap:6px;font-size:13px}.actions:has(.confirm) .btn.save svg{width:16px;height:16px}.ibtn.danger.confirm{padding:0 14px}.ibtn-lab{white-space:nowrap;font-size:12px}.badge-n{background:var(--twist);color:#fff;min-width:16px;height:16px;font:700 9px/16px var(--f-label);text-align:center;border-radius:999px;padding:0 4px;position:absolute;top:3px;right:calc(50% - 22px)}#app{--card:#f4efe2;--card-line:#ded4be}#app .card,#app .tile{background:var(--card);border-color:var(--card-line)}#app .card.glass,#app .tile.glass{background:#f4efe2db}#app .status.on{border-color:var(--primary);background:#012d1df0}#app input[type=search]{border-color:var(--card-line);background:#efe8d7}#app .btn.sm:not(.ghost){background:var(--twist);color:#fff}#app .switch[aria-checked=true]{background:var(--twist)}#app .bigswitch[aria-checked=true] .bs-knob{color:var(--twist);box-shadow:0 0 0 6px #c4602a66,0 4px 12px #00000040}#app .status .dot{background:var(--tertiary)}#app .status.on .dot{background:#7fd6a4}#app .tile.glass.hot{border-color:var(--twist);background:#c4602a24}#app .tile.hot .n{color:var(--twist)}#app .row-c .chip{color:var(--tertiary);background:#711e0f1a}#app .chips .chip{color:#8a3f12;background:#c4602a21}#app .btn.danger{color:var(--tertiary);border-color:var(--tertiary)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=520px){body{padding-inline:0}.frame{padding:calc(32px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.tabbar{bottom:calc(12px + env(safe-area-inset-bottom))}.actions{bottom:calc(88px + env(safe-area-inset-bottom))}}body{-webkit-tap-highlight-color:transparent}.btn[disabled],.btn[aria-disabled=true]{opacity:.6;cursor:default}.alert{background:color-mix(in srgb, var(--tertiary) 12%, var(--surface));color:var(--tertiary);border-radius:18px;margin:0;padding:12px 16px;font-size:13px}.splash{color:var(--muted);font:500 12px var(--f-label);letter-spacing:.12em;text-transform:uppercase;flex:1;place-items:center;display:grid}.frame>.brand+.splash{margin-top:-28px}