:root{--bg: #000000;--surface: rgba(255, 255, 255, .04);--surface2: rgba(255, 255, 255, .06);--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);--teal: #00b4b4;--teal-dim: rgba(0, 180, 180, .1);--teal-glow: rgba(0, 180, 180, .15);--gold: #b49b64;--gold-dim: rgba(180, 155, 100, .1);--purple: #9b6fd4;--purple-dim: rgba(155, 111, 212, .12);--green: #2dd4a0;--green-dim: rgba(45, 212, 160, .1);--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}*,*: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-bottom:env(safe-area-inset-bottom);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}.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)}@property --gp-border-angle{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --gp-btn-angle{syntax: "<angle>"; inherits: false; initial-value: -75deg;}.glass-pill{position:relative}.glass-pill:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--gp-border-angle) at 50% 50%,rgba(255,255,255,.42),rgba(255,255,255,.05) 5% 40%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.05) 60% 95%,rgba(255,255,255,.42));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;z-index:2;transition:--gp-border-angle .6s cubic-bezier(.25,1,.5,1)}.glass-pill:hover:after{--gp-border-angle: -125deg}.glass-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(-45deg,#fff0,#ffffff0f 35% 52%,#fff0 62%);pointer-events:none;z-index:2;mix-blend-mode:screen}.glass-pill>*{position:relative;z-index:3}.glass-pill-btn{position:relative;cursor:pointer;border:none;outline:none;border-radius:10px;background:linear-gradient(-75deg,#ffffff0a,#ffffff17,#ffffff0a);box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #ffffff08,0 2px 8px #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff80;display:flex;align-items:center;justify-content:center;transition:background .3s cubic-bezier(.25,1,.5,1),box-shadow .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),color .2s,--gp-btn-angle .4s cubic-bezier(.25,1,.5,1)}.glass-pill-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--gp-btn-angle) at 50% 50%,rgba(255,255,255,.38),rgba(255,255,255,.04) 5% 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.04) 60% 95%,rgba(255,255,255,.38));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;transition:--gp-btn-angle .4s cubic-bezier(.25,1,.5,1)}.glass-pill-btn:hover{--gp-btn-angle: -125deg;background:linear-gradient(-75deg,#ffffff12,#ffffff24,#ffffff12);color:#ffffffe6;transform:scale(.97);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -1px 1px #ffffff0a,0 1px 4px #0003}.glass-pill-btn:active{transform:scale(.93) rotateX(18deg);box-shadow:inset 0 2px 4px #00000040,inset 0 1px 2px #ffffff0f}.glass-pill-btn.is-active{--gp-btn-angle: -125deg;color:var(--teal);background:linear-gradient(-75deg,#00b4b40f,#00b4b424,#00b4b40f);box-shadow:inset 0 1px 1px #00b4b433,0 0 12px #00b4b426}.glass-pill-btn.is-active:after{background:conic-gradient(from var(--gp-btn-angle) at 50% 50%,rgba(0,180,180,.65),rgba(0,180,180,.07) 5% 45%,rgba(0,180,180,.48) 50%,rgba(0,180,180,.07) 60% 95%,rgba(0,180,180,.65))}.glass-pill-btn.is-recording{color:var(--purple);background:linear-gradient(-75deg,#9b6fd40f,#9b6fd424,#9b6fd40f);box-shadow:inset 0 1px 1px #9b6fd433,0 0 18px #9b6fd433;animation:gp-pulse 1.5s ease-in-out infinite}.glass-pill-btn.is-recording:after{background:conic-gradient(from var(--gp-btn-angle) at 50% 50%,rgba(155,111,212,.65),rgba(155,111,212,.07) 5% 45%,rgba(155,111,212,.5) 50%,rgba(155,111,212,.07) 60% 95%,rgba(155,111,212,.65))}@keyframes gp-pulse{0%,to{box-shadow:inset 0 1px 1px #9b6fd433,0 0 12px #9b6fd426}50%{box-shadow:inset 0 1px 1px #9b6fd433,0 0 24px #9b6fd459}}@media(prefers-reduced-motion:reduce){.glass-pill:after,.glass-pill:before,.glass-pill-btn:after,.glass-pill-btn{transition:none!important;animation:none!important}}