:root{--bg-color: #F5F5F7;--panel-bg: #FFFFFF;--panel-border: rgba(0, 0, 0, .06);--text-primary: #1D1D1F;--text-secondary: #86868B;--accent-color: #7C3AED;--accent-hover: #6D28D9;--success-color: #24b23e;--grid-color: rgba(0, 0, 0, .012);--orb-opacity-1: .07;--orb-opacity-2: .04}:root.dark-mode{--bg-color: #000000;--panel-bg: #1C1C1E;--panel-border: rgba(255, 255, 255, .08);--text-primary: #F5F5F7;--text-secondary: #86868B;--accent-color: #8B5CF6;--accent-hover: #7C3AED;--success-color: #30d158;--grid-color: transparent;--orb-opacity-1: 0;--orb-opacity-2: 0}body{margin:0;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;background-position:center;pointer-events:none;z-index:0;transition:background-image .4s ease}.bg-orb{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;transition:background .4s ease}.orb-1{background:radial-gradient(circle,rgba(124,58,237,var(--orb-opacity-1)),#7c3aed00 70%);top:-10%;right:10%;animation:floatOrb1 20s infinite alternate ease-in-out}.orb-2{background:radial-gradient(circle,rgba(139,92,246,var(--orb-opacity-2)),#8b5cf600 70%);bottom:-10%;left:10%;animation:floatOrb2 25s infinite alternate ease-in-out}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}to{transform:translate(-100px,80px) scale(1.15)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1.1)}to{transform:translate(120px,-80px) scale(.9)}}::selection{background-color:#7c3aed26;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000008}.dark-mode ::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#0003}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1.2s linear infinite}.theme-toggle-btn{background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px;border-radius:50%;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.theme-toggle-btn:hover{background-color:#0000000d;transform:scale(1.05)}.hd-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .4s ease,border-color .4s ease,padding .3s ease}.nav-btn{border:none;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}@media(max-width:600px){.app-header{padding:12px 14px}.nav-btn{padding:5px 9px;font-size:.78rem}.theme-toggle-btn{padding:6px!important}}