:root,[data-theme=dark]{--ink: #05070D;--ink-2: #0B1220;--surface: #151D2E;--surface-2: #1E283C;--paper: #F4F7FF;--dim: #8B95AD;--ember: #3B82F6;--ember-soft: rgba(59, 130, 246, .18);--signal: #2DD4BF;--blue: #3B82F6;--bubble-own: rgba(37, 99, 235, .92);--bubble-own-text: #FFFFFF;--bubble-anon: #5B4BDB;--bubble-anon-text: #F5F3FF;--bubble-other: rgba(30, 40, 58, .88);--bubble-other-text: #E8EEF9;--bubble-border-own: rgba(96, 165, 250, .22);--bubble-border-anon: rgba(196, 181, 253, .35);--bubble-border-other: rgba(150, 170, 210, .12);--glass-white: rgba(255, 255, 255, .06);--glass-border: rgba(150, 170, 210, .14);--glass-strong: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .04);--glass-tint: rgba(59, 130, 246, .12);--header-bg: rgba(11, 18, 32, .92);--composer-bg: rgba(11, 18, 32, .94);--menu-bg: rgba(20, 28, 45, .94);--separator: rgba(150, 170, 210, .12);--sheet-bg: #12141C;--sheet-bg-top: #1A1C26;--input-bg: rgba(255, 255, 255, .06);--notch-bg: rgba(15, 22, 38, .88);--tab-track: #0F1729;--tab-active: #1E2A42;--tab-active-text: #F4F7FF;--tab-idle-text: #8B95AD;--bg: var(--ink);--success: #22C55E;--danger: #EF4444;--admin-1: #67E8F9;--admin-2: #3B82F6;--radius-card: 20px;--radius-sheet: 28px;--radius-bubble: 18px;--radius-pill: 999px;--radius-round: 50%;--radius-input: 22px;--shadow-card: 0 4px 18px rgba(0, 0, 0, .32);--shadow-sheet: 0 -8px 28px rgba(0, 0, 0, .35);--shadow-float: 0 2px 12px rgba(0, 0, 0, .28);--shadow-bubble: 0 2px 8px rgba(0, 0, 0, .18);--shadow-avatar: 0 6px 20px rgba(47, 111, 255, .22);color-scheme:dark}[data-theme=light]{--ink: #E8E8ED;--ink-2: #F2F2F7;--surface: #FFFFFF;--surface-2: #E8E8ED;--paper: #1C1C1E;--dim: #6C6C70;--ember: #007AFF;--ember-soft: rgba(0, 122, 255, .12);--signal: #34C759;--blue: #007AFF;--bubble-own: #007AFF;--bubble-own-text: #FFFFFF;--bubble-anon: #5856D6;--bubble-anon-text: #F2F2F7;--bubble-other: #FFFFFF;--bubble-other-text: #1C1C1E;--bubble-border-own: transparent;--bubble-border-anon: rgba(88, 86, 214, .28);--bubble-border-other: rgba(60, 60, 67, .12);--glass-white: rgba(242, 242, 247, .78);--glass-border: rgba(60, 60, 67, .12);--glass-strong: rgba(242, 242, 247, .92);--glass: rgba(229, 229, 234, .72);--glass-tint: rgba(0, 122, 255, .08);--header-bg: rgba(242, 242, 247, .92);--composer-bg: rgba(242, 242, 247, .94);--menu-bg: rgba(242, 242, 247, .96);--separator: rgba(60, 60, 67, .14);--sheet-bg: #F2F2F7;--sheet-bg-top: #EBEBF0;--input-bg: rgba(60, 60, 67, .06);--notch-bg: rgba(242, 242, 247, .94);--tab-track: #D1D1D6;--tab-active: #F2F2F7;--tab-active-text: #1C1C1E;--tab-idle-text: #6C6C70;--bg: var(--ink);--success: #34C759;--danger: #FF3B30;--admin-1: #32ADE6;--admin-2: #007AFF;--radius-card: 20px;--radius-sheet: 28px;--radius-bubble: 18px;--radius-pill: 999px;--radius-round: 50%;--radius-input: 22px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-sheet: 0 -4px 20px rgba(0, 0, 0, .08);--shadow-float: 0 2px 10px rgba(0, 0, 0, .08);--shadow-bubble: 0 1px 3px rgba(0, 0, 0, .06);--shadow-avatar: 0 4px 14px rgba(0, 122, 255, .16);color-scheme:light}html{height:100%;overflow:hidden}*{box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--ink);color:var(--paper);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .22s ease,color .22s ease}#root{height:100%;width:100%}.glass-panel,.glass-sheet{position:relative;overflow:hidden;background:var(--glass-white);border:1px solid var(--glass-border);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--shadow-card)}.glass-panel{border-radius:var(--radius-card)}.glass-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.surface-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-float)}.liquid-header{background:var(--header-bg);border-bottom:1px solid var(--separator);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.liquid-composer{background:var(--composer-bg);border-top:1px solid var(--separator);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dim) 30%,transparent) transparent}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dim) 30%,transparent);border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dim) 50%,transparent)}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in{animation:pop-in .3s cubic-bezier(.22,1,.36,1) both}input:focus,textarea:focus,button:focus{outline:none}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-chat-page{animation:slideInFromRight .26s cubic-bezier(.22,1,.36,1) both}.app-viewport{height:100vh}@supports (height: 100dvh){.app-viewport{height:100dvh}}.safe-bottom{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button,input::-webkit-caps-lock-indicator,input::-webkit-strong-password-auto-fill-button,input::-webkit-clear-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}.no-copy-text{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-row{transform:scale(1);background-color:#fff0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .22s cubic-bezier(.34,1.56,.64,1)}.chat-row:active{transform:scale(.98);background-color:#78aaff29;transition:transform .1s ease-out,background-color .1s ease-out}.digit-roll{position:relative;display:inline-block;overflow:hidden;height:1em;line-height:1;vertical-align:bottom}.digit-roll>*{display:block}.digit-roll>*:not(:last-child){position:absolute;top:0;right:0;bottom:0;left:0;animation:digit-roll-out .12s ease-out forwards}.digit-roll>*:last-child{animation:digit-roll-in .12s ease-out forwards}@keyframes digit-roll-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes digit-roll-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.avatar-status-pulse{position:relative;animation:avatar-status-pulse-scale .4s ease-out}.avatar-status-pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-round, 50%);border:2px solid var(--signal);pointer-events:none;animation:avatar-status-pulse-ring .4s ease-out}@keyframes avatar-status-pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes avatar-status-pulse-ring{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes send-btn-tap{0%{transform:scale(1);animation-timing-function:ease-in}35%{transform:scale(.9);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}70%{transform:scale(1.05)}to{transform:scale(1)}}.send-btn-tap{animation:send-btn-tap .26s}@keyframes send-btn-success-morph{0%{opacity:0}to{opacity:1}}.send-btn-success-morph{animation:send-btn-success-morph .15s ease-out}@keyframes bubble-enter{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.bubble-enter{animation:bubble-enter .2s ease-out}@keyframes bubble-enter-outgoing{0%{transform:translateY(8px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.bubble-enter-outgoing{transform-origin:right center;animation:bubble-enter-outgoing .2s ease-out}@keyframes typing-dot{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.typing-dot{animation:typing-dot .9s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0ms}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes tab-icon-switch{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.tab-icon-switch{animation:tab-icon-switch .2s cubic-bezier(.34,1.56,.64,1)}@keyframes tab-indicator-dot{0%{opacity:0}to{opacity:1}}.tab-indicator-dot{animation:tab-indicator-dot .12s ease-out}@keyframes fab-tap{0%{transform:scale(1);animation-timing-function:ease-in}42%{transform:scale(.88);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}75%{transform:scale(1.08)}to{transform:scale(1)}}.fab-tap{animation:fab-tap .24s}@keyframes fab-radial-item{0%{transform:translate(0);opacity:0}to{transform:translate(var(--tx, 0px),var(--ty, 0px));opacity:1}}.fab-radial-item{animation:fab-radial-item .18s ease-out both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes pull-refresh-droplet-oscillate{0%{transform:scaleY(1)}25%{transform:scaleY(.9)}75%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.pull-refresh-droplet{transform-origin:top center;animation:pull-refresh-droplet-oscillate .3s ease-in-out 2}@keyframes pull-refresh-droplet-collapse{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}.pull-refresh-droplet-collapse{transform-origin:top center;animation:pull-refresh-droplet-collapse .2s ease-in forwards}@keyframes sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-exit{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet-enter{animation:sheet-enter .28s cubic-bezier(.34,1.56,.64,1) both}.sheet-exit{animation:sheet-exit .28s cubic-bezier(.34,1.56,.64,1) both}.backdrop-fade{opacity:0;pointer-events:none;transition:opacity .28s ease}.backdrop-fade.is-visible{opacity:.5;pointer-events:auto}@keyframes toggle-knob-droplet{0%{transform:translate(0) scaleX(1)}40%{transform:translate(calc(var(--knob-travel, 20px) * .6)) scaleX(.85)}to{transform:translate(var(--knob-travel, 20px)) scaleX(1)}}.toggle-knob-droplet{animation:toggle-knob-droplet .22s cubic-bezier(.34,1.56,.64,1) both}.toggle-knob-droplet.is-off{animation-direction:reverse}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none}.anon-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--ink)}.anon-splash-word{display:flex;align-items:flex-end}.anon-splash-letter{display:inline-block;font-size:34px;font-weight:800;letter-spacing:.02em;color:var(--paper);opacity:0;transform:translateY(10px);animation:anon-splash-letter-in .38s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 90ms)}@keyframes anon-splash-letter-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anon-splash-dot{width:9px;height:9px;margin-left:5px;margin-bottom:5px;border-radius:2px;background:var(--ember);opacity:0;transform:scale(.4);flex-shrink:0}.anon-splash-dot-pop{animation:anon-splash-dot-pop .26s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes anon-splash-dot-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.anon-splash-dot-jump{opacity:1;animation:anon-splash-dot-jump .62s cubic-bezier(.45,0,.55,1) infinite}@keyframes anon-splash-dot-jump{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-14px) scale(1)}55%{transform:translateY(-14px) scale(1.06,.9)}75%{transform:translateY(0) scale(.94,1.08)}to{transform:translateY(0) scale(1)}}
