.demo-app{--gold:#fcd34d;--gold-deep:#e6b832;--gold-bright:#fcd34d;--gold-glow:#fcd34d2e;--ink:#f5f4f7;--ink-on-accent:#1a1407;--parchment:#08070b;--confirmed:#4ade80;--confirmed-soft:#4ade801a;--pending:#fcd34d;--pending-soft:#fcd34d1f;--cancelled:#f56b5b;--cancelled-soft:#f56b5b1a;--bg-deep:#08070b;--bg-page:#0e0d10;--bg-surface:#18161c;--bg-raised:#141318;--bg-hover:#1e1c22;--bg-elevated:#25232a;--line:#2a2730;--line-soft:#1e1c22;--line-bright:#3a3744;--text-1:#f5f4f7;--text-2:#d8d4dd;--text-3:#a4a0ad;--text-mute:#6e6a78;--accent:var(--gold);--accent-deep:var(--gold-deep);--accent-bright:var(--gold-bright);--r-1:4px;--r-2:8px;--r-3:12px;--r-pill:999px;--ease:cubic-bezier(.32, .72, 0, 1);--font-body:var(--font-geist-sans), -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-display:var(--font-display), "Iowan Old Style", Georgia, serif;--font-mono:var(--font-mono-data), "JetBrains Mono", "SF Mono", Menlo, monospace;--font-logotype:"Barlow", "Helvetica Neue", Arial, sans-serif;background:var(--bg-deep);color:var(--text-1);font-family:var(--font-body);min-height:100vh;font-size:14px;line-height:1.55}.demo-app *{box-sizing:border-box}.demo-app button{font-family:inherit}.demo-app .topbar{border-bottom:1px solid var(--line);background:var(--bg-page);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.demo-app .brand{align-items:center;gap:14px;display:flex}.demo-app .brand-mark{background:var(--bg-elevated);border:1px solid var(--line-bright);border-radius:var(--r-2);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.demo-app .brand-mark svg{width:28px;height:28px}.demo-app .brand-text{flex-direction:column;line-height:1.1;display:flex}.demo-app .brand-name{font-family:var(--font-logotype);color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-style:italic;font-weight:800}.demo-app .brand-org{font-family:var(--font-body);color:var(--accent);margin-top:2px;font-size:12px;font-weight:500}.demo-app .topbar-right{align-items:center;gap:12px;display:flex}.demo-app .public-watermark{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border:1px dashed var(--line-bright);border-radius:var(--r-2);white-space:nowrap;padding:4px 8px;font-size:10px}@media (max-width:480px){.demo-app .public-watermark{display:none}}.demo-app .signout-btn{border:1px solid var(--line-bright);border-radius:var(--r-2);color:var(--text-1);cursor:pointer;transition:all .16s var(--ease);background:0 0;padding:8px 18px;font-size:13px;font-weight:500}.demo-app .signout-btn:hover{background:var(--bg-hover);border-color:var(--text-3)}.demo-app .tabnav{border-bottom:1px solid var(--line);background:var(--bg-deep);align-items:center;gap:4px;padding:0 32px;display:flex;overflow-x:auto}.demo-app .tab{color:var(--text-3);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease);background:0 0;border:0;padding:14px;font-family:inherit;font-size:13px;font-weight:500;position:relative}.demo-app .tab:hover{color:var(--text-1)}.demo-app .tab.active{color:var(--text-1);font-weight:600}.demo-app .tab.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.demo-app .tab .tab-pill{font-family:var(--font-mono);border-radius:var(--r-pill);background:var(--accent);color:var(--ink-on-accent);vertical-align:1px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.demo-app .page{max-width:1400px;margin:0 auto;padding:28px 32px 96px}.demo-app .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.demo-app .page-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:11px}.demo-app .page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);margin:0 0 6px;font-size:32px;font-weight:500;line-height:1.05}.demo-app .page-sub{color:var(--text-2);max-width:640px;font-size:14px}.demo-app .stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.demo-app .stat-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);transition:border-color .24s var(--ease), box-shadow .24s var(--ease);padding:22px 24px}.demo-app .stat-card.is-focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 24px var(--gold-glow)}.demo-app .stat-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:11px;font-weight:600}.demo-app .stat-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);font-variant-numeric:tabular-nums;font-size:38px;font-weight:500;line-height:1}.demo-app .stat-foot{color:var(--text-3);margin-top:10px;font-size:12px}.demo-app .stat-foot.is-gain{color:var(--accent-deep);font-weight:500}.demo-app .panel{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);transition:border-color .24s var(--ease), box-shadow .24s var(--ease);box-shadow:0 1px 2px #1c19170a}.demo-app .panel.is-focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 32px var(--gold-glow)}.demo-app .live-card{overflow:hidden}.demo-app .live-card-head{border-bottom:1px solid var(--line);background:var(--bg-raised);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.demo-app .live-card-head-left{align-items:center;gap:12px;display:flex}.demo-app .live-dot{background:var(--cancelled);width:10px;height:10px;animation:pulseDot 1.6s var(--ease) infinite;border-radius:50%}.demo-app .live-dot.is-pending{background:var(--pending);animation-name:pulseAmber}.demo-app .live-dot.is-confirmed{background:var(--confirmed);animation:none}@keyframes pulseDot{0%,to{box-shadow:0 0 #b91c1c80}50%{box-shadow:0 0 0 8px #b91c1c00}}@keyframes pulseAmber{0%,to{box-shadow:0 0 #d9770680}50%{box-shadow:0 0 0 8px #d9770600}}.demo-app .live-status{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-1);font-size:11px;font-weight:600}.demo-app .live-status.is-cancelled{color:var(--cancelled)}.demo-app .live-status.is-pending{color:var(--pending)}.demo-app .live-status.is-confirmed{color:var(--confirmed)}.demo-app .live-stamp{font-family:var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.demo-app .slot-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:20px 22px 18px;display:grid}.demo-app .slot-time{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding-right:22px;display:flex}.demo-app .slot-time-z{font-family:var(--font-mono);color:var(--text-1);font-variant-numeric:tabular-nums;font-size:26px;font-weight:500;line-height:1}.demo-app .slot-time-local{font-family:var(--font-mono);color:var(--text-3);font-size:11px}.demo-app .slot-body{flex-direction:column;gap:6px;min-width:0;display:flex}.demo-app .slot-line-1{color:var(--text-1);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:17px;font-weight:600;display:flex}.demo-app .slot-tail{font-family:var(--font-mono);font-weight:600}.demo-app .slot-type{color:var(--text-2);font-size:14px;font-weight:500}.demo-app .slot-dot{color:var(--text-mute)}.demo-app .slot-rwy{color:var(--accent);font-family:var(--font-mono)}.demo-app .slot-reason{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.demo-app .slot-reason-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-1);background:var(--cancelled-soft);color:var(--cancelled);border:1px solid #b91c1c40;padding:3px 8px;font-size:10px}.demo-app .slot-rev{text-align:right;flex-direction:column;gap:2px;display:flex}.demo-app .slot-rev-amt{font-family:var(--font-mono);color:var(--text-1);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.demo-app .slot-rev-lbl{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:10px}.demo-app .match{padding:18px 22px}.demo-app .match-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.demo-app .match-head-title{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.demo-app .match-progress{font-family:var(--font-mono);color:var(--text-2);align-items:center;gap:8px;font-size:11px;display:flex}.demo-app .match-scan{background:var(--bg-hover);border-radius:2px;width:100px;height:4px;position:relative;overflow:hidden}.demo-app .match-scan:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;animation:1.6s linear infinite scan;position:absolute;inset:0}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(350%)}}.demo-app .cand-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-app .cand-col-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-bottom:8px;font-size:10px}.demo-app .cand-list{flex-direction:column;gap:6px;display:flex}.demo-app .cand{border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-raised);transition:all .24s var(--ease);opacity:0;animation:candIn .32s var(--ease) forwards;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}@keyframes candIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.demo-app .cand.is-pick{border-color:var(--accent);background:var(--gold-glow);box-shadow:0 0 0 1px var(--accent)}.demo-app .cand.is-faded{opacity:.5;filter:saturate(.7)}.demo-app .avatar-sm{width:28px;height:28px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.demo-app .avatar-ink{background:var(--bg-elevated);color:var(--text-1)}.demo-app .avatar-gold{background:var(--accent);color:var(--ink-on-accent)}.demo-app .cand-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.demo-app .cand-name{color:var(--text-1);font-size:13px;font-weight:500}.demo-app .cand-sub{color:var(--text-3);font-size:11px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-app .cand-score{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.demo-app .cand.is-pick .cand-score{color:var(--accent-deep)}.demo-app .cand.is-faded .cand-score{color:var(--text-3)}.demo-app .match-confirmed{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:4px 0;display:grid}.demo-app .match-party{border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-raised);align-items:center;gap:10px;padding:10px 12px;display:flex}.demo-app .match-party.is-confirmed{border-color:var(--confirmed);background:var(--confirmed-soft)}.demo-app .match-party-name{color:var(--text-1);font-size:13px;font-weight:500}.demo-app .match-party-role{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.demo-app .match-check{background:var(--confirmed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:auto;display:inline-flex}.demo-app .sms-panel{flex-direction:column;min-height:480px;display:flex}.demo-app .sms-tabs{border-bottom:1px solid var(--line);gap:4px;padding:8px 14px 0;display:flex}.demo-app .sms-tab{color:var(--text-3);cursor:pointer;transition:all .16s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.demo-app .sms-tab.active{color:var(--text-1);border-bottom-color:var(--accent)}.demo-app .sms-tab .avatar-sm{width:22px;height:22px;font-size:10px}.demo-app .sms-thread{flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex;overflow-y:auto}.demo-app .sms-meta-bar{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-mute);text-align:center;margin:4px 0;font-size:10px}.demo-app .sms-bubble{opacity:0;max-width:86%;animation:bubbleIn .28s var(--ease) forwards;border-radius:14px;padding:10px 13px;font-size:13px;line-height:1.5;transform:translateY(6px)}@keyframes bubbleIn{to{opacity:1;transform:none}}.demo-app .sms-bubble.out{background:var(--bg-raised);border:1px solid var(--line);color:var(--text-1);border-bottom-left-radius:4px;align-self:flex-start}.demo-app .sms-bubble.in{background:var(--confirmed);color:#fff;font-family:var(--font-mono);border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.demo-app .sms-bubble-meta{font-family:var(--font-mono);color:var(--text-mute);margin-top:4px;padding:0 6px;font-size:10px}.demo-app .sms-bubble.in+.sms-bubble-meta{text-align:right;color:var(--text-3)}.demo-app .sms-empty{color:var(--text-mute);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.demo-app .sms-typing{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px 14px 14px 4px;align-self:flex-start;align-items:center;gap:4px;padding:10px 14px;display:inline-flex}.demo-app .sms-typing span{background:var(--text-3);width:5px;height:5px;animation:typing 1s var(--ease) infinite;border-radius:50%}.demo-app .sms-typing span:nth-child(2){animation-delay:.15s}.demo-app .sms-typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.demo-app .sync-toast{background:var(--confirmed-soft);border-radius:var(--r-2);color:var(--text-1);opacity:0;transition:all .24s var(--ease);border:1px solid #15803d4d;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex;transform:translateY(4px)}.demo-app .sync-toast.is-in{opacity:1;transform:none}.demo-app .sync-toast.is-focus{border-color:var(--accent);background:var(--gold-glow);box-shadow:0 0 0 1px var(--accent), 0 0 24px var(--gold-glow)}.demo-app .sync-check{background:var(--confirmed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.demo-app .sync-text{flex:1}.demo-app .sync-strong{font-weight:600}.demo-app .sync-meta{font-family:var(--font-mono);color:var(--text-3);font-size:11px}.demo-app .demo-stage{max-width:1280px;margin:0 auto;position:relative}.demo-app .demo-grid{grid-template-columns:minmax(0,1fr) 420px;gap:16px;margin-top:16px;display:grid}@media (max-width:960px){.demo-app .demo-grid{grid-template-columns:1fr}}.demo-app .callout-layer{pointer-events:none;z-index:50;position:absolute;inset:0}.demo-app .callout{background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--r-3);width:320px;box-shadow:0 20px 50px -12px #1c19172e, 0 8px 16px -8px #1c19171a, 0 0 0 1px var(--gold-glow);pointer-events:auto;transition:top .32s var(--ease), left .32s var(--ease), opacity .24s var(--ease);padding:16px 18px;position:absolute}.demo-app .callout-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:10px}.demo-app .callout-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-1);margin:0 0 6px;font-size:18px;font-weight:500;line-height:1.2}.demo-app .callout-body{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.demo-app .callout-arrow{background:var(--bg-elevated);border:1px solid var(--accent);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.demo-app .callout[data-placement=right] .callout-arrow{border-top:0;border-right:0;top:28px;left:-7px}.demo-app .callout[data-placement=left] .callout-arrow{border-bottom:0;border-left:0;top:28px;right:-7px}.demo-app .callout[data-placement=bottom] .callout-arrow{border-bottom:0;border-right:0;top:-7px;left:28px}.demo-app .callout[data-placement=top] .callout-arrow{border-top:0;border-left:0;bottom:-7px;left:28px}.demo-app .anchor-spot{border-radius:var(--r-3);box-shadow:0 0 0 2px var(--accent), 0 0 0 8px var(--gold-glow);pointer-events:none;transition:all .32s var(--ease);z-index:40;position:absolute}.demo-app .dock{z-index:60;background:var(--bg-surface);border:1px solid var(--line-bright);border-radius:var(--r-3);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:1280px;margin:24px auto 0;padding:14px 18px;display:grid;position:sticky;bottom:16px;box-shadow:0 16px 40px -16px #1c191733,0 4px 12px -4px #1c191714}@media (max-width:860px){.demo-app .dock{grid-template-columns:auto 1fr}.demo-app .dock-right{grid-column:span 2;justify-content:space-between}}.demo-app .dock-play{background:var(--accent);width:42px;height:42px;color:var(--ink-on-accent);cursor:pointer;transition:all .16s var(--ease);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.demo-app .dock-play:hover{background:var(--accent-deep)}.demo-app .dock-play:active{transform:scale(.95)}.demo-app .dock-center{flex-direction:column;gap:10px;min-width:0;display:flex}.demo-app .dock-pills{gap:4px;display:flex;overflow:hidden}.demo-app .dock-pill{border:1px solid var(--line);border-radius:var(--r-1);color:var(--text-3);cursor:pointer;transition:all .16s var(--ease);text-align:left;background:0 0;flex-direction:column;flex:1;gap:2px;min-width:0;padding:6px 8px;font-size:11px;font-weight:500;display:flex}.demo-app .dock-pill:hover{color:var(--text-1);border-color:var(--line-bright);background:var(--bg-hover)}.demo-app .dock-pill.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent)}.demo-app .dock-pill.is-past{color:var(--text-2);border-color:var(--line-bright);background:var(--bg-raised)}.demo-app .dock-pill-num{font-family:var(--font-mono);letter-spacing:.06em;opacity:.7;font-size:9px;font-weight:600}.demo-app .dock-pill-title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-app .dock-pill.is-active .dock-pill-num,.demo-app .dock-pill.is-active .dock-pill-title{opacity:1}.demo-app .scrub{background:var(--bg-hover);cursor:pointer;border-radius:4px;height:8px;position:relative}.demo-app .scrub-fill{background:var(--accent);border-radius:4px;transition:width .24s linear;position:absolute;top:0;bottom:0;left:0}.demo-app .scrub-tick{background:var(--line-bright);width:1px;position:absolute;top:0;bottom:0}.demo-app .scrub-thumb{background:var(--bg-elevated);border:2px solid var(--accent);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:left .24s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #1c191733}.demo-app .dock-right{align-items:center;gap:12px;display:flex}.demo-app .dock-time{font-family:var(--font-mono);color:var(--text-1);font-variant-numeric:tabular-nums;min-width:56px;font-size:13px}.demo-app .dock-time-total{color:var(--text-3)}.demo-app .dock-speed-toggle{background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--r-2);align-items:center;padding:3px;display:inline-flex}.demo-app .dock-speed{border-radius:var(--r-1);color:var(--text-3);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:11px;font-weight:500}.demo-app .dock-speed.is-active{background:var(--bg-surface);color:var(--text-1);box-shadow:0 1px 2px #1c191714}.demo-app .dock-restart{border:1px solid var(--line-bright);border-radius:var(--r-2);color:var(--text-1);cursor:pointer;transition:all .16s var(--ease);background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex}.demo-app .dock-restart:hover{background:var(--bg-hover)}.demo-app .end-overlay{border-radius:var(--r-3);z-index:70;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(2px);background:linear-gradient(#fafaf9a6,#fafaf9f2);justify-content:center;align-items:center;display:flex;position:absolute;inset:-16px}.demo-app .end-overlay.is-on{pointer-events:auto;visibility:visible}.demo-app .end-card{background:var(--bg-surface);border:1px solid var(--accent);border-radius:var(--r-3);text-align:center;max-width:460px;padding:28px 32px;box-shadow:0 32px 64px -16px #1c191738,0 12px 24px -8px #1c19171f}.demo-app .end-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:10px}.demo-app .end-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);margin:0 0 10px;font-size:26px;font-weight:500;line-height:1.15}.demo-app .end-sub{color:var(--text-2);margin:0 0 22px;font-size:14px}.demo-app .end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.demo-app .btn{border-radius:var(--r-2);cursor:pointer;transition:all .16s var(--ease);font-size:13px;font-weight:500;font-family:var(--font-body);border:1px solid #0000;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.demo-app .btn-primary{background:var(--accent);color:var(--ink-on-accent)}.demo-app .btn-primary:hover{background:var(--accent-deep)}.demo-app .btn-ghost{color:var(--text-1);border-color:var(--line-bright);background:0 0}.demo-app .btn-ghost:hover{background:var(--bg-hover)}.demo-app .try-banner{z-index:65;background:var(--bg-surface);border:1px solid var(--accent);border-radius:var(--r-2);box-shadow:0 12px 32px -12px #1c191729, 0 4px 8px -4px #1c19170f, 0 0 0 1px var(--gold-glow);color:var(--text-1);align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex;position:sticky;top:12px}.demo-app.demo-gate-wrap{background:radial-gradient(ellipse at 50% 0%, var(--gold-glow), transparent 60%), var(--bg-deep);min-height:100vh;color:var(--text-1);justify-content:center;align-items:center;padding:48px 24px;display:flex}.demo-app.demo-gate-wrap .demo-gate-card{background:var(--bg-surface);border:1px solid var(--line-bright);border-radius:var(--r-3);width:100%;max-width:420px;padding:36px 32px 28px;box-shadow:0 32px 64px #00000080}.demo-app .demo-gate-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.demo-app .demo-gate-wordmark{font-family:var(--font-logotype);color:var(--text-1);letter-spacing:-.02em;font-size:26px;font-style:italic;font-weight:800}.demo-app .demo-gate-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);margin:0 0 10px;font-size:26px;font-weight:500;line-height:1.1}.demo-app .demo-gate-sub{color:var(--text-2);margin:0 0 22px;font-size:14px;line-height:1.55}.demo-app .demo-gate-form{flex-direction:column;gap:8px;display:flex}.demo-app .demo-gate-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:600}.demo-app .demo-gate-input{background:var(--bg-page);border:1px solid var(--line-bright);border-radius:var(--r-2);width:100%;color:var(--text-1);font-family:var(--font-body);transition:all .16s var(--ease);outline:none;padding:12px 14px;font-size:15px}.demo-app .demo-gate-input::placeholder{color:var(--text-mute)}.demo-app .demo-gate-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-glow)}.demo-app .demo-gate-input.is-error{border-color:var(--cancelled);box-shadow:0 0 0 3px #b91c1c1f}.demo-app .demo-gate-error{font-family:var(--font-mono);color:var(--cancelled);margin:4px 2px 0;font-size:11px}.demo-app .demo-gate-submit{background:var(--accent);color:var(--ink-on-accent);border-radius:var(--r-2);font-family:var(--font-body);cursor:pointer;transition:all .16s var(--ease);border:0;margin-top:14px;padding:12px 18px;font-size:14px;font-weight:600}.demo-app .demo-gate-submit:hover:not(:disabled){background:var(--accent-deep)}.demo-app .demo-gate-submit:disabled{opacity:.6;cursor:not-allowed}.demo-app .demo-gate-foot{border-top:1px solid var(--line);color:var(--text-3);margin-top:28px;padding-top:20px;font-size:12px;line-height:1.6}.demo-app .demo-gate-foot p{margin:0 0 6px}.demo-app .demo-gate-foot p:last-child{margin:0}.demo-app .demo-gate-foot a{color:var(--accent);text-decoration:none}.demo-app .demo-gate-foot a:hover{color:var(--accent-deep);text-decoration:underline}.demo-app .demo-gate-dot{color:var(--text-mute)}.demo-app .list-panel{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;box-shadow:0 1px 2px #1c19170a}.demo-app .list-row{border-bottom:1px solid var(--line);transition:background-color .16s var(--ease);grid-template-columns:160px 1fr auto;align-items:center;gap:22px;padding:16px 22px;display:grid}.demo-app .list-row:last-child{border-bottom:0}.demo-app .list-row:hover{background:var(--bg-hover)}.demo-app .list-time{border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px;padding-right:22px;display:flex}.demo-app .list-time-z{font-family:var(--font-mono);color:var(--text-1);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:1}.demo-app .list-time-local{font-family:var(--font-mono);color:var(--text-3);font-size:11px}.demo-app .list-body{flex-direction:column;gap:6px;min-width:0;display:flex}.demo-app .list-headline{color:var(--text-1);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.demo-app .list-name{color:var(--text-1);font-weight:600}.demo-app .list-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}.demo-app .list-meta-inline{color:var(--text-2);font-size:13px;font-weight:500}.demo-app .list-dot{color:var(--text-mute)}.demo-app .list-stamp{font-family:var(--font-mono);color:var(--text-3);justify-content:flex-end;align-items:center;font-size:11px;display:flex}.demo-app .list-tag{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-hover);color:var(--text-2);border:1px solid var(--line);white-space:nowrap;align-items:center;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.demo-app .list-tag-confirmed{background:var(--confirmed-soft);color:var(--confirmed);border-color:#15803d4d}.demo-app .list-tag-pending{background:var(--pending-soft);color:var(--gold-deep);border-color:#d977064d}.demo-app .list-tag-cancelled{background:var(--cancelled-soft);color:var(--cancelled);border-color:#b91c1c40}@media (max-width:760px){.demo-app .list-row{grid-template-columns:1fr;gap:10px}.demo-app .list-time{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;gap:10px;padding-bottom:6px;padding-right:0}.demo-app .list-stamp{justify-content:flex-start}}.demo-app .page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-app .audio-cta{white-space:nowrap}@media (max-width:480px){.demo-app .topbar{gap:10px;padding:12px 16px}.demo-app .brand{gap:10px}.demo-app .brand-mark{width:36px;height:36px}.demo-app .brand-mark svg{width:22px;height:22px}.demo-app .brand-name{font-size:18px}.demo-app .brand-tag{font-size:10px}.demo-app .topbar-right{gap:8px}.demo-app .signout-btn{padding:6px 12px;font-size:12px}.demo-app .page{padding:16px 14px 84px}.demo-app .page-head{flex-direction:column;align-items:flex-start;gap:8px}.demo-app .stat-grid{grid-template-columns:1fr;gap:10px}.demo-app .stat-card{padding:16px 18px}.demo-app .demo-grid{gap:12px;margin-top:12px}.demo-app .sms-panel{min-height:0}.demo-app .callout{width:calc(100vw - 28px);max-width:320px;padding:12px 14px}.demo-app .callout-title{font-size:16px}.demo-app .callout-body{font-size:12.5px;line-height:1.45}.demo-app .dock{grid-template-columns:1fr;gap:10px;margin:16px auto 0;padding:10px 12px}.demo-app .dock-right{justify-content:space-between}.demo-app .dock-pills{flex-wrap:wrap;gap:6px}.demo-app .dock-play{width:38px;height:38px}.demo-app .demo-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.demo-app .demo-tabs::-webkit-scrollbar{display:none}.demo-app .end-overlay-actions{flex-direction:column;align-items:stretch;width:100%}.demo-app .end-overlay-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){.demo-app *,.demo-app :before,.demo-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}