@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-base:#0a0f1e;--bg-surface:#111827;--bg-elevated:#1a2236;--bg-overlay:#111827f2;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-hover:#ffffff12;--accent-purple:#7c3aed;--accent-purple-light:#9d5bff;--accent-purple-dim:#7c3aed26;--accent-cyan:#06b6d4;--accent-cyan-dim:#06b6d426;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--color-success:#10b981;--color-success-dim:#10b98126;--color-danger:#ef4444;--color-danger-dim:#ef444426;--color-warning:#f59e0b;--color-info:#3b82f6;--cat-deep:#7c3aed;--cat-shallow:#3b82f6;--cat-distract:#ef4444;--cat-personal:#10b981;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0a0f1e;--border-default:#ffffff14;--border-focus:#7c3aed80;--border-strong:#ffffff29;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow-purple:0 0 24px #7c3aed59;--shadow-glow-cyan:0 0 24px #06b6d459;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:all .15s ease;--transition-normal:all .25s ease;--transition-slow:all .4s ease;--sidebar-width:240px;--sidebar-width-collapsed:68px;--z-base:1;--z-dropdown:100;--z-modal:200;--z-toast:300}[data-theme=light]{--bg-base:#f0f4ff;--bg-surface:#fff;--bg-elevated:#f8faff;--bg-overlay:#fffffff2;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-hover:#0000000a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-default:#00000014;--border-strong:#00000029;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #0000002e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px #7c3aed4d}50%{box-shadow:0 0 32px #7c3aed99}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes feedbackSlide{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)}.glass-card:hover{border-color:var(--border-strong)}.gradient-text{background:linear-gradient(135deg,var(--accent-purple-light),var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.focus-ring:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-sm)}.skeleton{background:linear-gradient(90deg,var(--glass-bg)25%,var(--glass-hover)50%,var(--glass-bg)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}