*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;transition:background .25s ease,color .25s ease}html{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .25s ease}html:hover,body:hover{scrollbar-color:rgba(139,92,246,.55) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:transparent;border-radius:10px;-webkit-transition:background .25s ease;transition:background .25s ease}*:hover::-webkit-scrollbar-thumb,*::-webkit-scrollbar:hover,*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#ec4899)}*::-webkit-scrollbar-corner{background:transparent}body,body[data-theme=dark]{--app-bg: #1e2a3a;--surface: #28344a;--surface-2: #334159;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .18);--text-strong: #eaf1fb;--text-soft: #c8d4e6;--text-muted: #8a9bb4;--text-faint: #6f8198;--btn-hover: rgba(255, 255, 255, .07);--scroll: rgba(255, 255, 255, .1);--sb-bg: #1e2a3a;--sb-chip: #334159;--sb-border: rgba(255, 255, 255, .06);--sb-border-strong: rgba(255, 255, 255, .1);--sb-border-hover: rgba(255, 255, 255, .18);--active-text: #ffffff;background:var(--app-bg);color:var(--text-strong)}body[data-theme=light]{--app-bg: #f4f6fb;--surface: #ffffff;--surface-2: #f1f3f8;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .12);--border-hover: rgba(15, 23, 42, .22);--text-strong: #0f172a;--text-soft: #1e293b;--text-muted: #64748b;--text-faint: #94a3b8;--btn-hover: rgba(15, 23, 42, .06);--scroll: rgba(15, 23, 42, .12);--sb-bg: #ffffff;--sb-chip: #f1f3f8;--sb-border: rgba(15, 23, 42, .08);--sb-border-strong: rgba(15, 23, 42, .12);--sb-border-hover: rgba(15, 23, 42, .22);--active-text: #6d28d9;background:var(--app-bg);color:var(--text-strong)}