:root{--bg:#f6f7f5;--card:#fff;--fg:#17211f;--mut:#5d6b67;--line:#dde3e0;--pri:#0f766e;--pri-fg:#fff;--ok:#166534;--okbg:#e3f4e8;--err:#b42318;--warn:#fff4d6;--you:#d9efe9}@media (prefers-color-scheme:dark){:root{--bg:#0f1514;--card:#182120;--fg:#e8efed;--mut:#9fb0ab;--line:#2b3836;--pri:#2dd4bf;--pri-fg:#032b27;--ok:#86efac;--okbg:#12301f;--err:#fca5a5;--warn:#3a2f10;--you:#14403a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.4rem}h3{font-size:1rem}p{margin:.25rem 0}button,input,select{font:inherit;color:inherit}button{min-height:44px;padding:.5rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pri);outline-offset:2px}button.primary{background:var(--pri);color:var(--pri-fg);border-color:var(--pri);font-weight:600}button:disabled{opacity:.5;cursor:default}button.link{border:0;background:none;min-height:32px;padding:0 .25rem;color:var(--pri);text-decoration:underline}input,select{width:100%;min-height:44px;padding:.5rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--card)}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--mut)}label input,label select{color:var(--fg)}.stack{display:grid;gap:.9rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.muted{color:var(--mut)}.small{font-size:.85rem}.error{color:var(--err)}.ok{background:var(--okbg);color:var(--ok);padding:.6rem .8rem;border-radius:10px}.notice{background:var(--warn);padding:.6rem .8rem;border-radius:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;display:grid;gap:.5rem;min-width:0}.hero{background:var(--pri);color:var(--pri-fg);border:0}.hero .muted{color:inherit;opacity:.85}.tile{display:grid;gap:.3rem;place-items:center;text-align:center;min-height:92px;font-weight:600}.tile span{font-size:1.7rem}.signin,.center{max-width:420px;margin:0 auto;padding:max(2rem,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 2rem max(16px,env(safe-area-inset-left));display:grid;gap:.9rem}.brand{color:var(--pri);font-weight:700}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:640px;margin:0 auto}header{display:flex;justify-content:space-between;gap:.5rem;padding:max(.8rem,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) .8rem max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--card)}.app>main{flex:1;padding:1rem max(16px,env(safe-area-inset-right)) 5.5rem max(16px,env(safe-area-inset-left))}nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:var(--card);border-top:1px solid var(--line);padding:.2rem env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}nav button{flex:1;max-width:128px;display:grid;gap:0;border:0;background:none;font-size:.72rem;padding:.3rem 0;border-radius:8px;color:var(--mut)}nav button span{font-size:1.2rem}nav button[aria-current=page]{color:var(--pri);font-weight:700}.steps{list-style:none;margin:.4rem 0 0;padding:0;display:flex;gap:.25rem}.steps li{flex:1;font-size:.72rem;text-align:center;color:var(--mut);border-top:4px solid var(--line);padding-top:.25rem}.steps .done,.steps .now{border-color:var(--pri);color:var(--fg)}.steps .now{font-weight:700}.item{padding:.5rem 0;border-top:1px solid var(--line)}.item:first-of-type{border-top:0}.qty{display:flex;align-items:center;gap:.4rem}.qty button{width:44px;padding:0}.qty span{min-width:1.5rem;text-align:center}.cart{position:sticky;bottom:4.6rem;box-shadow:0 -4px 16px #0002}.kv{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:0}.kv dt{color:var(--mut)}.kv dd{margin:0;text-align:right}.switch{position:relative;width:52px;height:30px;flex:none}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;min-height:0;margin:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--line);transition:.15s}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.15s}.switch input:checked+span{background:var(--pri)}.switch input:checked+span:after{transform:translate(22px)}.switch input:focus-visible+span{outline:3px solid var(--pri);outline-offset:2px}.check{display:flex;align-items:center;gap:.6rem;color:var(--fg)}.check input{width:22px;min-height:22px}.chat{display:grid;grid-template-rows:1fr auto;gap:.7rem;min-height:calc(100dvh - 11rem)}.log{display:grid;gap:.6rem;align-content:start}.bubble{max-width:88%;padding:.6rem .85rem;border-radius:14px;background:var(--card);border:1px solid var(--line);white-space:pre-line;overflow-wrap:anywhere}.bubble.user{justify-self:end;background:var(--you);border-color:transparent}.meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.compose{display:grid;gap:.5rem;position:sticky;bottom:4.4rem;background:var(--bg);padding-top:.3rem}.compose select{width:auto;justify-self:start;min-height:36px}.rec{background:var(--err);color:#fff;border-color:var(--err)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}