:root{--paper:#f4f2ee;--surface:#fff;--surface-2:#f7f6f3;--ink:#1d2523;--ink-2:#55605d;--ink-3:#7d8784;--rule:#e0ddd6;--accent:#1f6f5c;--accent-ink:#fff;--accent-soft:#e5f1ec;--warn:#8a5a12;--warn-bg:#fbf1df;--danger:#a32c25;--danger-bg:#fbeae8;--ready:#14532d;--ready-bg:#dcf3e3;--radius:16px;--shadow:0 1px 2px #1d25230f, 0 8px 24px #1d25230f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#121615;--surface:#1a201e;--surface-2:#222826;--ink:#e8ece9;--ink-2:#a3ada9;--ink-3:#828b88;--rule:#2c3331;--accent:#55b697;--accent-ink:#10201b;--accent-soft:#1b2e28;--warn:#e0b064;--warn-bg:#2b2317;--danger:#f0a49c;--danger-bg:#2e1a18;--ready:#8fe0ab;--ready-bg:#14301f;--shadow:none}}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}#root{min-height:100svh}h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,5vw,2rem);line-height:1.2}h2{margin:0 0 4px;font-size:1.125rem}p{line-height:1.55}code{background:var(--surface-2);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.screen{flex-direction:column;gap:16px;padding:16px;display:flex}.screen-narrow{justify-content:center;max-width:560px;min-height:100svh;margin:0 auto}.screen-wide{max-width:1100px;margin:0 auto;padding:20px 16px 48px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:clamp(20px,5vw,32px);display:flex;position:relative}.card-header{flex-direction:column;gap:4px;display:flex}.card-close{width:44px;height:44px;color:var(--ink-3);border-radius:12px;place-items:center;font-size:1.5rem;line-height:1;text-decoration:none;display:grid;position:absolute;top:10px;right:12px}.card-close:hover{background:var(--surface-2);color:var(--ink)}.actions-stack{flex-direction:column;align-items:center;gap:10px;display:flex}.back-link{border-top:1px solid var(--rule);text-align:center;margin:0;padding-top:16px}.demo-actions{flex-direction:column;gap:10px;display:flex}.demo-box{border:1px dashed var(--rule);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}select{font:inherit;color:inherit;border:1px solid var(--rule);background:var(--surface);border-radius:12px;width:100%;min-height:52px;padding:12px 14px}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:.8rem;font-weight:600}.muted{color:var(--ink-2);margin:0;font-size:.925rem}.hint{color:var(--ink-3);margin:6px 0 0;font-size:.85rem}.consent{color:var(--ink-2);margin:0;font-size:.85rem}.notice{background:var(--accent-soft);color:var(--ink);border-radius:12px;margin:0;padding:12px 14px;font-size:.95rem}form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;display:flex}label,.label{margin-bottom:6px;font-size:.95rem;font-weight:600}input{font:inherit;color:inherit;border:1px solid var(--rule);background:var(--surface);border-radius:12px;width:100%;min-height:52px;padding:12px 14px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[aria-invalid=true]{border-color:var(--danger)}.phone-input{border:1px solid var(--rule);background:var(--surface);border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.phone-input.has-error{border-color:var(--danger)}.phone-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.phone-input input{font-variant-numeric:tabular-nums;border:0;border-radius:0}.phone-input input:focus-visible{outline:none}.field-error{color:var(--danger);margin:6px 0 0;font-size:.875rem}.stepper{align-self:flex-start;align-items:center;gap:8px;display:flex}.stepper button{border:1px solid var(--rule);background:var(--surface);width:56px;height:56px;color:var(--ink);cursor:pointer;border-radius:12px;font-size:1.5rem}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:1.75rem;font-weight:600}.button{font:inherit;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:52px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button-block{width:100%}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-secondary{background:var(--surface);color:var(--ink);border-color:var(--rule)}.button-quiet{color:var(--ink-2);border-color:var(--rule);background:0 0}.button-danger{background:var(--danger);color:#fff}.link{font:inherit;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.banner{border-radius:12px;margin:0;padding:12px 14px;font-size:.95rem}.banner-info{background:var(--surface-2);color:var(--ink-2)}.banner-warn,.banner-offline{background:var(--warn-bg);color:var(--warn)}.banner-ready{background:var(--ready-bg);color:var(--ready);text-align:center;padding:18px;font-size:1.25rem;font-weight:700}.turn{flex-direction:column;align-items:center;gap:4px;padding:20px 0 8px;display:flex}.turn-number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(4rem,22vw,6rem);font-weight:700;line-height:1}.turn-label{color:var(--ink-2);font-size:1.05rem}.turn-next{letter-spacing:-.02em;text-align:center;color:var(--accent);font-size:clamp(1.75rem,8vw,2.5rem);font-weight:700;line-height:1.15}.turn-dropped .turn-number{animation:.9s ease-out drop}@keyframes drop{0%{opacity:.2;transform:translateY(-14px)}60%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.turn-dropped .turn-number{animation:none}}.eta{background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:14px 16px;display:flex}.eta dt{color:var(--ink-2);font-size:.95rem}.eta dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:600}.deadline{margin:0;font-size:1.05rem}.closed{flex-direction:column;gap:8px;display:flex}.closed p{color:var(--ink-2);margin:0}.actions{border-top:1px solid var(--rule);padding-top:16px}.confirm{flex-direction:column;gap:12px;display:flex}.confirm p{margin:0}.confirm-buttons{flex-wrap:wrap;gap:10px;display:flex}.confirm-buttons .button{flex:160px}.recovery{border-top:1px solid var(--rule);flex-direction:column;gap:14px;padding-top:16px;display:flex}.recovery-form{gap:14px}.host-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.queue{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.queue-row{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.queue-row.is-overdue{border-color:var(--danger);background:var(--danger-bg)}.queue-position{background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.queue-main{flex:220px;min-width:0}.queue-name{margin:0;font-size:1.2rem;font-weight:600}.queue-meta{color:var(--ink-2);margin:2px 0 0;font-size:.95rem}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.chip-called{background:var(--accent-soft);color:var(--accent)}.chip-ok{background:var(--ready-bg);color:var(--ready)}.chip-danger{background:var(--danger-bg);color:var(--danger)}.queue-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.confirm-inline{gap:8px;display:inline-flex}.empty{text-align:center;color:var(--ink-2);background:var(--surface);border:1px dashed var(--rule);border-radius:var(--radius);margin:0;padding:32px 16px}.host-header-actions{flex-wrap:wrap;gap:8px;display:flex}.report{flex-direction:column;gap:16px;display:flex}.report-day{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.report-day input{border:1px solid var(--rule);background:var(--surface);color:inherit;font:inherit;border-radius:12px;padding:10px 12px}.report-lines{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:8px 20px}.report-line{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;display:flex}.report-line:last-child{border-bottom:0}.report-line dt{color:var(--ink-2);font-size:1.05rem}.report-line dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:1.6rem;font-weight:700}.report-line dd.is-warn{color:var(--warn)}.host-footer{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}@media (width<=560px){.queue-actions .button{flex:120px}}.demo-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.demo-list li{border:1px solid var(--rule);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-name{margin:0;font-weight:600}.demo-list .muted{margin:2px 0 0;font-size:.875rem}.host-links{align-items:center;gap:16px;display:inline-flex}.demo-switch{z-index:20;border:1px dashed var(--rule);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px;font-size:.8125rem;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.demo-switch-tag{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:0 6px 0 8px;font-size:.6875rem}.demo-switch-side{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:6px 12px;text-decoration:none}.demo-switch-side:hover{background:var(--surface-2)}.demo-switch-side.is-current{background:var(--accent-soft);color:var(--accent);font-weight:600}.demo-switch-side:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen-narrow{padding-top:64px}.screen-wide{padding-top:68px}