.th-dark{--pat-a: #1a2822;--pat-b: #0e1512;--glass: rgba(28, 40, 35, .5);--pop: rgba(31, 43, 38, .72);--bar: rgba(14, 21, 18, .6);--line: rgba(255, 255, 255, .09);--line-strong: #2a3832;--text: #edefea;--muted: #9aa59f;--accent: #f2b544;--on-accent: #1a1305;--accent-soft: rgba(242, 181, 68, .14);--raised: #24322c;--track: #2f3f38;--sel: #2a3a33;--green: #7fe0a6;--green-bg: #173a26;--red: #ff9c8f;--red-bg: #3a1a17;--red-bg2: #5a2a26;--ic-blue: #a9cbff;--ic-purple: #d2bdff;--ic-green: #9be8be;--ic-amber: #f2b544;--ic-red: #ff8a7a;--ring: #3a1a18;--live-border: rgba(255, 120, 110, .35);--live-soft: rgba(229, 72, 77, .16);--av-ring: #1c2823;--bg: #0e1512}.th-light{--pat-a: #e4e9ee;--pat-b: #eff2f5;--glass: rgba(255, 255, 255, .72);--pop: rgba(255, 255, 255, .92);--bar: rgba(255, 255, 255, .82);--line: rgba(0, 0, 0, .08);--line-strong: #d6dae0;--text: #0f1419;--muted: #6b7075;--accent: #3390ec;--on-accent: #ffffff;--accent-soft: rgba(51, 144, 236, .12);--raised: #eef1f4;--track: #d3d8de;--sel: rgba(51, 144, 236, .1);--green: #1b7f45;--green-bg: #e1f5e8;--red: #d0342c;--red-bg: #fde8e6;--red-bg2: #f7c9c4;--ic-blue: #2f7fd8;--ic-purple: #7e57c2;--ic-green: #23874f;--ic-amber: #c98600;--ic-red: #d0342c;--ring: #ffffff;--live-border: rgba(229, 72, 77, .28);--live-soft: rgba(229, 72, 77, .1);--av-ring: #ffffff;--bg: #eff2f5}*{-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{overscroll-behavior:none;font-family:Manrope,system-ui,sans-serif}button{font-family:inherit}button:disabled{cursor:default}a{color:var(--accent)}.scroll>*{flex-shrink:0}.scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}.glass-b{border:1px solid var(--line)}.hl{box-shadow:inset 0 1px #ffffff14}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:repeating-conic-gradient(var(--pat-a) 0 25%,var(--pat-b) 0 50%) 0 0 / 72px 72px;color:var(--text)}.app-root.th-light,.app-root.th-dark{background-color:var(--bg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-up{animation:fadeUp .22s ease-out both}
