:root{--bg: #000000;--surface: rgba(255, 255, 255, .04);--surface2: rgba(255, 255, 255, .06);--chrome-bg: rgba(5, 10, 16, .82);--chrome-bg-strong: rgba(5, 10, 16, .84);--topbar-bg: rgba(0, 0, 0, .9);--chat-bg: rgba(5, 10, 16, .82);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-nested: rgba(255, 255, 255, .08);--glass-bg-control: rgba(255, 255, 255, .1);--glass-bg-active: rgba(255, 255, 255, .16);--glass-border: rgba(255, 255, 255, .09);--glass-border-bright: rgba(255, 255, 255, .2);--glass-highlight: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 100%);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, .25);--border: rgba(255, 255, 255, .07);--border-teal: rgba(0, 180, 180, .4);--border-purple: rgba(155, 111, 212, .35);--border-gold: rgba(180, 155, 100, .3);--hairline: rgba(255, 255, 255, .1);--hairline-faint: rgba(255, 255, 255, .06);--teal: #00b4b4;--teal-dim: rgba(0, 180, 180, .1);--teal-glow: rgba(0, 180, 180, .15);--teal-ring: 0 16px 38px rgba(0, 180, 180, .16);--teal-menu-glow: radial-gradient(ellipse at center, rgba(0, 180, 180, .28) 0%, rgba(0, 180, 180, .16) 44%, rgba(0, 180, 180, .07) 72%, rgba(0, 180, 180, 0) 100%);--gold: #b49b64;--gold-dim: rgba(180, 155, 100, .1);--purple: #9b6fd4;--purple-dim: rgba(155, 111, 212, .12);--purple-recording-border: rgba(167, 139, 250, .85);--purple-recording-bg: rgba(167, 139, 250, .14);--purple-recording-text: rgba(167, 139, 250, 1);--green: #2dd4a0;--green-dim: rgba(45, 212, 160, .1);--green-active-border: rgba(52, 211, 153, .85);--green-active-bg: rgba(52, 211, 153, .14);--green-active-bg-strong: rgba(52, 211, 153, .18);--green-active-text: rgb(110, 244, 190);--green-ring: 0 0 0 3px rgba(52, 211, 153, .18), 0 16px 38px rgba(52, 211, 153, .18);--green-menu-glow: radial-gradient(ellipse at center, rgba(52, 211, 153, .32) 0%, rgba(16, 185, 129, .2) 44%, rgba(16, 185, 129, .09) 72%, rgba(16, 185, 129, 0) 100%);--red: #f0645a;--red-dim: rgba(240, 100, 90, .1);--accent: #00b4b4;--accent-glow: 0 0 20px rgba(0, 180, 180, .35);--particle-color: #ffffff;--text: #ffffff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .55);--text-muted: #a9a3ca;--text-dim: #4a4560;--r: 16px;--r-sm: 10px;--r-xs: 6px;--content-w: 1000px;font-family:Cormorant Garamond,Georgia,serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: #f3f6fa;--surface: rgba(16, 35, 54, .05);--surface2: rgba(16, 35, 54, .08);--chrome-bg: rgba(255, 255, 255, .82);--chrome-bg-strong: rgba(255, 255, 255, .86);--topbar-bg: rgba(255, 255, 255, .9);--chat-bg: rgba(255, 255, 255, .9);--glass-bg: rgba(16, 35, 54, .04);--glass-bg-nested: rgba(16, 35, 54, .06);--glass-bg-control: rgba(16, 35, 54, .08);--glass-bg-active: rgba(16, 35, 54, .14);--glass-border: rgba(16, 35, 54, .12);--glass-border-bright: rgba(16, 35, 54, .22);--glass-highlight: linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.12) 100%);--glass-shadow: 0 8px 32px rgba(17, 36, 56, .08);--glass-shadow-sm: 0 4px 16px rgba(17, 36, 56, .05);--border: rgba(17, 36, 56, .16);--border-teal: rgba(0, 133, 133, .34);--border-purple: rgba(120, 93, 165, .3);--border-gold: rgba(152, 125, 74, .3);--hairline: rgba(17, 36, 56, .12);--hairline-faint: rgba(17, 36, 56, .07);--teal: #0b7f88;--teal-dim: rgba(11, 127, 136, .12);--teal-glow: rgba(11, 127, 136, .16);--teal-ring: 0 16px 38px rgba(11, 127, 136, .14);--teal-menu-glow: radial-gradient(ellipse at center, rgba(11, 127, 136, .18) 0%, rgba(11, 127, 136, .1) 44%, rgba(11, 127, 136, .04) 72%, rgba(11, 127, 136, 0) 100%);--gold: #8c6f2f;--gold-dim: rgba(140, 111, 47, .12);--purple: #704ca6;--purple-dim: rgba(112, 76, 166, .1);--purple-recording-border: rgba(120, 93, 200, .85);--purple-recording-bg: rgba(120, 93, 200, .12);--purple-recording-text: rgb(92, 68, 170);--green: #127a58;--green-dim: rgba(18, 122, 88, .12);--green-active-border: rgba(18, 122, 88, .78);--green-active-bg: rgba(18, 122, 88, .12);--green-active-bg-strong: rgba(18, 122, 88, .16);--green-active-text: rgb(12, 96, 70);--green-ring: 0 0 0 3px rgba(18, 122, 88, .14), 0 16px 38px rgba(18, 122, 88, .12);--green-menu-glow: radial-gradient(ellipse at center, rgba(18, 122, 88, .22) 0%, rgba(18, 122, 88, .12) 44%, rgba(18, 122, 88, .05) 72%, rgba(18, 122, 88, 0) 100%);--red: #be4d40;--red-dim: rgba(190, 77, 64, .12);--accent: #0b7f88;--accent-glow: 0 0 20px rgba(11, 127, 136, .28);--particle-color: #102336;--text: #102336;--text-primary: #102336;--text-secondary: rgba(16, 35, 54, .62);--text-muted: #273a4e;--text-dim: #5b6b79}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}@supports (height: 100svh){body,#root{min-height:100svh}}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}}body{background:var(--bg);display:flex}#root{display:flex;width:100%}::selection{background:var(--teal);color:#000}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#11243826}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#11243847}.font-display{font-family:Cormorant Garamond,Georgia,serif}.font-mono{font-family:DM Mono,monospace}.content-inset{left:max(10px,calc(50% - calc(var(--content-w) / 2)));right:max(10px,calc(50% - calc(var(--content-w) / 2)))}input::placeholder,textarea::placeholder{color:var(--text-secondary)}