@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600&family=Sora:wght@400;500;600&display=swap";:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--mobile-small: 320px;--mobile-medium: 375px;--mobile-large: 414px;--tablet: 768px;--desktop: 1024px;--touch-target-min: 44px;--touch-padding: 12px;--mobile-padding: 16px;--mobile-margin: 8px;--mobile-gap: 12px;--app-height: 100vh}@media (max-width: 768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overscroll-behavior-y:none;height:100vh;min-height:100vh;height:var(--app-height, 100vh);min-height:var(--app-height, 100vh);padding:0;position:relative}html,body,#root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--app-height, 100vh);overflow:hidden}#root{height:100%;height:-webkit-fill-available;min-height:-webkit-fill-available;overflow:hidden}#root{height:var(--app-height, 100vh);min-height:var(--app-height, 100vh)}.app-shell{height:var(--app-height, 100vh);min-height:var(--app-height, 100vh);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden}button,input,textarea,select,[role=button],.clickable{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--touch-padding);font-size:16px;-webkit-tap-highlight-color:rgba(195,169,255,.22);touch-action:manipulation}input,textarea{font-size:16px!important;-webkit-appearance:none;border-radius:8px;autocomplete:off;autocorrect:off;autocapitalize:off;spellcheck:false}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-x:hidden!important;overflow-anchor:none}.rooms-header{position:sticky;top:0;z-index:5;background:rgba(18,14,26,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-container{height:var(--app-height, 100vh);min-height:0;display:flex;flex-direction:column;overflow:hidden;flex:1;position:relative}.chat-header{position:sticky;top:var(--vv-offset-top, 0px);z-index:30;flex:0 0 auto;transform:translateZ(0);pointer-events:auto}.chat-messages{flex:1;overflow:hidden;overscroll-behavior:none;min-height:0;padding-top:0;overflow-anchor:none}.chat-messages [data-virtuoso-scroller]{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none;touch-action:pan-y;height:100%}.chat-input-container{position:sticky;bottom:0;background:var(--surface);padding:var(--mobile-padding);padding-bottom:calc(var(--mobile-padding) + var(--safe-area-inset-bottom) + var(--keyboard-inset, 0px));border-top:1px solid var(--border);box-shadow:0 -12px 30px #0c091280;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;width:100vw;height:var(--app-height, 100vh);height:-webkit-fill-available;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.modal-content{background:var(--surface);border-radius:12px 12px 0 0;position:absolute;bottom:0;left:0;right:0;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.swipeable{touch-action:pan-x pan-y}.loading-skeleton{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}}@supports (-webkit-touch-callout: none){body{height:100vh;height:var(--app-height, 100vh)}.chat-input-container{padding-bottom:var(--mobile-padding)}.full-height{height:100vh;height:var(--app-height, 100vh);height:-webkit-fill-available}input,textarea{-webkit-appearance:none;-webkit-border-radius:8px;border-radius:8px}button{-webkit-appearance:none;border-radius:8px}}@media (max-width: 768px) and (orientation: landscape){.chat-input-container{padding:calc(var(--mobile-padding) / 2);padding-bottom:calc(var(--mobile-padding) / 2 + var(--safe-area-inset-bottom))}.modal-content{max-height:90vh}}@media (max-width: 375px){:root{--mobile-padding: 12px;--mobile-margin: 6px;--mobile-gap: 8px}.chat-input-container{padding:var(--mobile-padding)}button,input,textarea{font-size:14px;padding:10px}}@media (min-width: 414px) and (max-width: 768px){:root{--mobile-padding: 20px;--mobile-gap: 16px}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{position:relative;transform:none;width:320px;height:auto}.chat-container{flex-direction:row}.modal-content{position:relative;bottom:auto;border-radius:12px;max-height:70vh;margin:auto;max-width:600px}}@media (min-width: 1024px){body{height:100vh;padding:0;overscroll-behavior:auto}button,input,textarea{min-height:auto;font-size:14px;padding:8px 12px}.chat-input-container{position:relative;padding:16px}.sidebar{position:relative;transform:none;width:300px}}@media (display-mode: standalone){body{-webkit-user-select:none;user-select:none}.app-header{-webkit-app-region:drag;app-region:drag}.app-header button{-webkit-app-region:no-drag;app-region:no-drag}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.icon,.avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark) and (max-width: 768px){body{background:#000000}.surface{background:#111111}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}}@keyframes tap-feedback{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.tap-feedback:active{animation:tap-feedback .1s ease-in-out}.swipe-indicator{position:relative}.swipe-indicator:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:rgba(255,255,255,.3);border-radius:2px}.pull-to-refresh{position:absolute;top:-60px;left:50%;transform:translate(-50%);padding:12px;background:var(--surface);border-radius:20px;box-shadow:0 2px 10px #0003;transition:transform .3s ease}.pull-to-refresh.active{transform:translate(-50%) translateY(80px)}@media (max-width: 768px){body.keyboard-open .mobile-nav{display:none}}:root{--safe-area-bottom: min(env(safe-area-inset-bottom, 0px), 34px);--bg: #0c0a14;--bg-secondary: #151023;--surface: #1b1526;--surface-hover: #241c35;--surface-elevated: #2b2140;--border: rgba(195, 169, 255, .16);--border-hover: rgba(195, 169, 255, .28);--text: #f3eefb;--text-secondary: #d8cfea;--text-tertiary: #a79fc0;--primary: #c3a9ff;--primary-strong: #9b7ae3;--primary-gradient: linear-gradient(135deg, #cbb5ff 0%, #a48bff 46%, #4ccfbe 100%);--primary-gradient-soft: linear-gradient(135deg, rgba(203, 181, 255, .24), rgba(143, 167, 255, .14));--danger: #ff6b6b;--success: #34d399;--warning: #fbbf24;--accent-secondary: #35cdbb;--focus-ring: rgba(195, 169, 255, .48);--radius: 18px;--radius-sm: 12px;--radius-lg: 24px;--radius-full: 9999px;--font-sans: "Sora", "Avenir Next", "Avenir", "Noto Sans", sans-serif;--font-display: "Fraunces", "Sora", "Avenir Next", sans-serif;--shadow-sm: 0 4px 12px rgba(6, 4, 12, .3);--shadow-md: 0 14px 34px rgba(6, 4, 12, .42);--shadow-lg: 0 26px 64px rgba(6, 4, 12, .5);--shadow-primary: 0 14px 30px rgba(203, 181, 255, .3);--nav-bg: rgba(19, 14, 28, .84);--nav-border: rgba(195, 169, 255, .24);--sidebar-width: 340px;--bubble-in-bg: rgba(19, 14, 28, .72);--bubble-in-border: rgba(195, 169, 255, .22);--bubble-out-bg: linear-gradient(135deg, rgba(203, 181, 255, .35) 0%, rgba(164, 139, 255, .28) 52%, rgba(77, 207, 190, .22) 100%);--bubble-out-border: rgba(203, 181, 255, .42);--bubble-shadow: 0 8px 18px rgba(6, 4, 12, .3);--chat-bg: radial-gradient(600px 400px at 12% 12%, rgba(195, 169, 255, .08), transparent 60%), radial-gradient(500px 360px at 88% 18%, rgba(77, 207, 190, .08), transparent 60%), linear-gradient(180deg, rgba(12, 10, 18, .65) 0%, rgba(12, 10, 18, .3) 100%);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--mobile-nav-height: 0px}@media (max-width: 768px){:root{--mobile-nav-height: 70px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background-color:#0f0b14}body{background:radial-gradient(1200px 900px at 12% -12%,rgba(195,169,255,.2),transparent 60%),radial-gradient(900px 700px at 92% 10%,rgba(143,167,255,.14),transparent 56%),radial-gradient(700px 520px at 18% 120%,rgba(45,217,196,.12),transparent 60%),linear-gradient(180deg,#0c0a14 0%,#0c0a12 60%,#0b0911 100%);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.app-shell{height:var(--app-height, 100vh);min-height:var(--app-height, 100vh);display:flex;background:var(--lg-app-bg, var(--bg));color:#fff;overflow:hidden;overflow-x:hidden!important;border-radius:0;position:relative}.app-shell--mobile{flex-direction:column;padding-bottom:0;overflow:hidden}body.keyboard-open .app-shell--mobile{padding-bottom:env(safe-area-inset-bottom,0px)}body.scroll-locked .app-shell--mobile{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--app-height, 100vh)}.app-shell--desktop{flex-direction:row}@media (prefers-reduced-motion: no-preference){.app-shell{animation:appShellFade .42s cubic-bezier(.2,.8,.2,1)}.app-sidebar{animation:appShellSlide .52s cubic-bezier(.2,.8,.2,1)}.app-content{animation:appShellLift .52s cubic-bezier(.2,.8,.2,1)}}@keyframes appShellFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appShellSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes appShellLift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-sidebar{width:var(--sidebar-width, 320px);background:rgba(19,14,28,.78);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-width:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-x:hidden;background:rgba(12,9,18,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app-content--mobile{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.app-empty{flex:1;display:flex;align-items:center;justify-content:center;opacity:.6;font-size:18px;text-align:center;padding:24px}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;overflow-x:hidden!important;overflow-anchor:auto}.chat-messages,.chat-messages [data-virtuoso-scroller]{background:var(--chat-bg)}.vc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px)) 16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vc-modal--bottom{align-items:flex-end}.vc-modal--top{align-items:flex-start}.vc-modal__panel{width:min(96vw,520px);max-height:min(90vh,calc(var(--app-height, 100vh) - 32px));display:flex;flex-direction:column;overflow:hidden}.vc-modal__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-splash{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 600px at 12% -12%,rgba(195,169,255,.2),transparent 60%),radial-gradient(900px 700px at 90% 12%,rgba(143,167,255,.16),transparent 58%),linear-gradient(180deg,#1b1528 0%,#0c0a14 100%);color:var(--text)}.app-splash__inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:24px}.chat-header{border-bottom:1px solid rgba(255,255,255,.06)}.app-splash__logo{width:84px;height:84px;border-radius:22px;box-shadow:var(--shadow-primary)}.app-splash__title{font-size:20px;font-weight:700;letter-spacing:.3px}.app-splash__subtitle{font-size:13px;color:var(--text-secondary)}.app-splash__spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#ffffffe6;animation:spin .9s linear infinite}.app-update-banner{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:9997;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(12,16,28,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(92vw,520px)}.app-update-banner__text{font-size:13px;color:#ffffffe6;white-space:normal}.app-update-banner__actions{display:flex;gap:8px}.app-update-banner__btn{border:none;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;background:var(--primary-gradient);cursor:pointer}.app-update-banner__btn:disabled{opacity:.7;cursor:default}.app-update-banner__btn--ghost{background:rgba(255,255,255,.1);color:#ffffffd9}.app-update-banner--applied{border-color:#50dc9659}.app-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(5,5,12,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-lock__card{width:min(92vw,360px);background:rgba(20,26,42,.9);border-radius:22px;padding:24px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.app-lock__logo{width:72px;height:72px;border-radius:20px;box-shadow:var(--shadow-primary)}.app-lock__title{font-size:20px;font-weight:700}.app-lock__subtitle{font-size:13px;color:var(--text-secondary)}.app-lock__input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:#fff;font-size:16px;outline:none;text-align:center}.app-lock__error{font-size:12px;color:#ff8080}.app-lock__button{width:100%;padding:10px 12px;border-radius:12px;border:none;background:var(--primary-gradient);color:#fff;font-weight:600;cursor:pointer}.app-lock__button--secondary{background:rgba(255,255,255,.12)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px);opacity:.6}50%{transform:translateY(-40px) translate(-10px);opacity:.4}75%{transform:translateY(-20px) translate(5px);opacity:.5}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}*{transition:var(--transition)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:var(--transition)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;outline:none;transition:var(--transition)}input:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #c3a9ff33}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary);border:1px solid rgba(255,255,255,.12);text-shadow:0 1px 2px rgba(6,4,12,.4)}.btn-primary:hover:not(:disabled){box-shadow:0 12px 30px #c3a9ff59,0 8px 22px #2dd9c440;transform:translateY(-2px)}.card-neo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff0d,0 4px 16px #0000004d;transition:var(--transition)}.card-neo:hover{border-color:var(--border-hover);box-shadow:inset 0 1px #ffffff14,0 6px 24px #0006,0 0 0 1px #c3a9ff33;transform:translateY(-2px)}.glow-primary{box-shadow:0 0 22px #c3a9ff59}.glow-primary:hover{box-shadow:0 0 32px #c3a9ff8c}input[type=text],input[type=password],textarea{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-size:14px;transition:var(--transition)}input[type=text]:focus,input[type=password]:focus,textarea:focus{background:rgba(0,0,0,.4);border-color:var(--primary);box-shadow:0 0 0 3px #c3a9ff33;outline:none}@media (min-width: 1280px){:root{--sidebar-width: 360px}}@media (max-width: 768px){:root{--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}body{overscroll-behavior-y:none;touch-action:manipulation}}:root{--lg-bg: 23 18 33;--lg-fg: 242 238 248;--lg-muted: 168 159 186;--lg-border: 195 169 255;--lg-border-a: .38;--lg-shadow: 0 0 0;--lg-shadow-a: .24;--lg-accent: 69 211 194;--lg-a-1: .14;--lg-a-2: .2;--lg-a-3: .26;--lg-blur-1: 22px;--lg-blur-2: 30px;--lg-blur-3: 36px;--lg-radius-lg: 22px;--lg-radius-md: 16px;--lg-radius-sm: 12px;--lg-highlight-a: .2;--lg-noise-a: .03;--lg-dur: .22s;--lg-ease: cubic-bezier(.2, .8, .2, 1);--lg-scrim-a: .18;--lg-app-bg: radial-gradient(1200px 800px at 18% -10%, rgba(195, 169, 255, .2), transparent 60%), radial-gradient(900px 700px at 90% 12%, rgba(69, 211, 194, .2), transparent 60%), linear-gradient(180deg, #0d0b14 0%, #0c0a12 55%, #0b0911 100%)}[data-theme=dark]{--lg-bg: 23 18 33;--lg-fg: 242 238 248;--lg-muted: 168 159 186;--lg-border: 195 169 255;--lg-border-a: .38;--lg-shadow: 0 0 0;--lg-shadow-a: .26;--lg-a-1: .16;--lg-a-2: .22;--lg-a-3: .28;--lg-scrim-a: .2;--lg-noise-a: .03}[data-reduce-transparency=true]{--lg-a-1: .92;--lg-a-2: .94;--lg-a-3: .96;--lg-blur-1: 0px;--lg-blur-2: 0px;--lg-blur-3: 0px;--lg-border-a: .14;--lg-noise-a: 0}.lg-app-bg{background:var(--lg-app-bg)}.lg-surface{position:relative;border-radius:var(--lg-radius-lg);color:rgb(var(--lg-fg));background:rgba(var(--lg-bg) / var(--lg-a-2));border:1px solid rgba(var(--lg-border) / var(--lg-border-a));box-shadow:0 10px 30px rgba(var(--lg-shadow) / var(--lg-shadow-a));backdrop-filter:blur(var(--lg-blur-2)) saturate(1.2);-webkit-backdrop-filter:blur(var(--lg-blur-2)) saturate(1.2);overflow:hidden}.lg-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 0% 0%,rgba(255 255 255 / var(--lg-highlight-a)) 0%,rgba(255 255 255 / 0) 55%);mix-blend-mode:overlay}.lg-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--lg-noise-a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:overlay}.lg-e1{background:rgba(var(--lg-bg) / var(--lg-a-1));backdrop-filter:blur(var(--lg-blur-1)) saturate(1.15);-webkit-backdrop-filter:blur(var(--lg-blur-1)) saturate(1.15)}.lg-e2{background:rgba(var(--lg-bg) / var(--lg-a-2));backdrop-filter:blur(var(--lg-blur-2)) saturate(1.2);-webkit-backdrop-filter:blur(var(--lg-blur-2)) saturate(1.2)}.lg-e3{background:rgba(var(--lg-bg) / var(--lg-a-3));backdrop-filter:blur(var(--lg-blur-3)) saturate(1.25);-webkit-backdrop-filter:blur(var(--lg-blur-3)) saturate(1.25);box-shadow:0 18px 60px rgba(var(--lg-shadow) / calc(var(--lg-shadow-a) + .06))}.lg-tinted{background:linear-gradient(135deg,rgba(var(--lg-accent) / .1) 0%,rgba(var(--lg-accent) / .02) 55%,rgba(var(--lg-bg) / var(--lg-a-2)) 100%)}.lg-scrim{position:relative}.lg-scrim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(0 0 0 / var(--lg-scrim-a))}.lg-control{border-radius:var(--lg-radius-md);border:1px solid rgba(var(--lg-border) / var(--lg-border-a));background:rgba(var(--lg-bg) / var(--lg-a-1));color:rgb(var(--lg-fg));backdrop-filter:blur(var(--lg-blur-1)) saturate(1.15);-webkit-backdrop-filter:blur(var(--lg-blur-1)) saturate(1.15);transition:transform var(--lg-dur) var(--lg-ease),box-shadow var(--lg-dur) var(--lg-ease),background var(--lg-dur) var(--lg-ease)}.lg-hover:hover{transform:translateY(-1px);box-shadow:0 14px 42px rgba(var(--lg-shadow) / calc(var(--lg-shadow-a) + .06))}.lg-press:active{transform:translateY(0) scale(.99)}.lg-focus:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--lg-accent) / .22),0 14px 42px rgba(var(--lg-shadow) / calc(var(--lg-shadow-a) + .06))}.lg-input{padding:10px 12px}.lg-input::placeholder{color:rgba(var(--lg-muted) / .9)}.lg-pill{border-radius:999px;padding:6px 10px;font-size:12px;line-height:1}.lg-bubble{border-radius:18px;padding:10px 12px;max-width:72ch;border:1px solid var(--bubble-in-border);background:var(--bubble-in-bg);backdrop-filter:blur(var(--lg-blur-2)) saturate(1.1);-webkit-backdrop-filter:blur(var(--lg-blur-2)) saturate(1.1);box-shadow:var(--bubble-shadow)}.lg-bubble-out{background:var(--bubble-out-bg);border-color:var(--bubble-out-border)}.lg-muted{color:rgba(var(--lg-muted) / .95)}[data-low-motion=true] .lg-control,[data-low-motion=true] .lg-surface{transition:none!important}
