:root{--bg-primary:#0b0d17;--bg-card:#111827;--bg-card-hover:#1a2236;--bg-input:#1a2236;--border:#1e2d45;--border-focus:#3b82f6;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--blue:#3b82f6;--blue-hover:#2563eb;--green:#22c55e;--purple:#a855f7;--orange:#f97316;--red:#ef4444;--yellow:#eab308;--part1:#3b82f6;--part2:#22c55e;--part3:#a855f7;--score-fluency:#3b82f6;--score-vocabulary:#22c55e;--score-grammar:#f97316;--score-pronunciation:#a855f7}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--blue-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--blue);background:#3b82f61a}.part-tab{cursor:pointer;background:var(--bg-input);color:var(--text-secondary);border:1px solid #0000;border-radius:20px;align-items:center;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.part-tab.active{color:#fff}.part-tab.p1.active{background:var(--part1)}.part-tab.p2.active{background:var(--part2)}.part-tab.p3.active{background:var(--part3)}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-red{color:var(--red);background:#ef444426}.badge-green{color:var(--green);background:#22c55e26}.badge-yellow{color:var(--yellow);background:#eab30826}.progress-bar{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--blue);border-radius:2px;height:100%;transition:width .3s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-pulse{animation:1s ease-in-out infinite pulse}