:root{--cs-bg-scene:#f5f5f3;--cs-bg-deep:#f8f8f8;--cs-bg-canvas:#050505;--cs-bg-intro:#f5f5f3;--cs-text:#0a0a0a;--cs-text-secondary:#404040;--cs-text-muted:#737373;--cs-text-subtle:#a0a0a0;--cs-border:#00000014;--cs-border-subtle:#0000000f;--cs-glass-bg:#ffffffb8;--cs-glass-border:#0000000f;--cs-glass-blur:40px;--cs-glass-shadow:0 4px 24px #0000000f;--cs-glass-highlight:inset 0 1px 0 0 #fffc;--cs-input-bg:#fffc;--cs-input-border:#00000014;--cs-input-focus-border:#0003;--cs-input-focus-ring:#0000000a;--cs-btn-bg:#0a0a0a;--cs-btn-text:#fff;--cs-btn-shadow:0 4px 12px #00000026;--cs-error-bg:#fef2f2;--cs-error-border:#fecaca;--cs-error-text:#dc2626;--cs-accent:#f59e0b;--cs-logo-color:#0a0a0a;--cs-status-track:#1918170f;--cs-status-fill:#19181740;--cs-status-fill-strong:#19181766;--cs-status-label:#19181759;--cs-status-label-dim:#19181733;--cs-status-dot-active:#1918174d;--cs-status-dot-done:#19181766;--cs-status-dot-idle:#1918171a;--cs-status-line:#19181733;--cs-status-line-idle:#1918170f;--cs-popup-border:#00000014;--cs-popup-shadow:0 8px 40px #0000001f;--cs-radius-panel:20px;--cs-radius-card:16px;--cs-z-chrome:10;--cs-z-panel:20;--cs-z-overlay:30;--cs-duration-fast:.15s;--cs-duration-normal:.25s;--cs-duration-slow:.4s;--cs-ease:cubic-bezier(0, 0, .2, 1);--cs-touch-min:44px;--cs-safe-bottom:env(safe-area-inset-bottom,0px);--cs-edge-x:calc(-18px + 3.06vw);--cs-edge-y:calc(-10px + 2.4vh)}.dark{--cs-bg-scene:#0a0a0f;--cs-bg-deep:#09090b;--cs-bg-canvas:#050505;--cs-bg-intro:#101015;--cs-text:#fafafa;--cs-text-secondary:#d4d4d4;--cs-text-muted:#a0a0a0;--cs-text-subtle:#606060;--cs-border:#ffffff14;--cs-border-subtle:#ffffff0f;--cs-glass-bg:#ffffff14;--cs-glass-border:#ffffff14;--cs-glass-shadow:0 4px 24px #ffffff0f, 0 0 1px #ffffff1a;--cs-glass-highlight:inset 0 1px 0 0 #ffffff0a;--cs-input-bg:#0000004d;--cs-input-border:#ffffff0f;--cs-input-focus-border:#fff3;--cs-input-focus-ring:#ffffff0f;--cs-btn-bg:#fafafa;--cs-btn-text:#09090b;--cs-btn-shadow:0 4px 12px #ffffff14, 0 0 1px #ffffff26;--cs-error-bg:#dc32321a;--cs-error-border:#dc32324d;--cs-error-text:#f87171;--cs-logo-color:#e0e0e0;--cs-status-track:#ffffff0f;--cs-status-fill:#ffffff40;--cs-status-fill-strong:#fff6;--cs-status-label:#ffffff59;--cs-status-label-dim:#fff3;--cs-status-dot-active:#ffffff4d;--cs-status-dot-done:#fff6;--cs-status-dot-idle:#ffffff1a;--cs-status-line:#fff3;--cs-status-line-idle:#ffffff0f;--cs-popup-border:#ffffff14;--cs-popup-shadow:0 8px 40px #ffffff0d, 0 0 1px #ffffff1f}.cs-glass{background:var(--cs-glass-bg);border:1px solid var(--cs-glass-border);-webkit-backdrop-filter:blur(var(--cs-glass-blur)) saturate(180%);backdrop-filter:blur(var(--cs-glass-blur)) saturate(180%);box-shadow:var(--cs-glass-highlight), var(--cs-glass-shadow)}.cs-popup{border-radius:var(--cs-radius-card);border:1px solid var(--cs-popup-border);width:320px;min-height:180px;box-shadow:var(--cs-popup-shadow);position:relative}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes before-fade-in{0%{opacity:0}to{opacity:1}}@keyframes before-fade-out{0%{opacity:1}to{opacity:0}}.cs-view-intro{text-align:center;pointer-events:none;color:var(--cs-text);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:0 6vw;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.cs-view-intro[data-revealing]{transform:translateY(-14px)}.cs-view-intro__eyebrow{font:500 12px/1 var(--cf-font-text,"SF Pro Text"), -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--cs-text-muted);animation:.6s cubic-bezier(.16,1,.3,1) 40ms both cs-view-intro-rise}.cs-view-intro__name{font:600 clamp(30px, 4.5vw, 52px)/1.1 var(--cf-font-display,"SF Pro Display"), -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;letter-spacing:.01em;animation:.68s cubic-bezier(.16,1,.3,1) .12s both cs-view-intro-hero}.cs-view-intro__rule{opacity:.35;background:currentColor;width:36px;height:1px;animation:.52s cubic-bezier(.16,1,.3,1) .3s both cs-view-intro-rule}@keyframes cs-view-intro-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cs-view-intro-hero{0%{opacity:0;letter-spacing:.12em;filter:blur(8px);transform:translateY(18px)}to{opacity:1;letter-spacing:.01em;filter:blur();transform:none}}@keyframes cs-view-intro-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cs-view-intro:is([data-scope=room],[data-scope=welcome]){gap:20px}.cs-view-intro[data-scope=room] .cs-view-intro__rule{display:none}.cs-view-intro:is([data-scope=room],[data-scope=welcome]) .cs-view-intro__eyebrow{letter-spacing:.32em;font-size:12px;animation:.7s cubic-bezier(.16,1,.3,1) 80ms both cs-view-intro-rise}.cs-view-intro:is([data-scope=room],[data-scope=welcome]) .cs-view-intro__name{filter:none;text-wrap:balance;font-size:clamp(38px,6vw,72px);line-height:1.15;animation:.8s cubic-bezier(.16,1,.3,1) .18s both cs-view-intro-rise}.cs-view-intro[data-scope=welcome]{gap:26px}.cs-view-intro[data-scope=welcome] .cs-view-intro__name{letter-spacing:.015em;font-size:clamp(24px,3.2vw,40px);line-height:1.25;animation-delay:.24s}.cs-view-intro[data-scope=welcome] .cs-view-intro__rule{order:-1;width:28px;animation:.7s cubic-bezier(.16,1,.3,1) .1s both cs-view-intro-rule}.cs-view-intro-screen-bell{will-change:transform, opacity;animation:1.2s linear both cs-view-intro-screen-bell}.cs-view-intro-screen-bell--room{animation-duration:3.2s}@keyframes cs-view-intro-screen-bell{0%{opacity:0;transform:scale(1.045)translateY(10px)}15%{opacity:.15;transform:scale(1.032)translateY(7px)}30%{opacity:.54;transform:scale(1.018)translateY(4px)}50%{opacity:1;transform:scale(1)}70%{opacity:.54;transform:scale(.99)translateY(-4px)}85%{opacity:.15;transform:scale(.978)translateY(-7px)}to{opacity:0;transform:scale(.965)translateY(-10px)}}.cs-view-intro[data-variant=bell] .cs-view-intro__eyebrow,.cs-view-intro[data-variant=bell] .cs-view-intro__name,.cs-view-intro[data-variant=bell] .cs-view-intro__rule{animation:none}@media (prefers-reduced-motion:reduce){.cs-view-intro{transition:none}.cs-view-intro[data-revealing]{transform:none}.cs-view-intro-screen-bell,.cs-view-intro[data-variant] .cs-view-intro__eyebrow,.cs-view-intro[data-variant] .cs-view-intro__name,.cs-view-intro[data-variant] .cs-view-intro__rule{animation:.2s ease-out both before-fade-in}}
:root{--cfg-font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--cfg-font-text:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--cfg-font-mono:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--cfg-paper:#f5f5f3;--cfg-paper-deep:#ecece9;--cfg-surface:#fff;--cfg-ink:#0a0a0a;--cfg-ink-2:#1a1a1e;--cfg-ink-soft:#404040;--cfg-ink-muted:#737373;--cfg-ink-subtle:#a0a0a0;--cfg-n-100:#f4f4f5;--cfg-n-200:#e4e4e7;--cfg-n-300:#d4d4d8;--cfg-border:#00000014;--cfg-hairline:#0000000f;--cfg-glass-bg:#ffffffb8;--cfg-glass-border:#0000000f;--cfg-glass-blur:40px;--cfg-glass-shadow:0 1px 2px #0000000f, 0 12px 32px #0000001f;--cfg-accent:#0071e3;--cfg-accent-soft:#0071e31f;--cfg-accent-glow:#0071e34d;--cfg-state-todo:#0000004d;--cfg-state-done:#0000008c;--cfg-state-active:#000;--cfg-r-md:12px;--cfg-r-lg:16px;--cfg-r-xl:16px;--cfg-r-2xl:20px;--cfg-r-3xl:20px;--cfg-r-full:9999px;--cfg-chrome-inset:clamp(16px, 2.5vw, 32px);--cfg-dur:.22s;--cfg-ease:cubic-bezier(.2, .8, .2, 1);--cfg-touch:44px}.cfg-on-canvas{--cfg-paper:#f5f5f3;--cfg-surface:#ffffffb8;--cfg-ink:#0a0a0a;--cfg-ink-2:#1a1a1e;--cfg-ink-soft:#404040;--cfg-ink-muted:#737373;--cfg-ink-subtle:#a1a1aa;--cfg-border:#0000000f;--cfg-hairline:#0000000f;--cfg-glass-bg:#ffffffb8;--cfg-glass-border:#0000000f;--cfg-state-todo:#0000004d;--cfg-state-done:#0000008c;--cfg-state-active:#000;color:var(--cfg-ink)}.cfg-t-hud{text-transform:uppercase;letter-spacing:.18em;color:var(--cfg-ink-muted);font-size:10px;font-weight:700}.cfg-t-mono{font-family:var(--cfg-font-mono);color:var(--cfg-ink-muted);font-size:11px}.cfg-t-num{font-variant-numeric:tabular-nums}
:root{--cs-accent:#0071e3;--cs-glass-bg:#ffffffb8;--cs-glass-border:#0000000f;--cs-glass-blur:40px;--cs-glass-fill:#ffffffb8;--cs-glass-bubble:0 1px 2px #0000000f, 0 12px 32px #0000001f;--cs-glass-shadow:0 1px 2px #0000000f, 0 12px 32px #0000001f;--cs-glass-highlight:none;--cs-status-track:#0a0a0a14;--cs-status-fill:#0a0a0a66;--cs-status-fill-strong:#0a0a0ab3;--cs-status-label:#0a0a0ab8;--cs-status-label-dim:#0a0a0a73;--cs-status-dot-active:#0a0a0ad9;--cs-status-dot-done:#0a0a0a8c;--cs-status-dot-idle:#0a0a0a26;--cs-status-line:#0a0a0a4d;--cs-status-line-idle:#0a0a0a14;--cf-paper-deep:#ecece9;--cf-paper-mute:#f4f4f5;--cf-ink-faint:#d4d4d8;--cf-border-strong:#0000001f;--cf-accent-glow:#0071e324;--cf-accent-glow-strong:#0071e34d;--cf-success:#16a34a;--cf-font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--cf-font-text:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--cf-font-mono:var(--font-jetbrains-mono), "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--cfg-nav-font-size:clamp(10px, calc(4px + .6vw), 13px);--cfg-nav-meta-font-size:clamp(9.5px, calc(3.5px + .55vw), 12px);--cfg-nav-compact-font-size:clamp(9.5px, calc(4.5px + .45vw), 11px);--cfg-nav-label-padding:clamp(6px, calc(2px + .6vw), 10px);--cfg-nav-capsule-padding:clamp(10px, calc(4px + .8vw), 18px);--cfg-nav-segment-padding:clamp(12px, calc(4px + 1vw), 20px);--cfg-nav-segment-min-width:clamp(52px, calc(28px + 2.5vw), 72px);--cf-shadow-card:0 2px 4px #0000000a, 0 4px 12px #00000014;--cf-shadow-pop:0 4px 8px #0000000f, 0 16px 40px #00000024;--cf-ease:cubic-bezier(.215, .61, .355, 1)}.cs-glass{background:var(--cs-glass-fill);border:1px solid var(--cs-glass-border);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);box-shadow:var(--cs-glass-bubble)}.cfg-on-canvas{--cfg-glass-bg:var(--cs-glass-fill);--cfg-glass-border:var(--cs-glass-border)}@keyframes cfFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cfShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.cf-fade-up{animation:cfFadeUp 1s var(--cf-ease) both}@keyframes cfFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cf-fade{animation:cfFade .42s var(--cf-ease) both}.cf-skeleton{background:linear-gradient(90deg,#0000000b 25%,#00000016 37%,#0000000b 63%) 0 0/800px 100%;border-radius:8px;animation:1.5s ease-in-out infinite cfShimmer}.cf-press{transition:filter .18s var(--cf-ease)}.cf-press:hover{filter:brightness(1.06)saturate(1.02)}.cf-press:active{filter:brightness(.88);transition-duration:50ms}.cf-press:disabled{opacity:.4;pointer-events:none;filter:none}.cf-ghost{transition:background-color .18s var(--cf-ease), border-color .18s var(--cf-ease)}.cf-ghost:hover{background:#00000009!important}.cf-ghost:active{transition-duration:50ms;background:#00000012!important}.cf-link{transition:filter .15s var(--cf-ease)}.cf-link:hover{filter:brightness(.7)}.cf-link:active{filter:brightness(.5)}.cf-lift{transition:box-shadow .18s var(--cf-ease), border-color .18s var(--cf-ease), background-color .18s var(--cf-ease)}.cf-lift:hover{box-shadow:var(--cf-shadow-card);border-color:var(--cf-border-strong)!important}.cf-lift:active{transition-duration:50ms;background:#00000005!important}.cf-row{transition:background-color .15s var(--cf-ease);cursor:pointer}.cf-row:hover{background:#0000000a!important}.cf-row:active{transition-duration:50ms;background:#00000012!important}.cf-menurow{cursor:pointer;transition:none}.cf-menurow:hover{background:var(--cs-accent)!important;color:#fff!important}.cf-menurow:active{color:#fff!important;background:#0063c7!important}.cf-menurow--on{color:var(--cs-text)!important;background:#0000000d!important}.cf-menurow--on:hover{background:var(--cs-accent)!important;color:#fff!important}.cf-menurow--on:active{background:#0063c7!important}.cf-sidenav{transition:background-color .15s var(--cf-ease), color .15s var(--cf-ease);cursor:pointer}.cf-sidenav:hover{color:var(--cs-text)!important;background:#0000000b!important}.cf-sidenav:active{transition-duration:50ms;background:#00000014!important}.cf-sidenav--on{color:var(--cs-text)!important;background:#0000000d!important}.cf-sidenav--on:hover{background:#00000012!important}.cf-sidenav--on:active{background:#00000017!important}.cf-option{transition:border-color .15s var(--cf-ease), background-color .15s var(--cf-ease)}.cf-option:not(.cf-option--on):hover{border-color:#00000047!important}.cf-option:not(.cf-option--on):active{transition-duration:50ms;background:#00000008!important}.cf-navlink{transition:color .15s var(--cf-ease)}.cf-navlink:hover{color:var(--cs-text)!important}.cf-navlink--accent:hover,.cf-navlink--accent:active{color:var(--cs-accent)!important}.cf-avatar{transition:background-color .18s var(--cf-ease);position:relative}.cf-avatar:after{content:"";opacity:0;transition:opacity .18s var(--cf-ease);z-index:-1;pointer-events:none;background:#0000000f;border-radius:9999px;position:absolute;inset:-5px}.cf-avatar:hover{background:#2a2a2e!important}.cf-avatar:hover:after{opacity:1}.cf-avatar:active{transition-duration:50ms;background:#000!important}.cf-avatar:active:after{opacity:1;background:#0000001a}.cf-avatar--open,.cf-avatar--open:hover,.cf-avatar--open:active{box-shadow:0 0 0 3px var(--cf-accent-glow-strong);background:var(--cs-text)!important}.cf-avatar--open:after{opacity:0!important}.cf-iconbtn{opacity:.85;transition:opacity .15s var(--cf-ease)}.cf-iconbtn:hover{opacity:1}.cf-iconbtn:active{opacity:.6;transition-duration:50ms}@keyframes cfPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cf-pop{animation:cfPopIn .18s var(--cf-ease) both}.cf-day{transition:background-color .15s var(--cf-ease)}.cf-day:not(:disabled):hover{background:#0000000d!important}.cf-day:not(:disabled):active{transition-duration:50ms;background:#00000017!important}.cf-slot{transition:border-color .15s var(--cf-ease), background-color .15s var(--cf-ease)}.cf-slot:not(.cf-slot--on):hover{border-color:#00000042!important}.cf-slot:not(.cf-slot--on):active{transition-duration:50ms;background:#0000000a!important}.cf-input:focus-visible,.cf-input:focus{box-shadow:none;outline:none}.cf-input:-webkit-autofill{-webkit-text-fill-color:var(--cs-text);caret-color:var(--cs-text);-webkit-background-clip:text;background-clip:text;transition:background-color 10000000s ease-out}.cf-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--cs-text);caret-color:var(--cs-text);-webkit-background-clip:text;background-clip:text;transition:background-color 10000000s ease-out}.cf-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--cs-text);caret-color:var(--cs-text);-webkit-background-clip:text;background-clip:text;transition:background-color 10000000s ease-out}.cf-input:-webkit-autofill:active{-webkit-text-fill-color:var(--cs-text);caret-color:var(--cs-text);-webkit-background-clip:text;background-clip:text;transition:background-color 10000000s ease-out}@media (prefers-reduced-motion:reduce){.cf-fade-up,.cf-fade,.cf-pop{animation-duration:.01ms!important}.cf-skeleton{animation:none!important}.cf-press,.cf-ghost,.cf-link,.cf-lift,.cf-row,.cf-sidenav,.cf-option,.cf-navlink,.cf-avatar,.cf-avatar:after,.cf-day,.cf-slot{transition:none!important}}
