:root{--paper:#f2eee6;--paper-2:#e8e2d5;--card:#fbf9f4;--ink:#111;--ink-rgb:17 17 17;--ink-2:#3b3934;--mute:#7a756b;--line:#d6cfc0;--alert:#e5261e;--alert-rgb:229 38 30;--amber:#ff9500;--amber-rgb:255 149 0;--ok:#00a36c;--warm:#ffc45c;--warm-rgb:255 196 92;--night:#d8321f;--c:var(--ink);--c-rgb:var(--ink-rgb);--c-ink:#fff;--sans:"Archivo", "Roboto Condensed", "Roboto", system-ui, sans-serif;--serif:"Instrument Serif", "Noto Serif", Georgia, serif;--fs-clock:150px;--fs-hero:76px;--fs-xl:56px;--fs-l:34px;--fs-m:24px;--fs-body:20px;--fs-label:15px;--fs-min:14px;--r:18px;--r-s:12px;--gap:16px;--pad:24px;--tap:64px;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html,body{background:#0b0b0b;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);font-size:var(--fs-body);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}input{font:inherit;color:inherit;user-select:text}img{display:block}h1,h2,h3,p{font-weight:inherit;margin:0}ul{margin:0;padding:0;list-style:none}.i{flex:none;display:block}.i--fill{fill:currentColor;stroke:none}::-webkit-scrollbar{width:0;height:0}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:800;font-stretch:62%}.serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.serif i,i.serif{font-style:italic}.label{font-size:var(--fs-label);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);align-items:center;gap:6px;font-weight:700;font-stretch:80%;line-height:1.2;display:flex}.label--light{color:rgba(255,255,255,.72)}.label--on{color:var(--c-ink);opacity:.8}.stage{transform-origin:50%;background:var(--paper);grid-template-columns:76px 1fr;width:1280px;height:800px;margin:-400px 0 0 -640px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.rail{border-right:2px solid var(--ink);background:var(--paper);z-index:5;flex-direction:column;padding:8px 0 12px;display:flex}.rail-item{letter-spacing:.07em;text-transform:uppercase;height:72px;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:700;font-stretch:70%;display:flex;position:relative}.rail-item.is-active{background:var(--ink);color:var(--paper)}.rail-item:active{background:var(--paper-2)}.rail-item.is-active:active{background:var(--ink-2)}.rail-clock{text-align:center;margin-top:auto;padding:10px 0;line-height:1;position:relative;overflow:hidden}.rail-clock.is-holding{background:var(--paper-2)}.rail-clock b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;font-stretch:62%;display:block}.rail-clock span{letter-spacing:.1em;color:var(--mute);font-size:12px;font-weight:700}.views{position:relative;overflow:hidden}.view{padding:var(--pad);content-visibility:hidden;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.view.is-active,.view.is-warming{content-visibility:visible}.view.is-active{z-index:1}.view--bleed{padding:0}.card{background:var(--card);border-radius:var(--r);padding:18px 20px;position:relative}button.card{width:100%;display:block}button.card:active,.h-hero:active,.h-photo:active{transform:scale(.985)}.avatar{background:var(--c);color:var(--c-ink);border-radius:50%;flex:none;place-items:center;padding-top:.22em;font-weight:900;font-stretch:70%;line-height:1;display:inline-grid}.avatar--away{color:var(--c);box-shadow:inset 0 0 0 3px var(--c);background:0 0}.dots{align-items:center;gap:4px;display:inline-flex}.dots i{background:var(--c);width:12px;height:12px;box-shadow:0 0 0 2px var(--card);border-radius:50%}.btn{min-height:var(--tap);border:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:18px;font-weight:800;font-stretch:75%;display:inline-flex}.btn:active{transform:scale(.96)}.btn--solid{background:var(--ink);color:var(--paper)}.btn--ghost{background:0 0}.is-hidden{visibility:hidden}.icon-btn{width:var(--tap);height:var(--tap);border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:active{background:var(--paper-2)}.fab{background:var(--ink);width:72px;height:72px;color:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid}.fab:active{transform:scale(.9)}.seg{background:var(--paper-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{letter-spacing:.05em;text-transform:uppercase;min-height:56px;color:var(--ink-2);white-space:nowrap;text-align:center;border-radius:999px;padding:0 22px;font-size:17px;font-weight:800;font-stretch:75%}.seg button.is-on{background:var(--ink);color:var(--paper)}.seg button .num{opacity:.6;margin-left:4px;font-size:19px}.seg--dark{background:rgba(255,255,255,.1)}.seg--dark button{color:rgba(255,255,255,.75)}.seg--dark button.is-on{background:var(--paper);color:var(--ink)}.seg--glass{background:rgba(0,0,0,.35)}.seg--glass button{color:rgba(255,255,255,.85)}.seg--glass button.is-on{color:var(--ink);background:#fff}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--paper-2);border-radius:999px;align-items:center;gap:10px;min-height:56px;padding:0 20px;font-size:18px;font-weight:700;display:inline-flex}.chip.is-on{background:var(--ink);color:var(--paper)}.chip--ghost{border:2px solid var(--line);background:0 0}.evs .chip,.chip[style]{background:rgb(var(--c-rgb) / .14);padding-left:6px}.pill{height:44px;color:inherit;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.22);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:17px;font-weight:800;font-stretch:80%;display:inline-flex}.pill--soon{background:var(--ink);color:#fff}.pill--alert{color:var(--alert);background:#fff}.pulse{background:currentColor;border-radius:50%;width:10px;height:10px}.ring-bg{fill:none;stroke:rgb(var(--c-rgb) / .16);stroke-width:7px}.ring-fg{fill:none;stroke:var(--c);stroke-width:7px;stroke-linecap:round}.toasts{pointer-events:none;z-index:60;justify-content:center;display:flex;position:absolute;bottom:24px;left:76px;right:0}.toast{pointer-events:auto;background:var(--ink);color:#fff;border-radius:20px;align-items:center;gap:14px;max-width:760px;min-height:72px;padding:0 10px 0 24px;font-size:20px;display:flex;position:relative;overflow:hidden;transform:translateY(140%);box-shadow:0 18px 40px rgba(0,0,0,.25)}.toast.is-in{transform:none}.toast-msg{padding:18px 12px 18px 0}.toast--error{background:var(--alert)}.toast-undo{letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.14);border-radius:14px;align-items:center;gap:8px;min-height:56px;margin-left:6px;padding:0 22px;font-size:17px;font-weight:800;font-stretch:75%;display:inline-flex}.toast-undo:active{background:rgba(255,255,255,.28)}.toast:not(:has(.toast-undo)){padding-right:28px}.sheet-layer{z-index:50;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sheet-layer.is-open{pointer-events:auto}.sheet-scrim{opacity:0;background:rgba(17,17,17,.45);position:absolute;top:0;bottom:0;left:0;right:0}.sheet-layer.is-open .sheet-scrim{opacity:1}.sheet{background:var(--paper);opacity:0;border-radius:28px;width:620px;max-height:720px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-44%)scale(.97);box-shadow:0 30px 80px rgba(0,0,0,.35)}.sheet-layer.is-open .sheet{opacity:1;transform:translate(-50%,-50%)}.sheet--wide{width:900px}.sheet-x{z-index:2;width:var(--tap);height:var(--tap);background:rgba(0,0,0,.08);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.sheet-pad{padding:34px 36px 32px}.sheet-h{margin:6px 0 22px;font-size:52px;line-height:1}.sheet-p{color:var(--ink-2);margin:-8px 0 24px;font-size:20px}.sheet-actions{justify-content:flex-end;gap:12px;margin-top:26px;display:flex}.banners{z-index:40;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;left:24px;right:24px}.banner{pointer-events:auto;background:var(--amber);min-height:84px;color:var(--ink);opacity:0;border-radius:20px;align-items:center;gap:16px;padding:10px 12px 10px 24px;display:flex;transform:translateY(-130%);box-shadow:0 16px 40px rgba(0,0,0,.22)}.banner.is-in{opacity:1;transform:none}.banner--ink{background:var(--ink);color:#fff}.banner-text{flex-direction:column;flex:1;display:flex}.banner-text b{font-size:24px;font-weight:800;font-stretch:80%}.banner-text span{opacity:.8;font-size:17px}.banner-btn{min-height:var(--tap);letter-spacing:.07em;text-transform:uppercase;background:rgba(0,0,0,.1);border-radius:14px;padding:0 24px;font-size:17px;font-weight:800;font-stretch:75%}.banner--ink .banner-btn{background:rgba(255,255,255,.12)}.banner-btn--solid{background:var(--ink);color:#fff}.banner--ink .banner-btn--solid{color:var(--ink);background:#fff}.takeover{z-index:70;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.takeover.is-open{display:block}.takeover--door{color:#fff;background:#000}.tk-cam{position:absolute;top:0;bottom:0;left:0;right:0}.tk-cam img{object-fit:cover;opacity:.9;width:100%;height:100%}.tk-cam:after{content:"";background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 55%,transparent 100%);position:absolute;top:0;bottom:0;left:0;right:0}.tk-live{z-index:2;color:#fff;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.5);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;font-weight:800;display:inline-flex;position:absolute;top:36px;left:40px}.tk-live i{background:var(--alert);border-radius:50%;width:10px;height:10px}.tk-door{position:absolute;bottom:40px;left:40px;right:40px}.tk-title{margin:14px 0 34px;font-size:104px;line-height:.92}.tk-actions{gap:14px;display:flex}.tk-btn{color:#fff;background:rgba(255,255,255,.16);border-radius:24px;align-items:center;gap:14px;min-width:200px;min-height:96px;padding:0 30px;font-size:24px;font-weight:800;font-stretch:80%;display:inline-flex;position:relative;overflow:hidden}.tk-btn span,.tk-btn .i{z-index:1;position:relative}.tk-btn--solid{color:var(--ink);background:#fff}.tk-btn.is-on{background:var(--ok)}.tk-btn.is-holding{background:rgba(255,255,255,.34)}.takeover--alarm{background:var(--alert);color:#fff}.tk-alarm{flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:60px;bottom:60px;left:60px;right:60px}.tk-alarm-icon{background:rgba(255,255,255,.15);border-radius:50%;place-items:center;width:200px;height:200px;display:grid;position:absolute;top:0;right:0}.tk-huge{text-transform:uppercase;letter-spacing:-.02em;word-spacing:.12em;margin:14px 0 18px;font-size:210px;font-weight:900;font-stretch:62%;line-height:.82}.tk-sub{max-width:800px;margin-bottom:36px;font-size:30px}.tk-btn--light{background:rgba(255,255,255,.18)}.tk-btn--light.tk-btn--solid{color:var(--alert);background:#fff}.demo{z-index:90;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.demo.is-open{pointer-events:auto;background:rgba(0,0,0,.3)}.demo-panel{background:var(--ink);color:#fff;width:460px;padding:28px;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}.demo.is-open .demo-panel{transform:none}.demo-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.demo-head h2{font-size:44px;line-height:1}.demo-x{width:var(--tap);height:var(--tap);background:rgba(255,255,255,.1);border-radius:50%;place-items:center;display:grid}.demo-sec{margin-bottom:22px}.demo-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.demo-grid button{min-height:var(--tap);background:rgba(255,255,255,.1);border-radius:14px;padding:0 16px;font-size:18px;font-weight:700}.demo-grid button:active,.demo-grid button.is-on{color:var(--ink);background:#fff}.demo-note{color:rgba(255,255,255,.6);font-size:16px}.stage[data-mode=nightdash]>.rail,.stage[data-mode=nightdash]>.views{filter:invert()hue-rotate(180deg)grayscale()sepia()saturate(5)hue-rotate(-38deg)brightness(.62)}.stage[data-mode=nightdash]{background:#000}.diag{z-index:100;pointer-events:none;color:#7cfc9a;background:rgba(0,0,0,.82);border-radius:8px;max-width:520px;padding:8px 10px;font:13px/1.35 ui-monospace,Menlo,monospace;position:absolute;top:96px;right:8px}.diag b{color:#fff}.diag u{color:#aaa;text-decoration:none}