.main-layout[data-v-68cc6d2f]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-68cc6d2f]{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface-1);border-right:1px solid var(--border);transition:width var(--dur-med) var(--ease);position:relative;z-index:20}.sidebar.collapsed[data-v-68cc6d2f]{width:68px}.sb-collapse[data-v-68cc6d2f]{position:absolute;top:18px;right:-13px;width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);display:flex;align-items:center;justify-content:center;z-index:2}.sb-collapse[data-v-68cc6d2f]:hover{color:var(--text-1)}.sb-logo[data-v-68cc6d2f]{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;border-bottom:1px solid var(--border)}.logo-mark[data-v-68cc6d2f]{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text[data-v-68cc6d2f]{font-weight:700;font-size:15px;white-space:nowrap}.sb-nav[data-v-68cc6d2f]{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sb-item[data-v-68cc6d2f]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-2);text-decoration:none;font-size:14px;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.sb-item[data-v-68cc6d2f]:hover{background:var(--surface-2);color:var(--text-1)}.sb-item.active[data-v-68cc6d2f]{background:var(--brand-soft);color:var(--brand-text);font-weight:600}.sb-ic[data-v-68cc6d2f]{display:flex;flex-shrink:0}.collapsed .sb-item[data-v-68cc6d2f]{justify-content:center;padding:10px 0}.sb-bottom[data-v-68cc6d2f]{border-top:1px solid var(--border);padding:12px 10px;display:flex;align-items:center;gap:6px}.sb-theme[data-v-68cc6d2f]{width:38px;height:38px;border-radius:var(--radius-sm);color:var(--text-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-theme[data-v-68cc6d2f]:hover{background:var(--surface-2);color:var(--text-1)}.sb-user[data-v-68cc6d2f]{flex:1;display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--radius-sm);min-width:0}.sb-user[data-v-68cc6d2f]:hover{background:var(--surface-2)}.user-avatar[data-v-68cc6d2f]{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.user-meta[data-v-68cc6d2f]{display:flex;flex-direction:column;min-width:0}.user-name[data-v-68cc6d2f]{font-size:13px;color:var(--text-1);white-space:nowrap}.user-plan[data-v-68cc6d2f]{font-size:11px;color:var(--text-3);font-style:normal}.sb-logout[data-v-68cc6d2f]{width:34px;height:34px;border-radius:var(--radius-sm);color:var(--text-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-logout[data-v-68cc6d2f]:hover{color:var(--danger);background:var(--danger-soft)}.collapsed .sb-user[data-v-68cc6d2f],.collapsed .sb-logout[data-v-68cc6d2f]{justify-content:center}.sb-content[data-v-68cc6d2f]{flex:1;min-width:0;overflow-y:auto;padding:0 32px 48px}.page-head[data-v-68cc6d2f]{padding:24px 0 4px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.page-title[data-v-68cc6d2f]{margin:0;font-size:24px;font-weight:700}:root{--font-body: "Inter", "Noto Sans SC", sans-serif;--font-num: "Rajdhani", monospace;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .18);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35);--shadow-3: 0 16px 48px rgba(0, 0, 0, .45);--ease: cubic-bezier(.23, 1, .32, 1);--dur-fast: .15s;--dur-med: .3s;--header-h: 64px;--dock-h: 84px}:root,:root[data-theme=dark]{--bg: #0f1420;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(44, 90, 244, .14), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(0, 198, 174, .08), transparent 55%);--surface-1: #1a2130;--surface-2: #242d40;--surface-3: #2d3850;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text-1: #f2f5fa;--text-2: #a7b1c2;--text-3: #6b7688;--brand: #2c5af4;--brand-hover: #456ff5;--brand-soft: rgba(44, 90, 244, .16);--brand-text: #8fb0ff;--success: #00c6ae;--success-soft: rgba(0, 198, 174, .14);--danger: #ff5a5f;--danger-soft: rgba(255, 90, 95, .14);--warning: #ffb020;--warning-soft: rgba(255, 176, 32, .14);--neutral: #a7b1c2;--input-bg: rgba(255, 255, 255, .03);--input-caret: #2c5af4;color-scheme:dark}:root[data-theme=light]{--bg: #f4f6fb;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(44, 90, 244, .08), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(0, 198, 174, .06), transparent 55%);--surface-1: #ffffff;--surface-2: #eef2f8;--surface-3: #e3e9f3;--border: rgba(15, 20, 32, .08);--border-strong: rgba(15, 20, 32, .18);--text-1: #141a26;--text-2: #525e72;--text-3: #8a94a6;--brand: #2c5af4;--brand-hover: #1d4bd8;--brand-soft: rgba(44, 90, 244, .12);--brand-text: #2c5af4;--success: #0e9f8a;--success-soft: rgba(14, 159, 138, .12);--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .12);--warning: #b8860b;--warning-soft: rgba(184, 134, 11, .12);--neutral: #525e72;--input-bg: #ffffff;--input-caret: #2c5af4;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-1);background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-med) var(--ease),color var(--dur-med) var(--ease)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}::selection{background:var(--brand-soft)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--brand-soft)}50%{box-shadow:0 0 0 14px #0000}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(320px) rotate(720deg);opacity:0}}@keyframes barSweep{0%{background-position:0 0}to{background-position:60px 0}}.anim-fade-up{animation:fadeUp var(--dur-med) var(--ease) both}.anim-pop{animation:pop var(--dur-med) var(--ease) both}.shake{animation:shake .4s var(--ease)}.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);color:var(--text-2);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--text-1)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-md);background:var(--brand);color:#fff;font-weight:600;font-size:15px;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.primary-btn:hover{background:var(--brand-hover);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-1);font-weight:500;font-size:15px;transition:background var(--dur-fast) var(--ease)}.ghost-btn:hover{background:var(--surface-3)}.toggle{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--surface-3);transition:background var(--dur-fast) var(--ease);flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--dur-fast) var(--ease)}.toggle.on{background:var(--brand)}.toggle.on:after{transform:translate(20px)}.seg{border-radius:3px;transition:background var(--dur-med) var(--ease),transform var(--dur-fast) var(--ease)}.seg.todo{background:var(--surface-2)}.seg.correct{background:var(--success)}.seg.wrong{background:var(--danger)}.seg.skipped{background:var(--warning)}.seg.current{transform:scaleY(1.4)}.seg.clickable{cursor:pointer}.seg.clickable:hover{filter:brightness(1.2)}.toast{position:fixed;top:84px;left:50%;transform:translate(-50%) translateY(-12px);padding:10px 20px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-1);font-size:14px;font-weight:500;z-index:200;box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--dur-med) var(--ease),transform var(--dur-med) var(--ease);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.toast-success{border-color:var(--success);color:var(--success)}.toast.toast-error{border-color:var(--danger);color:var(--danger)}.confetti{position:fixed;top:-20px;z-index:300;pointer-events:none}