@font-face{font-family:Inter Tight;src:url(../fonts/inter-tight-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/geist-mono-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--violet-700:#6d28d9;--violet-400:#a78bfa;--font-sans:"Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#eceaf3;--color-surface:#f7f6fb;--color-text:#15131f;--color-muted:#57536a;--color-line:#15131f24;--color-line-strong:#15131f66;--color-accent:var(--violet-700);--color-on-accent:#fff;--color-danger:#b91c1c;--color-success:#15803d;--color-note:#9a3412;--color-ready-bg:#dcfce7;--color-ready-text:#14532d;--color-prep-bg:#ede4ff;--color-prep-text:#4c1d95;--color-prep-bar:var(--violet-700);--color-signature:var(--violet-700)}:root,[data-theme=lavender]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#eceaf3;--color-surface:#f7f6fb;--color-text:#15131f;--color-muted:#57536a;--color-line:#15131f24;--color-line-strong:#15131f66;--color-accent:var(--violet-700);--color-on-accent:#fff;--color-danger:#b91c1c;--color-success:#15803d;--color-note:#9a3412;--color-ready-bg:#dcfce7;--color-ready-text:#14532d;--color-prep-bg:#ede4ff;--color-prep-text:#4c1d95;--color-prep-bar:var(--violet-700);--color-signature:var(--violet-700)}:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#07070b;--color-surface:#12111a;--color-text:#e8e6f0;--color-muted:#a3a0b2;--color-line:#e8e6f029;--color-line-strong:#e8e6f073;--color-accent:var(--violet-400);--color-on-accent:#07070b;--color-danger:#fca5a5;--color-success:#4ade80;--color-note:#fdba74;--color-ready-bg:#14532d;--color-ready-text:#dcfce7;--color-prep-bg:#2e1065;--color-prep-text:#ddd6fe;--color-prep-bar:var(--violet-400);--color-signature:var(--violet-400);background:radial-gradient(60% 40% at 80% 0,#6d28d92e,#0000 70%),#07070b}[data-theme=warm]{--color-bg:#f4efe6;--color-surface:#fffdf8;--color-text:#231a12;--color-muted:#6b5d4f;--color-line:#e4d9c8;--color-line-strong:#b9a88f;--color-accent:#a8441f;--color-on-accent:#fff;--color-danger:#b91c1c;--color-success:#3f6212;--color-note:#a8441f;--color-ready-bg:#e7f0d6;--color-ready-text:#2f4a0e;--color-prep-bg:#fbe7c9;--color-prep-text:#7a3e07;--color-prep-bar:#d97706}*{box-sizing:border-box;margin:0}body{min-height:100vh}h1{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}h2{font-size:1.1rem;font-weight:600}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:760px;margin:0 auto;padding:20px 16px 48px}.container.wide{max-width:none}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--color-muted);font-size:.92rem}.center{text-align:center;padding:40px}.error{color:var(--color-danger);font-weight:600}.topbar{border-bottom:1px solid var(--color-line);background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.brand{letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.diamond{border:1.5px solid var(--color-signature);width:11px;height:11px;transform:rotate(45deg)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:18px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:min(360px,100%)}label{gap:4px;font-size:.9rem;font-weight:600;display:grid}input,select,button{font:inherit}input,select{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:48px;color:var(--color-text);min-width:0;padding:10px 12px}button{border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface);min-height:48px;color:var(--color-text);cursor:pointer;padding:10px 14px}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}button:disabled{opacity:.6;cursor:wait}button.link{min-height:auto;color:var(--color-accent);background:0 0;border:0;padding:4px;text-decoration:underline}button.link.danger{color:var(--color-danger)}.inline{flex-wrap:wrap;gap:8px;display:flex}.inline input{flex:160px}.inline input.price{flex:0 100px}.list{padding:0;list-style:none;display:grid}.list li{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.list li.off>span:first-child{color:var(--color-muted);text-decoration:line-through}.list li>.row-error{flex-basis:100%}.switch{flex-direction:row;align-items:center;gap:6px;font-weight:400;display:inline-flex}.tabs{border-bottom:1px solid var(--color-line);scrollbar-width:none;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{color:var(--color-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 14px;text-decoration:none}.tabs a.active{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.tabs a:focus-visible{outline-offset:-2px}@media (width<=520px){.tabs{gap:0}.tabs a{padding:10px 6px;font-size:.94rem}}.owner-nav{gap:12px;font-size:.9rem;display:flex}.owner-nav a{color:var(--color-accent)}@media (width<=640px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;padding:10px 16px;display:grid}.topbar .who{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.topbar .actions{flex-wrap:nowrap;gap:8px}.owner-nav{grid-area:2/1/auto/-1;gap:18px}.owner-nav a{padding:6px 0}}.conn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.conn:before{content:"";border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.conn.on:before{background:var(--color-success)}.conn.off{color:var(--color-danger)}.conn.off:before{background:var(--color-danger)}.alerts{gap:8px;margin-bottom:12px;display:grid}.alert-ready{background:var(--color-ready-bg);color:var(--color-ready-text);border-radius:var(--radius);justify-content:space-between;gap:8px;padding:12px 14px;font-weight:600;display:flex}.alert-ready .link{color:inherit}.table-grid,.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.table-btn,.menu-btn{text-align:left;gap:2px;min-height:72px;padding:14px;display:grid}.menu-btn span:last-child{font-family:var(--font-mono);font-size:.85rem}.table-btn strong{font-family:var(--font-mono);font-size:1.6rem;font-weight:500}.table-btn.busy{border-color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent)}.badge{background:var(--color-ready-bg);color:var(--color-ready-text);border-radius:999px;justify-self:start;padding:0 8px;font-size:.8rem;font-weight:700}.menu-btn:disabled{opacity:.55;cursor:not-allowed}h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:500}.draft{border-color:var(--color-accent)}.draft-line{border-bottom:1px solid var(--color-line);gap:6px;padding-bottom:10px;display:grid}.stepper{align-items:center;gap:10px;display:inline-flex}.stepper button{width:40px;height:40px;padding:0;font-size:1.2rem}button.big{padding:14px;font-size:1.05rem}.note{color:var(--color-note);font-style:normal;font-weight:600}.chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-line-strong);color:var(--color-text);background:0 0;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700}.chip.ready{background:var(--color-ready-bg);color:var(--color-ready-text);border-color:#0000}.chip.preparing{background:var(--color-prep-bg);color:var(--color-prep-text);border-color:#0000}.kds{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px;display:grid}.kds-empty{font-size:1.3rem}.kds-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);min-width:0;box-shadow:inset 0 4px 0 var(--color-accent);align-content:start;gap:6px;padding:18px;display:grid}.kds-card header{flex-wrap:nowrap}.kds-card.late{border-color:var(--color-danger);box-shadow:inset 0 4px 0 var(--color-danger)}.kds-card.late .kds-time{color:var(--color-danger)}.kds-table{letter-spacing:-.01em;font-size:2rem;font-weight:700}.kds-time{font-family:var(--font-mono);white-space:nowrap;font-size:1.4rem;font-weight:700}.kds-lines{gap:8px;padding:0;list-style:none;display:grid}.kds-lines li{border-top:1px solid var(--color-line);box-shadow:inset 4px 0 0 var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0 8px 12px;font-size:1.3rem;display:flex}.kds-lines li.ready{color:var(--color-muted);box-shadow:inset 4px 0 0 var(--color-success)}.kds-lines li.ready .kds-qty:before{content:"✓ ";color:var(--color-success)}.kds-lines li.preparing{box-shadow:inset 4px 0 0 var(--color-prep-bar);font-weight:600}.kds-qty{font-family:var(--font-mono);font-weight:700}.kds-lines button{min-width:104px;font-size:1rem}.public-menu{max-width:560px}.public-menu h1{letter-spacing:-.02em;font-size:2rem}.public-menu h2{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);font-size:.8rem;font-weight:500}.public-menu .list li>span:last-child{font-family:var(--font-mono)}.signature{text-align:center;font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-muted);font-size:.7rem}.signature span{color:var(--color-signature)}.public-menu .item-desc{font-size:.85rem;display:block}.call-waiter{text-align:center;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);padding:18px;font-weight:500}a.link{color:var(--color-accent);padding:4px;text-decoration:underline}.theme-btn{min-width:48px;padding:6px 10px;font-size:1.05rem}.theme-options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.theme-option{text-align:left;gap:10px;padding:12px;display:grid}.theme-option[aria-pressed=true]{border:2px solid var(--color-accent)}.swatch{border-radius:var(--radius);border:1px solid #0000001f;gap:6px;padding:14px;display:grid}.swatch b{font-size:1.05rem}.swatch span{justify-content:space-between;font-size:.85rem;display:flex}.swatch.warm{color:#231a12;background:#f4efe6}.swatch.lavender{color:#15131f;background:#eceaf3}.swatch.dark{color:#e8e6f0;background:#12111a}.theme-scope{background:var(--color-bg);color:var(--color-text);color-scheme:inherit}.kds-display{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr))}.kds-display .kds-table{font-size:2.6rem}.kds-display .kds-time{font-size:1.8rem}.kds-display .kds-lines li{font-size:1.6rem}.kds-status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--color-line-strong);border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:700}.kds-status.preparing{background:var(--color-prep-bg);color:var(--color-prep-text);border-color:#0000}.kds-status.ready{background:var(--color-ready-bg);color:var(--color-ready-text);border-color:#0000}.kds-display li.ready .kds-qty:before{content:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.summary{gap:16px}.summary .money{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.summary .hero-stat .money{white-space:normal}.summary .amount{white-space:nowrap}.summary .big .cur,.summary .mid .cur{color:var(--color-muted);letter-spacing:0;font-size:.55em}.summary .w-total .cur,.summary .w-meta .cur,.waiters-table .cur{color:var(--color-muted);font-size:.78em}.summary .label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:.72rem;font-weight:500}.summary .hint{color:var(--color-muted);font-size:.82rem;font-weight:400}.summary-head{gap:12px;display:grid}.day-box{gap:8px;display:grid}.day-switch{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:1fr 1fr 1.5fr;display:grid;overflow:hidden}.day-switch button{color:var(--color-muted);white-space:nowrap;background:0 0;border:0;border-radius:0;min-height:52px;padding:10px 8px}.day-switch button+button{border-left:1px solid var(--color-line)}.day-switch button:hover{color:var(--color-text);background:var(--color-bg)}.day-switch button[aria-pressed=true]{background:var(--color-prep-bg);color:var(--color-prep-text);box-shadow:inset 0 -2px 0 var(--color-accent);font-weight:600}.day-switch button:focus-visible{outline-offset:-3px}.date-field{gap:4px;font-weight:400;display:grid}.date-field label{display:block}.date-field input{width:100%;font-family:var(--font-mono)}.day-range{font-family:var(--font-mono);color:var(--color-muted);text-align:center;letter-spacing:.02em;min-height:1.1rem;font-size:.72rem}.day-body{gap:12px;display:grid}.hero{grid-template-columns:1fr 1fr;grid-template-areas:"total total""s1 s2";padding:20px 18px 18px;display:grid}.hero-total{grid-area:total;gap:4px;min-width:0;padding-bottom:16px;display:grid}.hero-stat{border-top:1px solid var(--color-line);align-content:start;gap:2px;min-width:0;padding-top:14px;display:grid}.hero-stat:nth-child(2){grid-area:s1;padding-right:12px}.hero-stat:nth-child(3){border-left:1px solid var(--color-line);grid-area:s2;padding-left:16px}.hero-total .big{font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(2.2rem,11vw,3.3rem);font-weight:500;line-height:1.05}.hero-stat .mid{font-family:var(--font-mono);letter-spacing:-.02em;font-size:clamp(1.3rem,6.4vw,1.65rem);font-weight:500;line-height:1.2}.open-now{color:var(--color-muted);align-items:baseline;gap:8px;font-size:.85rem;display:flex}.open-now b{color:var(--color-text);font-weight:600}.open-now .dot{border:1.5px solid var(--color-accent);border-radius:50%;flex:none;width:9px;height:9px;transform:translateY(-1px)}.open-text{min-width:0}.open-all summary{color:var(--color-accent);cursor:pointer;margin-top:4px;text-decoration:underline;display:inline-block}.open-all ul{color:var(--color-text);grid-template-columns:repeat(auto-fill,minmax(11em,1fr));gap:2px 16px;margin:6px 0 0;padding:0;list-style:none;display:grid}.waiters{gap:4px;margin-top:8px;display:grid}.waiters-title{border-bottom:1px solid var(--color-line);padding-bottom:6px}.waiter-list{padding:0;list-style:none}.waiter{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name total""meta meta";gap:4px 12px;padding:14px 0;display:grid}.waiter:last-child{border-bottom:0}.w-name{overflow-wrap:anywhere;grid-area:name;font-size:1.08rem;font-weight:600}.w-total{text-align:right;grid-area:total;font-size:1.08rem;font-weight:500}.w-meta{color:var(--color-muted);grid-area:meta;font-size:.85rem}.w-meta .money{font-size:.8rem}.waiters-table{border-collapse:collapse;width:100%;display:none}.waiters-table th,.waiters-table td{border-bottom:1px solid var(--color-line);text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding:16px 0 16px 20px;font-size:.95rem;font-weight:400}.waiters-table th:first-child{text-align:left;font-family:var(--font-sans);white-space:normal;padding-left:0}.waiters-table thead th,.waiters-table thead th:first-child{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);padding-top:0;padding-bottom:8px;font-size:.68rem;font-weight:500}.waiters-table tbody th,.waiters-table tfoot th{font-size:1.08rem;font-weight:600}.waiters-table .total{font-size:1.08rem;font-weight:500}.waiters-table th:nth-child(2){width:5.5rem}.waiters-table th:nth-child(3){width:9.5rem}.waiters-table th:nth-child(4){width:10rem}.waiters-table tbody tr:last-child>*{border-bottom:0}.waiters-table tfoot th,.waiters-table tfoot td{border-top:1px solid var(--color-line-strong);border-bottom:0;font-weight:600}.empty{justify-items:start;gap:8px;padding:24px 18px;display:grid}.empty-mark{border:1.5px solid var(--color-signature);width:14px;height:14px;margin:2px 0 8px 2px;transform:rotate(45deg)}.empty-title{letter-spacing:-.01em;font-size:1.2rem;font-weight:600}.empty p{max-width:62ch}.empty .open-now{max-width:none}.empty>p:not(.error){color:var(--color-muted)}.empty b{color:var(--color-text);font-weight:600}.empty .inline{margin-top:8px}.skel{vertical-align:middle;background:var(--color-line);border-radius:4px;max-width:100%;height:.8em;animation:1.1s ease-in-out infinite alternate skel;display:inline-block}.w-meta .skel,.w-total .skel,.w-name .skel{height:1em}@keyframes skel{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.notes{border-top:1px solid var(--color-line);color:var(--color-muted);gap:10px;margin-top:8px;padding-top:14px;font-size:.85rem;display:grid}.notes strong,.notes b{color:var(--color-text);font-weight:600}.cutoff summary{cursor:pointer;list-style:none}.cutoff summary::-webkit-details-marker{display:none}.cutoff-toggle{color:var(--color-accent);white-space:nowrap;padding:2px 4px;text-decoration:underline}.cutoff .toggle-open,.cutoff[open] .toggle-closed{display:none}.cutoff[open] .toggle-open{display:inline}.cutoff-form{color:var(--color-text);flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0 8px;display:flex}.cutoff-form select{min-width:120px;font-family:var(--font-mono)}.notes .cutoff-warn{color:var(--color-note);margin-bottom:6px}.cutoff-status:empty{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=640px){.summary-head{grid-template-columns:1fr auto;align-items:start}.summary-head h1{padding-top:8px}.day-switch{grid-template-columns:auto auto auto}.day-switch button{min-height:48px;padding:10px 18px}.date-field{justify-items:end}.date-field input{width:auto}.day-range{text-align:right}.hero{grid-template-columns:minmax(0,1.9fr) 1fr 1fr;grid-template-areas:"total s1 s2";padding:22px}.hero-total{padding-bottom:0;padding-right:20px}.hero-stat{border-top:0;padding-top:0}.hero-stat:nth-child(2){border-left:1px solid var(--color-line);padding-left:20px}.hero-stat:nth-child(3){padding-left:20px}.hero-total .big{font-size:3.4rem}.waiters-title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.waiter-list{display:none}.waiter-list.loading{display:block}.waiters-table{display:table}}:root{--demo-bg:#0b0a10;--demo-surface:#12111a;--demo-text:#e8e6f0;--demo-text-strong:#fff;--demo-muted:#a3a0b2;--demo-line:#e8e6f024;--demo-line-card:#e8e6f029;--demo-line-control:#e8e6f038;--demo-line-strong:#e8e6f04d;--demo-accent:#a78bfa;--demo-on-accent:#07070b;--demo-link:#c4b5fd;--demo-cta:#6d28d9;--demo-on-cta:#fff;--demo-bubble:#6d28d938;--demo-bubble-text:#c9c6d6;--demo-bubble-current:#6d28d961;--demo-bubble-current-text:#f4f2fa;--demo-frame:#1c1b24;--demo-frame-tv:#111016;--demo-frame-ring:#ffffff14;--demo-frame-ring-tv:#ffffff1a;--demo-frame-shadow:#0009;--demo-glass:#000;--demo-bare-shadow:none;--demo-spot:#f59e0b;--demo-spot-dim:#f59e0b59}:root[data-demo-theme=light]{--demo-bg:#eceaf3;--demo-surface:#f7f6fb;--demo-text:#15131f;--demo-text-strong:#15131f;--demo-muted:#57536a;--demo-line:#15131f24;--demo-line-card:#15131f24;--demo-line-control:#15131f38;--demo-line-strong:#15131f80;--demo-accent:#6d28d9;--demo-on-accent:#fff;--demo-link:#6d28d9;--demo-bubble:#6d28d912;--demo-bubble-text:#4a465c;--demo-bubble-current:#6d28d924;--demo-bubble-current-text:#15131f;--demo-frame-ring:#15131f1f;--demo-frame-ring-tv:#15131f1f;--demo-frame-shadow:#15131f47;--demo-bare-shadow:0 0 0 1px #15131f24, 0 6px 20px #15131f14}:root,:root body{background:var(--demo-bg)}.demo{background:var(--demo-bg);height:100dvh;color:var(--demo-text);flex-direction:column;display:flex;overflow:hidden}.demo-top{border-bottom:1px solid var(--demo-line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.demo-top .brand{color:var(--demo-text)}.demo-top .diamond{border-color:var(--demo-accent)}.demo-back,.demo-top button.link{color:var(--demo-link);min-height:40px;font-size:.9rem}.demo-prefs{align-items:center;gap:8px;display:flex}.demo .lang,.demo .theme-toggle{min-height:40px;font-family:var(--font-mono);color:var(--demo-text);border-color:var(--demo-line-strong);background:0 0}.demo .theme-toggle{min-width:46px;padding-inline:0;font-size:1.15rem;line-height:24px}.demo-top :focus-visible,.demo-home :focus-visible,.demo-switch :focus-visible,.demo-tour :focus-visible{outline-color:var(--demo-accent)}.demo-home{flex:1;grid-auto-rows:max-content;align-content:start;gap:18px;width:min(1180px,100%);min-height:0;margin:0 auto;padding:36px 20px 48px;display:grid;overflow:auto}.demo-home h1{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:600}.demo-lead{color:var(--demo-muted);max-width:640px;font-size:1.1rem}.demo-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:10px;display:grid}.demo-card{text-align:left;background:var(--demo-surface);min-height:200px;color:var(--demo-text);border:1px solid var(--demo-line-card);border-radius:12px;align-content:start;justify-items:start;gap:10px;padding:22px 20px;transition:border-color .15s,transform .15s;display:grid}.demo-card svg{color:var(--demo-accent)}.demo-card strong{font-size:1.15rem}.demo-card span{color:var(--demo-muted);font-size:.92rem}.demo-card:hover,.demo-card:focus-visible{border-color:var(--demo-accent);transform:translateY(-2px)}@media (width>=1000px){.demo-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.demo-card{padding:20px 18px}}@media (width>=701px) and (width<=999px){.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-tour-start{text-align:left;background:var(--demo-cta);color:var(--demo-on-cta);border:0;border-radius:12px;gap:4px;padding:18px 20px;display:grid}.demo-tour-start strong{font-size:1.1rem}.demo-tour-start span{opacity:.9}.demo-note{color:var(--demo-muted);font-size:.8rem}.demo-switch{flex:none;align-items:center;gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.demo-switch button{min-height:44px;color:var(--demo-text);border-color:var(--demo-line-control);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:4px 12px 4px 6px;display:inline-flex}.demo-switch button svg{width:30px;height:30px;color:var(--demo-accent)}.demo-switch button[aria-pressed=true]{background:var(--demo-accent);color:var(--demo-on-accent);border-color:var(--demo-accent)}.demo-switch button[aria-pressed=true] svg{color:var(--demo-on-accent)}@media (width<=1240px){.demo-switch button:not([aria-pressed=true]) span{display:none}.demo-switch button:not([aria-pressed=true]){padding:4px 8px}}.demo-sim{white-space:nowrap;color:var(--demo-muted);flex-direction:row;align-items:center;gap:8px;margin-left:auto;font-size:.85rem;font-weight:500;display:inline-flex}.demo-sim input{width:18px;height:18px;min-height:auto;accent-color:var(--demo-accent)}.demo-stage{flex:auto;min-height:0;padding:8px 20px 16px;display:flex}.demo-stage[hidden]{display:none}.device{flex:1;min-width:0;min-height:0;display:flex}.device[hidden]{display:none}.frame-box{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.frame{flex:none;position:relative}.frame-body{transform-origin:0 0;position:absolute;top:0;left:0}.frame-glass{background:var(--demo-glass);border-radius:10px;overflow:hidden}.frame-phone .frame-body{background:var(--demo-frame);box-shadow:0 0 0 1px var(--demo-frame-ring), 0 30px 80px var(--demo-frame-shadow);border-radius:44px}.frame-phone .frame-glass{border-radius:32px}.frame-tablet .frame-body{background:var(--demo-frame);box-shadow:0 0 0 1px var(--demo-frame-ring), 0 30px 80px var(--demo-frame-shadow);border-radius:30px}.frame-tablet .frame-glass{border-radius:14px}.frame-tv .frame-body{background:var(--demo-frame-tv);box-shadow:0 0 0 1px var(--demo-frame-ring-tv), 0 30px 80px var(--demo-frame-shadow);border-radius:10px}.frame-tv .frame-glass{border-radius:4px}.frame-laptop .frame-body{flex-direction:column;align-items:center;display:flex}.frame-lid{background:var(--demo-frame);box-shadow:0 0 0 1px var(--demo-frame-ring), 0 30px 80px var(--demo-frame-shadow);border-radius:18px 18px 4px 4px}.frame-laptop .frame-glass{border-radius:0}.frame-base{background:linear-gradient(var(--demo-frame), var(--demo-frame-tv));box-shadow:0 0 0 1px var(--demo-frame-ring-tv);border-radius:3px 3px 16px 16px;flex:1;align-self:stretch;position:relative}.frame-base:before{content:"";background:var(--demo-frame-tv);border-radius:0 0 9px 9px;width:150px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.frame-stand{background:linear-gradient(var(--demo-frame), var(--demo-frame-tv));clip-path:polygon(38% 0,62% 0,70% 100%,30% 100%);width:220px;height:30px;margin:0 auto}.device-screen{width:100%;height:100%;position:relative;overflow:auto}.frame-bare{min-height:0;box-shadow:var(--demo-bare-shadow);border-radius:12px;flex:1;display:flex;overflow:hidden}.frame-bare .device-screen{flex:1}.device-screen .container{padding:14px 16px 32px}.demo-spot{outline-offset:3px;border-radius:6px;animation:1.4s ease-in-out infinite spot;outline:3px solid var(--demo-spot)!important}@keyframes spot{50%{outline-color:var(--demo-spot-dim)}}.demo-main{flex-direction:column;flex:auto;min-height:0;display:flex}.demo-main[hidden],.phase-home .demo-main{display:none}.demo-tour{color:var(--demo-text);flex-direction:column;flex:none;gap:14px;display:flex}.phase-tour .demo-main{flex-direction:row-reverse}.phase-tour .demo-tour{justify-content:flex-end;width:362px;min-height:0;padding:20px 32px 32px 0}.demo-chat-head{align-items:center;gap:12px;display:flex}.demo-chat-head .diamond{border-color:var(--demo-accent)}.demo-chat-title{letter-spacing:.04em;font-weight:600}.demo-count{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--demo-muted);font-size:.7rem}.demo-log{flex-direction:column;flex:0 auto;gap:8px;min-height:0;display:flex;overflow-y:auto}.phase-tour .demo-log{padding-top:24px;-webkit-mask-image:linear-gradient(#0000 0,#000 72px);mask-image:linear-gradient(#0000 0,#000 72px)}.demo-text{transition:opacity .4s}.demo-log:hover .demo-text,.demo-log:focus .demo-text{opacity:1!important}.demo-text{background:var(--demo-bubble);max-width:100%;color:var(--demo-bubble-text);border-radius:14px 14px 14px 2px;align-self:flex-start;padding:10px 14px;font-size:.93rem;line-height:1.45}.demo-text.current{background:var(--demo-bubble-current);color:var(--demo-bubble-current-text);font-size:1rem}.demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-tour button,.demo-actions .button{border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.demo-tour button.primary,.demo-actions .button{background:var(--demo-accent);color:var(--demo-on-accent);border:0}.demo-tour button.link{border:1px solid var(--demo-line-control);color:var(--demo-text);background:0 0;font-weight:500}.demo-themes{flex-wrap:wrap;gap:8px;display:flex}.demo-themes button{color:var(--demo-text);border:1px solid var(--demo-line-control);background:0 0;font-weight:500}.demo-themes button[aria-pressed=true]{border:2px solid var(--demo-accent);color:var(--demo-text-strong)}@media (width<=900px){.phase-tour .demo-main{flex-direction:column}.phase-tour .demo-tour{gap:8px;width:auto;padding:10px 12px 4px}.demo-chat-head .diamond,.demo-chat-title{display:none}.demo-log{flex:none}.phase-tour .demo-log{padding-top:0;-webkit-mask-image:none;mask-image:none}.demo-text:not(.current){display:none}.demo-tour button,.demo-actions .button{min-height:40px;padding:0 14px}}@media (width<=700px){.demo-home{gap:14px;padding:22px 16px 32px}.demo-home h1{font-size:1.9rem}.demo-lead{font-size:1rem}.demo-home>h1,.demo-lead{order:0}.demo-tour-start{order:1}.demo-cards{order:2;grid-template-columns:1fr;gap:10px;margin-top:0}.demo-note{order:3}.demo-card{grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;min-height:0;padding:14px 16px}.demo-card svg{grid-row:span 2;width:36px;height:36px}.demo-card strong{font-size:1.02rem}.demo-card span{font-size:.85rem}.demo-sim-state{display:none}.demo-top{padding:8px 12px}.demo-switch{gap:6px;padding:8px 12px}.demo-switch button span{display:none}.demo-switch button,.demo-switch button:not([aria-pressed=true]){padding:4px 6px}.demo-switch button svg{width:26px;height:26px}.demo-sim{font-size:.75rem}.demo-stage{padding:4px 8px 8px}.demo-text.current{font-size:.95rem}}@media (width<=420px){.demo-sim{white-space:normal;gap:6px;max-width:7.2em;line-height:1.15}}@media (width<=359px){.demo-top{gap:8px}.demo-prefs{gap:6px}.demo .lang{padding-inline:10px}.demo .theme-toggle{min-width:40px}}