:root{--color-bg: #f8fbff;--color-text: #1a202c;--color-text-muted: #4a5568;--color-surface: #ffffff;--vent-bg: #f3f0ff;--vent-primary: #845ef7;--vent-secondary: #e5dbff;--vent-acc-blue: #d0ebff;--learning-bg: #fcfdf5;--learning-primary: #a1b56c;--learning-secondary: #e9edc9;--learning-acc-yellow: #fefae0;--advice-bg: #fff5f0;--advice-primary: #ff875f;--advice-secondary: #ffe8cc;--advice-acc-red: #ffe3e3;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05);--transition-fast: .15s ease-in-out;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--color-bg: #121212;--color-text: #e2e8f0;--color-text-muted: #a0aec0;--color-surface: #1e1e1e;--vent-bg: #1a1525;--vent-primary: #9b72ff;--vent-secondary: #2d2442;--vent-acc-blue: #233145;--learning-bg: #1e2017;--learning-primary: #b5cc7a;--learning-secondary: #323624;--learning-acc-yellow: #383626;--advice-bg: #2b1d19;--advice-primary: #ff9d7a;--advice-secondary: #4a2a1c;--advice-acc-red: #4a2121}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-smooth)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-lg);border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.dark-mode-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:2px solid var(--vent-secondary);border-radius:999px;padding:6px 14px 6px 8px;cursor:pointer;font-size:.9rem;font-family:var(--font-family);color:var(--color-text);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.dark-mode-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--vent-primary)}.toggle-track{display:inline-flex;align-items:center;width:36px;height:20px;background:var(--vent-secondary);border-radius:999px;padding:2px;transition:background var(--transition-smooth);flex-shrink:0}.dark-theme .toggle-track{background:var(--vent-primary)}.toggle-thumb{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(0);transition:transform var(--transition-smooth);box-shadow:0 1px 4px #0003}.dark-theme .toggle-thumb{transform:translate(16px)}.toggle-icon{font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none}