:root{--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--radius-sm: 4px;--color-star: #fff;--leaf-particle-opacity: .4;--sprinkle-opacity: .04}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.chat-error,.todo-error{color:var(--color-error);background-color:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:var(--radius-sm, 4px);padding:8px 12px;margin-bottom:8px}.theme-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-ambient, 5);overflow:hidden}.theme-ambient .firefly{position:absolute;border-radius:50%;background:var(--color-secondary, #8FAE7E);pointer-events:none}.theme-ambient .sparkle{position:absolute;border-radius:50%;background:var(--highlight-color, #FFF9B0);pointer-events:none}.theme-ambient .leaf-particle{position:absolute;width:8px;height:8px;opacity:var(--leaf-particle-opacity, .4);pointer-events:none}.theme-ambient .star-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.theme-ambient .star{position:absolute;background:var(--color-star, #fff);border-radius:50%}.theme-ambient .sprinkle-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:var(--sprinkle-opacity, .04);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle cx='10' cy='10' r='2' fill='%23C67B5C'/%3E%3Ccircle cx='30' cy='8' r='1.5' fill='%238FAE7E'/%3E%3C/svg%3E");background-size:60px 60px}.theme-ambient .mascot{position:absolute;pointer-events:none}.theme-ambient .aurora-sweep{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease-out}.theme-ambient .aurora-sweep.active{opacity:1}.theme-ambient .hud-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.theme-ambient .hud-label{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);letter-spacing:2px;text-transform:uppercase;opacity:.4}.theme-ambient .hud-label-top-left{top:16px;left:16px}.theme-ambient .hud-label-top-right{top:16px;right:16px}.theme-ambient .hud-label-bottom-left{bottom:16px;left:16px}.theme-ambient .hud-label-bottom-right{bottom:16px;right:16px}.mention-input-shell{position:relative;display:block;flex:1;min-width:0}.mention-input-shell>input{width:100%}.mention-input-display{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;white-space:pre;color:inherit;font:inherit}.mention-input-display-token{border-radius:4px;padding:0 3px;background:#3b82f624;color:inherit}.mention-input-field--tokenized{position:relative;z-index:2;color:transparent!important;caret-color:var(--mention-input-caret, CanvasText);-webkit-text-fill-color:transparent}.emoji-reaction-bar{position:relative}.emoji-reaction-picker-anchor{position:relative;display:inline-flex}.emoji-reaction-add{min-width:26px;justify-content:center}.emoji-reaction-popover{position:absolute;z-index:1000;left:0;bottom:calc(100% + 8px);max-width:min(320px,calc(100vw - 24px));border-radius:12px;box-shadow:0 18px 48px #00000038}.emoji-reaction-popover .EmojiPickerReact{--epr-emoji-size: 24px;--epr-category-label-height: 28px;max-width:min(320px,calc(100vw - 24px))}.emoji-reaction-loading{width:320px;max-width:min(320px,calc(100vw - 24px));padding:16px;border-radius:12px;background:#fff;color:#333;font:12px/1.4 system-ui,sans-serif}.app-error-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0f172a75}.app-error-modal{width:min(420px,100%);padding:20px;border-radius:8px;background:#fff;color:#172033;box-shadow:0 18px 42px #0f172a42}.app-error-modal h2{margin:0 0 10px;font-size:1.125rem}.app-error-modal p{margin:0 0 14px;line-height:1.45}.app-error-details{color:#5f6b7a}.app-error-close{min-height:38px;padding:0 16px;border:0;border-radius:8px;background:#23314d;color:#fff;cursor:pointer}html,body,#root{height:100%}.shell-app,.shell-app *{box-sizing:border-box}.shell-app{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";overflow:hidden;height:100%}[data-mode=light]{--bg: oklch(.985 .005 80);--bg-deep: oklch(.965 .006 80);--bg-elev: oklch(1 0 0);--ink: oklch(.18 .01 80);--ink-dim: oklch(.42 .01 80);--ink-mute: oklch(.62 .012 80);--ink-faint: oklch(.82 .008 80);--hairline: oklch(.18 .01 80 / .1);--hairline-strong: oklch(.18 .01 80 / .16);--surface: oklch(1 0 0 / .6);--surface-solid: oklch(1 0 0);--shadow-sm: 0 1px 2px oklch(0 0 0 / .04);--shadow-md: 0 8px 24px -8px oklch(0 0 0 / .08), 0 2px 4px oklch(0 0 0 / .04);--shadow-lg: 0 24px 60px -16px oklch(0 0 0 / .12), 0 4px 12px oklch(0 0 0 / .05);--focus-ring: oklch(.18 .01 80 / .18);--field-bg: oklch(1 0 0 / .7);color-scheme:light}[data-mode=dark]{--bg: #101310ff;--bg-deep: #141914;--bg-elev: #181818ff;--ink: oklch(.96 .002 270);--ink-dim: oklch(.74 .004 270);--ink-mute: oklch(.58 .005 270);--ink-faint: oklch(.4 .005 270);--hairline: oklch(1 0 0 / .08);--hairline-strong: oklch(1 0 0 / .14);--surface: oklch(1 0 0 / .04);--surface-solid: oklch(.2 .009 265);--shadow-sm: 0 1px 2px oklch(0 0 0 / .4);--shadow-md: 0 8px 24px -8px oklch(0 0 0 / .5), 0 2px 4px oklch(0 0 0 / .3);--shadow-lg: 0 24px 60px -16px oklch(0 0 0 / .6), 0 4px 12px oklch(0 0 0 / .4);--focus-ring: oklch(1 0 0 / .22);--field-bg: oklch(1 0 0 / .04);color-scheme:dark}:root{--accent: oklch(.72 .16 70);--accent-soft: oklch(.72 .16 70 / .18);--accent-glow: oklch(.78 .16 70 / .5);--accent-ink: oklch(.16 .01 70);--accent-grad: linear-gradient(135deg, oklch(.72 .16 70), oklch(.78 .13 40))}[data-mode=dark]{--accent-ink: oklch(.14 .01 70)}:root{--font-display: "Instrument Serif", "Times New Roman", serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-tracking: -.02em;--display-weight: 400;--display-style: italic}:root{--ease: cubic-bezier(.32, .72, .36, 1);--dur-fast: .12s;--dur: .22s;--dur-slow: .4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.4,0,.2,1);mix-blend-mode:normal}::view-transition-old(root){animation-name:themeFadeOut}::view-transition-new(root){animation-name:themeFadeIn}@keyframes themeFadeOut{to{opacity:0}}@keyframes themeFadeIn{0%{opacity:0}}@supports not (view-transition-name: root){body{transition:background-color .4s ease,color .4s ease}.atmos{transition:background .4s ease}}.atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(70% 60% at 50% 0%,var(--accent-soft),transparent 65%),radial-gradient(circle,oklch(from var(--ink) l c h / .1) 1px,transparent 1px) 0 0 / 24px 24px,var(--bg)}.surface{background:var(--surface-solid);border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.surface:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}button{font-family:inherit}.shell-app{position:relative;height:100%;isolation:isolate;overflow:hidden}.viewport-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;overflow:hidden}.page-enter{animation:pageEnter var(--dur-slow) var(--ease)}@keyframes pageEnter{0%{transform:translateY(6px)}to{transform:translateY(0)}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;font:inherit;font-weight:500;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;height:44px;border-radius:10px;cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:oklch(from var(--accent) calc(l - .08) c h / .4);box-shadow:0 1px #fff3 inset,0 0 0 1px oklch(from var(--accent) l c h / 0),var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px #fff3 inset,0 0 0 4px var(--accent-soft),var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--hairline-strong)}.btn-ghost:hover{background:var(--surface);border-color:var(--ink-mute)}.btn-quiet{background:transparent;color:var(--ink-dim);border-color:transparent;height:38px;padding:0 12px}.btn-quiet:hover{background:var(--surface);color:var(--ink)}.field-wrap{position:relative;display:flex;align-items:center}.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline-strong);background:var(--field-bg);color:var(--ink);font:inherit;font-size:16px;line-height:1;height:48px;padding:0 16px;border-radius:10px;width:100%;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);outline:none}.field::placeholder{color:var(--ink-mute)}.field:hover{border-color:var(--ink-mute)}.field:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.error{border-color:#f14d4c;animation:errShake .36s var(--ease)}@keyframes errShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.field-icon-r{position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:8px;border:0;background:transparent;color:var(--ink-mute);cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.field-icon-r:hover{color:var(--ink);background:var(--surface)}.field-icon-r:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:var(--ink-mute);font-weight:500;font-family:var(--font-body)}.display{font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-style);letter-spacing:var(--display-tracking);line-height:1.22;color:var(--ink);text-wrap:pretty}.body-l{font-size:18px;line-height:1.55;color:var(--ink-dim);text-wrap:pretty}.body-m{font-size:15px;line-height:1.55;color:var(--ink-dim)}.body-s{font-size:13px;line-height:1.5;color:var(--ink-mute)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}a{color:var(--ink);text-decoration:none}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-style);font-size:22px;letter-spacing:var(--display-tracking);color:var(--ink)}.wordmark .mark{width:22px;height:22px;border-radius:999px;position:relative;background:var(--accent-grad);display:inline-block;box-shadow:0 0 0 1px var(--hairline-strong),inset 0 0 0 4px var(--bg);flex-shrink:0}.alert{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#f14d4c1a;border:1px solid oklch(.65 .2 25 / .3);color:#9b1e22;border-radius:10px;font-size:13.5px;line-height:1.45;text-wrap:pretty}[data-mode=dark] .alert{color:#ffbab3;color:oklch(.85 .14 25)}.alert .alert-icon{flex-shrink:0;margin-top:1px}.alert .alert-retry{margin-left:auto;background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;font:inherit;font-size:12px;font-weight:500;padding:3px 8px;cursor:pointer;flex-shrink:0}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.skel{background:linear-gradient(90deg,var(--hairline) 0%,var(--hairline-strong) 40%,var(--hairline) 80%);background-size:200% 100%;animation:skelShimmer 1.6s linear infinite;border-radius:8px}@keyframes skelShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-mute);background-clip:content-box;border:2px solid transparent}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.theme-dial{position:fixed;top:16px;right:16px;z-index:100;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:42px;padding:0;border-radius:999px;border:1px solid var(--hairline-strong);background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.theme-dial:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-sm)}.theme-dial:active{transform:scale(.94)}.theme-dial:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.theme-dial-tick{position:absolute;top:3px;left:50%;transform:translate(-50%);width:2px;height:4px;border-radius:1px;background:var(--hairline-strong);pointer-events:none}.theme-dial-face{position:relative;width:18px;height:18px;display:inline-block}.theme-dial-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:transform var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease);will-change:transform,opacity}.theme-dial-face[data-mode=light] .theme-dial-sun{transform:rotate(0) scale(1);opacity:1}.theme-dial-face[data-mode=light] .theme-dial-moon{transform:rotate(180deg) scale(.4);opacity:0}.theme-dial-face[data-mode=dark] .theme-dial-moon{transform:rotate(-18deg) scale(1);opacity:1}.theme-dial-face[data-mode=dark] .theme-dial-sun{transform:rotate(-180deg) scale(.4);opacity:0}.route-rail{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:2px;padding:4px;background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--hairline-strong);border-radius:999px;box-shadow:var(--shadow-sm);font-size:12px}.route-rail-label{font-size:10px;padding:0 10px 0 8px;letter-spacing:.12em}.route-rail-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font:inherit;color:var(--ink-dim);display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.route-rail-btn:hover{color:var(--ink)}.route-rail-btn[data-on="1"]{background:var(--ink);color:var(--bg)}[data-mode=dark] .route-rail-btn[data-on="1"]{background:var(--bg-elev);color:var(--ink);border:1px solid var(--hairline-strong)}.landing{position:relative;height:100%;overflow-y:auto;padding:64px 56px 0}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 8px 8px 20px;position:sticky;top:16px;z-index:2;width:fit-content;max-width:100%;margin:0 auto 40px;background:oklch(from var(--bg) l c h / .7);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--hairline);border-radius:999px;box-shadow:var(--shadow-sm)}.landing-nav .btn{height:36px;padding:0 14px;border-radius:999px;font-size:13.5px}.landing-nav .btn-quiet{padding:0 12px}.landing-nav .btn-ghost{background:var(--accent);color:var(--accent-ink);border-color:transparent}.landing-nav .btn-ghost:hover{background:oklch(from var(--accent) calc(l + .04) c h);color:var(--accent-ink);border-color:transparent}.landing-nav-r{display:flex;align-items:center;gap:4px}.hero{padding:24px 0 80px;max-width:1180px;margin:0 auto}.hero-sub{margin:0 auto 32px;max-width:52ch}.hero-cta-row{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.hero-rot{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px 0 100px}.hero-rot-h1{font-size:clamp(48px,6vw,84px);margin:16px 0 24px}.hero-rotator{position:relative}.hero-rotator-stack{position:relative;width:100%;aspect-ratio:4 / 3;max-width:480px;margin:0 auto}.hero-rotator-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;transition:transform var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}.hero-rotator-card>svg{width:100%;height:100%}.hero-rotator-meta{position:absolute;inset:auto 16px 16px;padding:14px 16px;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:10px}.hero-rotator-meta .eyebrow{color:#fff9}.hero-rotator-name{margin:4px 0;font-size:22px;font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-style)}.hero-rotator-meta .body-s{color:#ffffffbf;margin:0}.hero-rotator-pips{position:absolute;bottom:-36px;left:0;right:0;display:flex;justify-content:center;gap:6px}.hero-rotator-pip{width:22px;height:4px;border:0;border-radius:999px;background:var(--hairline-strong);cursor:pointer;padding:0;transition:background var(--dur) var(--ease),width var(--dur) var(--ease)}.hero-rotator-pip[data-on="1"]{background:var(--accent);width:32px}.hero-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:pulseDot 2.4s var(--ease) infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.features{padding:80px 0;max-width:1180px;margin:0 auto;border-top:1px solid var(--hairline)}.features-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:16px;flex-wrap:wrap}.features-h{font-size:clamp(28px,3.4vw,44px);margin:8px 0 0;max-width:22ch}.features-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.feat{padding:20px;display:flex;flex-direction:column;gap:8px;min-height:160px}.feat-icon{width:36px;height:36px;border-radius:9px;border:1px solid var(--hairline-strong);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-soft);margin-bottom:8px}.feat-h{margin:0;font-size:15px;font-weight:600}.gallery{padding:60px 0 100px;max-width:1180px;margin:0 auto;border-top:1px solid var(--hairline)}.gallery-head{margin-bottom:36px}.gallery-h{font-size:clamp(28px,3.4vw,44px);margin:8px 0 0;max-width:22ch}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gtile{overflow:hidden;display:flex;flex-direction:column}.gtile-art{aspect-ratio:5 / 4}.gtile-meta{padding:14px 16px 16px;display:flex;justify-content:space-between;align-items:end;gap:12px}.gtile-name{font-weight:600;font-size:14px;margin-bottom:2px}.landing-footer{border-top:1px solid var(--hairline);padding:32px 0;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.landing-footer-l{display:inline-flex;align-items:center;gap:16px}.landing-footer-r{list-style:none;margin:0;padding:0;display:inline-flex;align-items:center;gap:18px}.landing-footer-r a{color:var(--ink-mute)}.landing-footer-r a:hover{color:var(--ink)}.pw-screen{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:20px 24px}.pw-back{justify-self:start;align-self:start}.pw-card{align-self:center;justify-self:center;width:min(460px,100%);padding:36px;display:flex;flex-direction:column;gap:24px}.pw-mark{display:flex;align-items:center;justify-content:space-between}.pw-help{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--hairline-strong);font:inherit;color:var(--ink-mute);font-size:12px;height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:help;white-space:nowrap;flex-shrink:0;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pw-help:hover{color:var(--ink);border-color:var(--ink-mute)}.pw-help-label{font-weight:500}.pw-tip{position:absolute;top:calc(100% + 8px);right:0;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--hairline-strong);border-radius:10px;box-shadow:var(--shadow-lg);color:var(--ink-dim);font-size:12.5px;line-height:1.5;text-align:left;z-index:10;cursor:default;animation:pwTipIn var(--dur) var(--ease)}@keyframes pwTipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pw-head{display:flex;flex-direction:column;gap:6px}.pw-h1{font-size:clamp(26px,3vw,32px);line-height:1.2;margin:4px 0 0}.pw-blurb{margin:0}.pw-form{display:flex;flex-direction:column;gap:10px}.pw-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--ink-dim);font-weight:500}.pw-helper{color:var(--ink-mute);font-size:11px}.pw-input{letter-spacing:.1em;font-size:16px}.pw-input[type=text]{letter-spacing:-.005em}.pw-submit{margin-top:6px}.pw-submit[data-state=loading]{background:oklch(from var(--accent) calc(l - .05) c h)}.pw-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pw-alert{margin-top:8px}.pw-hint{margin-top:8px;padding:10px 12px;background:var(--surface);border:1px dashed var(--hairline-strong);border-radius:8px;color:var(--ink-mute);font-size:11.5px;line-height:1.6}.pw-code{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:4px;padding:1px 5px;font-size:11px;color:var(--ink-dim);margin:0 2px}.pw-foot{text-align:center;padding:8px;color:var(--ink-mute);display:inline-flex;gap:6px;align-items:center;justify-content:center;justify-self:center}.usel-screen{display:grid;grid-template-rows:auto 1fr;height:100%;padding:20px 56px}.usel-head{display:flex;align-items:center;justify-content:space-between}.usel-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:40px 0}.usel-intro{text-align:center;max-width:56ch}.usel-h1{font-size:clamp(40px,5vw,64px);margin:8px 0 16px}.usel-blurb{margin:0 auto;max-width:48ch}.usel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:920px;width:100%}.ui-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;border:1px solid var(--hairline);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);position:relative;min-height:140px}.ui-card-pick{width:100%}.ui-card-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;display:flex;flex-direction:column;gap:12px;cursor:pointer}.ui-card-main:disabled{cursor:default}.ui-card-main:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-radius:10px}.ui-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ui-card-av{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#0c0d12;font-family:var(--font-display);font-weight:600;font-size:26px;border:1px solid oklch(0 0 0 / .1);flex-shrink:0}.ui-card-av.lg{width:72px;height:72px;font-size:34px;border-radius:20px}.ui-card-name{font-weight:600;font-size:16px}.ui-card-sub{color:var(--ink-mute);margin-top:2px}.ui-card-add{background:transparent;cursor:pointer;color:var(--ink-dim);border:1px dashed var(--hairline-strong)}.ui-card-add:hover{border-color:var(--ink-mute);color:var(--ink)}.ui-card-plus{width:56px;height:56px;border-radius:16px;background:var(--surface);border:1px solid var(--hairline);display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.ui-card-manage{cursor:default}.ui-card-manage:hover{transform:none}.ui-card-acts{position:absolute;top:12px;right:12px;display:flex;gap:4px}.ui-iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--hairline);width:28px;height:28px;border-radius:8px;color:var(--ink-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.ui-iconbtn:hover{background:var(--bg-elev);color:var(--ink)}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:pageEnter .25s var(--ease)}.ui-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:default}.ui-modal{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:28px;background:var(--bg-elev)!important;border:1px solid var(--hairline-strong);border-radius:18px;box-shadow:var(--shadow-lg)}.ui-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.ui-modal-h{font-size:clamp(22px,2.8vw,32px);margin:4px 0 0}.ui-modal-blurb{margin:0 0 20px;color:var(--ink-dim)}.ui-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px}.ui-modal-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--hairline)}.ui-edit-row{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:flex-start;padding:12px 0 24px}.ui-edit-preview{display:flex;flex-direction:column;align-items:center;gap:6px}.ui-edit-form{display:flex;flex-direction:column}.ui-danger{background:#e64343}.rooms-page{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;overflow-y:auto}.rooms-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 32px;background:linear-gradient(to bottom,var(--bg),oklch(from var(--bg) l c h / .85));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline)}.rooms-header-r{display:flex;align-items:center;gap:12px;min-width:0}.rooms-search{position:relative;width:280px;max-width:32vw}.rooms-search-icon{position:absolute;left:12px;color:var(--ink-mute);display:inline-flex;pointer-events:none}.rooms-search-field{height:40px;font-size:14px;padding-left:34px}.prof-chip-wrap{position:relative;flex-shrink:0}.prof-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--hairline);font:inherit;font-size:13px;height:40px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);max-width:200px}.prof-chip:hover{background:var(--bg-elev);border-color:var(--hairline-strong)}.prof-chip-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.prof-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;padding:8px;background:var(--bg-elev)!important;border-radius:12px;z-index:50;animation:pwTipIn var(--dur) var(--ease);box-shadow:var(--shadow-lg)}.prof-menu-head{display:flex;align-items:center;padding:8px}.prof-menu-name{font-weight:600;font-size:14px}.prof-menu-sep{margin:6px 0;border:0;border-top:1px solid var(--hairline)}.prof-menu-list{list-style:none;padding:0;margin:0}.prof-menu-list button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font:inherit;font-size:13px;color:var(--ink);padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer}.prof-menu-list button:hover{background:var(--surface)}.rooms-main{max-width:1180px;width:100%;margin:0 auto;padding:40px 32px 80px;display:flex;flex-direction:column;gap:24px}.rooms-hero{margin-bottom:0}.rooms-h1{font-size:clamp(34px,4.4vw,56px);margin:8px 0 12px}.rooms-blurb{margin:0;max-width:56ch}.create-room{padding:20px 22px;display:flex;flex-direction:column;gap:8px}.create-row{display:flex;gap:8px}.create-input{flex:1;font-size:16px}.create-btn{flex-shrink:0}.create-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.create-count{color:var(--ink-mute);font-size:11px}.create-count[data-low="1"]{color:#de6800;color:oklch(.65 .18 50)}.rooms-controls-l .eyebrow{white-space:nowrap}.rooms-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.rooms-sort{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--hairline);background:var(--surface);border-radius:999px;color:var(--ink-dim);font-size:12px}.rooms-sort-sel{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;font:inherit;font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;padding-right:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(127,127,127,1)' d='M0 0h10L5 6z'/></svg>");background-repeat:no-repeat;background-position:right center}.rooms-sort-sel:focus{outline:none}.room-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;position:relative;background-color:var(--surface-solid);padding:0}.room-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.room-card-art{aspect-ratio:16 / 9;position:relative;overflow:hidden}.room-card-art>svg{width:100%;height:100%;display:block}.room-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.room-art-avatars{position:absolute;top:10px;right:10px;display:flex;align-items:center;z-index:1}.room-art-avatars>*+*{margin-left:-8px}.room-avatar-ph{width:24px;height:24px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fffffff2,#d5cdc0b3);border:1.5px solid oklch(1 0 0 / .9);box-shadow:0 1px 3px #00000040}.room-avatar-more{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 7px;border-radius:999px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fffffff2;font-size:11px;font-weight:600;border:1.5px solid oklch(1 0 0 / .4)}.room-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(0 0 0 / .45),transparent 55%);pointer-events:none}.room-card-live{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fffffff2;font-size:11px;font-feature-settings:"tnum";border-radius:999px;white-space:nowrap;letter-spacing:.005em}.live-dot{width:6px;height:6px;background:#58bf4f;border-radius:999px;animation:pulseDot 1.6s var(--ease) infinite}.idle-dot{width:6px;height:6px;background:var(--ink-mute);border-radius:999px}.room-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.room-card-title{margin:0;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.room-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.room-meta-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 8px;background:var(--surface);border:1px solid var(--hairline);border-radius:999px;color:var(--ink-dim);font-feature-settings:"tnum"}.room-status-live{color:var(--ink);background:var(--accent-soft);border-color:transparent}.theme-dot{width:8px;height:8px;border-radius:999px;box-shadow:inset 0 0 0 1px #00000026}.theme-dot.lg{width:14px;height:14px}.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rooms-empty{padding:32px;display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}.rooms-empty-art{aspect-ratio:5 / 4;border-radius:14px;overflow:hidden}.rooms-empty-art>svg{width:100%;height:100%}.rooms-empty-h{font-size:clamp(24px,3vw,36px);margin:0 0 10px}.rooms-alert{padding:16px 20px}.room-skel .skel-line{height:14px;margin-bottom:8px}.skel-w-60{width:60%}.skel-w-90{width:90%}.skel-row{display:flex;gap:6px;margin-top:6px}.skel-pill{width:60px;height:18px;border-radius:999px}.skel-pill.skel-w-90{width:90px}.rooms-demo{margin-top:24px;padding-top:24px;border-top:1px dashed var(--hairline-strong);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rooms-demo-btns{display:inline-flex;gap:4px}.rooms-demo-btns .btn[data-on="1"]{background:var(--ink);color:var(--bg)}.enter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:pageEnter .25s var(--ease)}.enter-overlay-card{background:var(--bg-elev);border:1px solid var(--hairline-strong);border-radius:14px;padding:24px 32px;display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);color:var(--ink)}