:root{--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--transition-theme: .22s cubic-bezier(.2, .8, .2, 1);--transition-fast: .16s cubic-bezier(.2, .8, .2, 1);--tile-bg: rgba(255, 255, 255, .04);--tile-border: rgba(255, 255, 255, .1);--tile-shadow: 0 18px 70px rgba(0, 0, 0, .5);--tile-shadow-drag: 0 26px 110px rgba(0, 0, 0, .72);--tile-text: rgba(255, 255, 255, .98);--tile-text-subtle: rgba(200, 220, 255, .86);--tile-handle-bg: rgba(255, 255, 255, .06);--tile-handle-text: rgba(255, 255, 255, .88);--tile-panel-bg: rgba(255, 255, 255, .03);--tile-meta: rgba(255, 200, 124, .9);--badge-bg: rgba(255, 255, 255, .08);--badge-text: rgba(255, 255, 255, .95);--badge-shadow: rgba(255, 255, 255, .12);--title-warm: rgba(255, 200, 124, .95);--title-name: rgba(0, 232, 255, .98);--title-shadow: 0 0 22px rgba(129, 96, 255, .45), 0 0 16px rgba(0, 206, 255, .35);--text-secondary: rgba(204, 223, 255, .88);--demo-border-off: rgba(255, 255, 255, .14);--demo-bg-off: rgba(255, 255, 255, .06);--demo-text-off: rgba(255, 255, 255, .78);--demo-border-on: rgba(0, 206, 255, .55);--demo-bg-on: rgba(0, 206, 255, .14);--demo-text-on: rgba(0, 232, 255, .98);--demo-shadow-on: 0 0 16px rgba(0, 206, 255, .28);--donut-track: rgba(255, 255, 255, .12);--topbar-dock-bg: rgba(10, 10, 14, .4);--topbar-dock-shadow: 0 18px 70px rgba(0, 0, 0, .55);--topbar-pill-bg: rgba(255, 255, 255, .06);--topbar-pill-text: rgba(255, 255, 255, .9);--topbar-avatar-bg: rgba(255, 255, 255, .1);--live-label-text: rgba(220, 255, 235, .95);--live-label-shadow: 0 0 10px rgba(34, 197, 94, .2);--clock-text-shadow: 0 0 12px rgba(255, 255, 255, .15)}html[data-theme=dark]{--app-bg: #0a0a0c;--app-text: rgba(235, 244, 255, .96);--app-surface: rgba(255, 255, 255, .05);--app-surface-strong: rgba(255, 255, 255, .08);--app-border: rgba(255, 255, 255, .14);--app-shadow: 0 18px 70px rgba(0, 0, 0, .5);--app-art-bg: var(--app-bg);--text-polish: none}html[data-theme=light]{--app-bg: #eef4ff;--app-text: rgba(15, 29, 56, .96);--app-surface: rgba(255, 255, 255, .64);--app-surface-strong: rgba(255, 255, 255, .8);--app-border: rgba(28, 57, 112, .18);--app-shadow: 0 18px 50px rgba(49, 83, 145, .18);--app-art-bg: radial-gradient(1100px 700px at 8% 12%, rgba(120, 167, 255, .32), transparent 58%), radial-gradient(900px 680px at 86% 20%, rgba(169, 140, 255, .24), transparent 60%), radial-gradient(1200px 700px at 50% 90%, rgba(142, 209, 255, .22), transparent 62%), linear-gradient(180deg, #f6f9ff 0%, #eaf2ff 52%, #edf4ff 100%);--text-polish: 0 1px 0 rgba(255, 255, 255, .72), 0 0 1px rgba(255, 255, 255, .5);--tile-bg: rgba(255, 255, 255, .58);--tile-border: rgba(28, 57, 112, .2);--tile-shadow: 0 18px 52px rgba(57, 86, 132, .18);--tile-shadow-drag: 0 26px 110px rgba(31, 56, 98, .38);--tile-text: rgba(16, 32, 64, .97);--tile-text-subtle: rgba(47, 72, 114, .9);--tile-handle-bg: rgba(255, 255, 255, .74);--tile-handle-text: rgba(19, 41, 88, .93);--tile-panel-bg: rgba(255, 255, 255, .45);--tile-meta: rgba(101, 73, 24, .95);--badge-bg: rgba(22, 45, 93, .12);--badge-text: rgba(18, 39, 82, .95);--badge-shadow: rgba(52, 83, 141, .2);--title-warm: rgba(170, 108, 14, .96);--title-name: rgba(21, 104, 194, .97);--title-shadow: 0 0 16px rgba(126, 159, 245, .22), 0 0 8px rgba(137, 108, 240, .14);--text-secondary: rgba(37, 69, 118, .9);--demo-border-off: rgba(28, 57, 112, .2);--demo-bg-off: rgba(255, 255, 255, .58);--demo-text-off: rgba(20, 42, 88, .88);--donut-track: rgba(10, 10, 12, .16);--topbar-dock-bg: rgba(241, 246, 255, .45);--topbar-dock-shadow: 0 14px 44px rgba(37, 65, 112, .17);--topbar-pill-bg: rgba(255, 255, 255, .54);--topbar-pill-text: rgba(18, 39, 82, .92);--topbar-avatar-bg: rgba(255, 255, 255, .82);--live-label-text: rgba(16, 80, 47, .92);--live-label-shadow: 0 0 8px rgba(34, 197, 94, .16);--clock-text-shadow: 0 0 10px rgba(76, 127, 255, .18)}html.theme-ready body,html.theme-ready [style],html.theme-ready button,html.theme-ready input,html.theme-ready select,html.theme-ready textarea,html.theme-ready svg,html.theme-ready path{transition:background-color var(--transition-theme),color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme),opacity var(--transition-fast)}html.theme-ready .theme-card,html.theme-ready .theme-shell,html.theme-ready .theme-pill,html.theme-ready .theme-stat,html.theme-ready svg,html.theme-ready path{transition:background-color var(--transition-theme),color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme),opacity var(--transition-fast)}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4,html[data-theme=light] label,html[data-theme=light] [data-kpi],html[data-theme=light] [data-pill],html[data-theme=light] [data-stat]{text-shadow:var(--text-polish);-webkit-text-stroke:.15px rgba(24,34,53,.08)}@media(prefers-reduced-motion:reduce){html.theme-ready body,html.theme-ready [style],html.theme-ready button,html.theme-ready input,html.theme-ready select,html.theme-ready textarea,html.theme-ready svg,html.theme-ready path{transition:none!important}}*{box-sizing:border-box}html,body,#root{width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:var(--app-bg, #0a0a0c)!important;color:var(--app-text, rgba(235, 244, 255, .96));overflow:hidden!important;transition:background-color var(--transition-theme),color var(--transition-theme)}body{background:var(--app-art-bg, var(--app-bg, #0a0a0c))!important;color:var(--app-text, rgba(235, 244, 255, .96))}html[data-theme=light] body{text-shadow:var(--text-polish, none)}#root{position:fixed!important;inset:0!important;max-width:none!important}footer{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:1000;width:calc(100% - 48px);max-width:560px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dragPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.08)}}@keyframes auraGlow{0%,to{opacity:.5;filter:blur(8px)}50%{opacity:1;filter:blur(4px)}}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 3px rgba(0,255,255,.4))}50%{filter:drop-shadow(0 0 12px rgba(0,255,255,.8))}}@keyframes neonFlicker{0%,to{opacity:.85}50%{opacity:1}}@keyframes blinkAlert{0%,to{background:#ff000026;box-shadow:0 0 8px #ff00004d,inset 0 0 4px #ff00001a}50%{background:#ff000040;box-shadow:0 0 16px #ff000080,inset 0 0 8px #f003}}@keyframes blinkGlow{0%,to{background:#38bdf826;box-shadow:0 0 8px #38bdf84d}50%{background:#38bdf840;box-shadow:0 0 16px #38bdf880}}