:root{--bg-dark:#0a0a16;--bg-card:#1e1e2d99;--bg-card-hover:#28283ccc;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-primary:#6c5ce7;--accent-secondary:#a29bfe;--accent-glow:#6c5ce766;--success:#00b894;--error:#fab1a0;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#6c5ce726,#0000 25%),radial-gradient(circle at 85% 30%,#00b8941a,#0000 25%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid #ffffff14;box-shadow:0 8px 32px #0003}.clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.clickable:active{transform:scale(.98)}input,textarea,button{outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.navbar{z-index:50;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin:1rem;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.navbar-logo{align-items:center;gap:.5rem;display:flex}.navbar-logo h1{letter-spacing:-.5px;font-size:1.2rem;font-weight:700}.navbar-menu{align-items:center;gap:1rem;display:flex}.nav-label{display:inline}.nav-greeting{color:var(--text-secondary);white-space:nowrap;font-size:.9rem}.nav-divider{background:#ffffff1a;width:1px;height:24px}@media (max-width:768px){.navbar{margin:.5rem;padding:.6rem 1rem}.nav-label,.nav-greeting{display:none}.navbar-menu{gap:.5rem}.navbar-menu button{padding:.6rem}}