:root{--bg:#fafafa;--surface:#fff;--surface-raised:#fff;--surface-hover:#f5f5f5;--text:#1a1a1a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--accent:#10b981;--accent-hover:#059669;--accent-light:#ecfdf5;--accent-border:#a7f3d0;--border:#e5e7eb;--border-light:#f3f4f6;--ok:#10b981;--ok-light:#ecfdf5;--bad:#ef4444;--bad-light:#fef2f2;--warning:#f59e0b;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 8px 24px #00000014, 0 2px 8px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--font-sans:"Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.18s;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}#root{min-height:100vh}.app-shell{max-width:960px;padding:0 var(--sp-6) var(--sp-12);margin:0 auto}@media (width<=768px){.app-shell{padding:0 var(--sp-4) var(--sp-8)}}.top-nav{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 calc(-1 * var(--sp-6));padding-left:var(--sp-6);padding-right:var(--sp-6);background:#ffffffd9;display:flex;position:sticky;top:0}@media (width<=768px){.top-nav{margin:0 calc(-1 * var(--sp-4));padding-left:var(--sp-4);padding-right:var(--sp-4);border-radius:0}}.nav-links{align-items:center;gap:var(--sp-1);display:flex}@media (width<=768px){.nav-links{display:none}.nav-links.open{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);padding:var(--sp-2) var(--sp-4);gap:var(--sp-1);z-index:99;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.nav-links.open .nav-link{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md)}}.nav-actions{align-items:center;gap:var(--sp-3);display:flex}.nav-user{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;overflow:hidden}.hamburger{cursor:pointer;padding:var(--sp-2);border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--duration) var(--ease);background:0 0;border:none;display:none}.hamburger:hover{background:var(--surface-hover)}.hamburger svg{display:block}@media (width<=768px){.hamburger{justify-content:center;align-items:center;display:flex}}.nav-link{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);white-space:nowrap;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text);background:var(--surface-hover)}.nav-link.active{color:var(--accent);background:var(--accent-light);font-weight:600}.nav-signout{font-size:var(--text-sm);padding:var(--sp-2) var(--sp-3)}.main-content{padding-top:var(--sp-8)}@media (width<=768px){.main-content{padding-top:var(--sp-6)}}.footer{margin-top:var(--sp-12);padding-top:var(--sp-4);font-size:var(--text-xs);color:var(--text-tertiary);border-top:1px solid var(--border-light);text-align:center}.auth-gate{max-width:420px;margin:var(--sp-16) auto;padding:var(--sp-8);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.auth-form input{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-base);transition:border-color var(--duration) var(--ease)}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.auth-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.page{text-align:left}.page h1{font-size:var(--text-2xl);margin:0 0 var(--sp-2);letter-spacing:-.01em;color:var(--text);font-weight:700}.lead{color:var(--text-secondary);margin-bottom:var(--sp-6);font-size:var(--text-base);max-width:52rem;line-height:1.7}.muted{color:var(--text-secondary)}.error{color:var(--bad)}.stat{margin-bottom:var(--sp-4)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:var(--text-sm);color:var(--text);transition:all var(--duration) var(--ease);font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:#d1d5db}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled,.chip:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.card-grid{gap:var(--sp-4);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card{padding:var(--sp-5);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-xs);transition:all var(--duration) var(--ease);text-decoration:none;display:block}.card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card h2{font-size:var(--text-base);margin:0 0 var(--sp-2);color:var(--text);font-weight:600}.card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.card-stat{margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;display:block}.card-stat.cta{color:var(--accent)}.card-num{color:var(--accent);font-weight:600}.card-stat.muted{color:var(--text-tertiary)}.home-progress-section{margin-bottom:var(--sp-4)}.home-progress-label{font-size:var(--text-sm);margin-bottom:var(--sp-1);justify-content:space-between;font-weight:500;display:flex}.home-mock-banner{border-radius:var(--radius-md);background:var(--accent-light);border:1px solid var(--accent-border);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-3);overflow:hidden}.home-mock-banner.fail{background:var(--bad-light);border-color:#fecaca}.home-mock-banner-link{width:100%;padding:var(--sp-2) var(--sp-3);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.home-mock-banner-link:hover{opacity:.85}.home-mock-banner-arrow{color:var(--text-tertiary);margin-left:var(--sp-2);flex-shrink:0}.form-block{gap:var(--sp-4);max-width:28rem;margin-top:var(--sp-4);flex-direction:column;display:flex}.form-block label,.form-block fieldset{gap:var(--sp-2);border:none;flex-direction:column;display:flex}.form-block select{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-base)}.ticket-picker{margin-bottom:var(--sp-4)}.ticket-picker-label{font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-1);display:block}.ticket-picker-hint{margin:0 0 var(--sp-3);font-size:var(--text-xs);color:var(--text-tertiary)}.ticket-grid{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ticket-chip{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:80px;height:44px;color:var(--text);font-size:var(--text-base);cursor:pointer;transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease), color var(--duration) var(--ease);justify-content:center;align-items:center;font-weight:600;display:flex}.ticket-chip:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-light);color:var(--accent-hover)}.ticket-chip.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-light)}.ticket-chip:disabled{opacity:.5;cursor:not-allowed}.ticket-chip{flex-direction:column;gap:1px}.ticket-num{line-height:1}.ticket-status-label{letter-spacing:.02em;font-size:.55rem;font-weight:500;line-height:1}.done-label{color:var(--ok)}.progress-label{color:var(--warning)}.ticket-chip.done,.ticket-chip.in-progress{height:52px}.ticket-chip.in-progress{border-color:var(--warning);border-left-width:3px}.ticket-chip.done{background:var(--ok-light);border-color:var(--ok)}.ticket-chip.active .done-label{color:#fff}.ticket-chip.active.done{background:var(--accent)}.ticket-chip.active.in-progress{border-color:var(--warning);color:var(--text);background:#fffbeb;box-shadow:0 0 0 3px #fef3c7}.ticket-chip.active.in-progress .progress-label{color:var(--warning)}.mock-mode-fieldset{margin-bottom:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.mock-mode-fieldset legend{font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);padding:0 var(--sp-2)}.mock-mode-fieldset .radio{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-1);cursor:pointer;border-radius:var(--radius);transition:background var(--duration) var(--ease);background:0 0;border:none;flex-direction:row;display:flex}.mock-mode-fieldset .radio:hover{background:var(--surface-hover)}.mock-mode-fieldset .radio:has(input:checked){color:var(--accent);font-weight:600}.mock-mode-notice{margin:var(--sp-1) 0 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--border-light);color:var(--text-secondary);font-size:var(--text-xs);border:none}.radio{align-items:center;gap:var(--sp-2);flex-direction:row!important}.banner{padding:var(--sp-4) var(--sp-5);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--radius-lg);margin-bottom:var(--sp-5)}.banner-actions{gap:var(--sp-3);margin-top:var(--sp-3);display:flex}.hint{font-size:var(--text-sm);color:var(--text-secondary)}.toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.progress{color:var(--text-secondary);font-weight:500;font-size:var(--text-sm)}.q-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm)}.q-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--sp-4);gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.q-chapter{color:var(--accent);font-weight:500}.q-stem{font-size:var(--text-base);margin:0 0 var(--sp-5);white-space:pre-wrap;color:var(--text-secondary);font-weight:500;line-height:1.7}.q-options{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.q-options li{margin:0}.option{text-align:left;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;font-size:var(--text-base);transition:all var(--duration) var(--ease);padding-right:2.5rem;line-height:1.55;display:flex;position:relative}.option:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-light)}.option.selected{border-color:var(--accent);background:var(--accent-light)}.option.correct{border-color:var(--ok);background:var(--ok-light)}.option.wrong{border-color:var(--bad);background:var(--bad-light)}.option.correct:after,.option.wrong:after{content:"";right:var(--sp-3);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;font-weight:700;font-size:var(--text-xs);border:2px solid #0000;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.option.correct:after{content:"O";border-color:var(--ok);color:var(--ok)}.option.wrong:after{content:"X";border-color:var(--bad);color:var(--bad)}.option:disabled{cursor:default;opacity:.95}.opt-letter{color:var(--text-secondary);flex-shrink:0;font-weight:600}.feedback{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border-light)}.feedback-title{margin-bottom:var(--sp-2);font-weight:600;font-size:var(--text-sm)}.feedback-body{white-space:pre-wrap;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.key-points{margin:var(--sp-3) 0 0;padding-left:var(--sp-5);color:var(--text-secondary);font-size:var(--text-sm)}.mock-hud{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.timer{font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.timer[data-low="1"]{color:var(--bad)}.mock-mode-indicator{margin:var(--sp-1) 0 0;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500}.mock-hud-actions{gap:var(--sp-2);align-items:center;display:flex}.mock-run-body{gap:var(--sp-4);flex-direction:column;display:flex}.mock-run-main{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}@media (width>=1024px){.mock-run{max-width:1120px;margin-left:auto;margin-right:auto}.mock-run-body{gap:var(--sp-6);grid-template-columns:240px 1fr;align-items:start;display:grid}.mock-run-body>.kp-nav-panel{max-height:calc(100vh - 88px);position:sticky;top:72px;overflow-y:auto}}.mock-rules{margin-bottom:var(--sp-4);padding:var(--sp-4)}.mock-rules table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.mock-rules td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-light)}.mock-rules td:first-child{color:var(--text);white-space:nowrap;width:100px;font-weight:600}.mock-rules td:last-child{color:var(--text-secondary)}.q-actions-row{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border-light);display:flex}.mark-btn{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border:1.5px solid var(--border);border-radius:var(--radius-full);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;font-weight:500;display:inline-flex}.mark-btn:hover{border-color:var(--warning);color:var(--warning)}.mark-btn.active{border-color:var(--warning);color:var(--warning);background:#fffbeb;font-weight:600}.kp-nav-chip.marked{border-color:var(--warning);box-shadow:inset 0 -3px 0 var(--warning)}.kp-nav-chip.current.marked{box-shadow:inset 0 -3px #ffffff80}.kp-nav-chip.correct.marked{box-shadow:inset 0 -3px 0 var(--warning)}.legend-dot.marked{background:var(--warning)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn-sm,.btn.sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm)}.btn.xs{padding:2px var(--sp-2);font-size:var(--text-xs);border-radius:var(--radius-full)}.ml-auto{margin-left:auto}.flex-1{flex:1}.result-card{text-align:center;padding:var(--sp-8) var(--sp-6)}.result-title{font-size:var(--text-2xl);margin-bottom:var(--sp-6);font-weight:700}.score-ring-wrap{margin-bottom:var(--sp-6);justify-content:center;display:flex}.score-ring{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.score-ring.pass{background:conic-gradient(var(--ok) var(--ring-deg), var(--border-light) var(--ring-deg))}.score-ring.fail{background:conic-gradient(var(--bad) var(--ring-deg), var(--border-light) var(--ring-deg))}.score-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:12px}.score-ring-value{z-index:1;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1;position:relative}.score-ring.pass .score-ring-value{color:var(--ok)}.score-ring.fail .score-ring-value{color:var(--bad)}.score-ring-label{z-index:1;font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;position:relative}.result-banner{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-base);margin-bottom:var(--sp-6);display:inline-block}.result-banner.pass{background:var(--ok-light);color:var(--ok)}.result-banner.fail{background:var(--bad-light);color:var(--bad)}.stat-cards{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{padding:var(--sp-4) var(--sp-3);border-radius:var(--radius-md);text-align:center}.stat-card.ok{background:var(--ok-light)}.stat-card.bad{background:var(--bad-light)}.stat-card.muted{background:var(--border-light)}.stat-num{font-size:var(--text-2xl);font-weight:700;line-height:1.2;display:block}.stat-card.ok .stat-num{color:var(--ok)}.stat-card.bad .stat-num{color:var(--bad)}.stat-card.muted .stat-num{color:var(--text-tertiary)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--sp-1);display:block}.result-detail-hint{color:var(--text-tertiary);font-size:var(--text-sm)}.result-actions{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;justify-content:center;display:flex}.pass{color:var(--ok);font-weight:600}.fail{color:var(--bad);font-weight:600}.actions{gap:var(--sp-3);margin-top:var(--sp-6);display:flex}.wrong-list{padding-left:var(--sp-5);color:var(--text-secondary);font-size:var(--text-sm);list-style:outside}.wrong-list .wk{font-size:var(--text-xs);color:var(--accent);display:block}.prose{max-width:52rem;font-size:var(--text-base);line-height:1.75}.prose h1,.prose h2,.prose h3{margin-top:var(--sp-6);margin-bottom:var(--sp-3);letter-spacing:-.01em;font-weight:600}.prose h1{font-size:var(--text-2xl)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose p{margin:var(--sp-3) 0}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin:var(--sp-4) 0}.prose th,.prose td{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);text-align:left}.prose th{background:var(--surface-hover);font-weight:600}.prose blockquote{margin:var(--sp-4) 0;padding-left:var(--sp-4);border-left:3px solid var(--accent);color:var(--text-secondary)}.prose ul{padding-left:var(--sp-5)}.prose code{background:var(--surface-hover);border-radius:var(--radius-sm);font-size:.88em;font-family:var(--font-mono);padding:.1rem .4rem}.record-grid{gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.metric-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-xs)}.metric-card h2{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:500}.metric-num{font-size:var(--text-3xl);margin-top:var(--sp-1);color:var(--text);font-weight:700}.metric-card p{margin:var(--sp-1) 0 0;color:var(--text-tertiary);font-size:var(--text-xs)}.record-panel{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--shadow-xs)}.record-panel h2{font-size:var(--text-lg);margin-top:0;font-weight:600}.session-list{margin:0;padding:0;list-style:none}.session-header{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.session-header h2{margin-bottom:0}.session-header-actions{gap:var(--sp-2);align-items:center;display:flex}.session-item{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border-light);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease);color:inherit;background:0 0;text-decoration:none;display:flex}.session-left{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.session-date{color:var(--text-secondary);font-size:var(--text-sm);min-width:10.5rem}.session-item:hover{background:var(--surface-hover)}.session-item:last-child{border-bottom:none}.session-score{align-items:baseline;gap:var(--sp-2);white-space:nowrap;display:flex}.session-score span{font-weight:600}.session-score small{color:var(--text-tertiary);font-size:var(--text-xs)}.session-item-wrap{border-bottom:1px solid var(--border-light)}.session-item-wrap:last-child{border-bottom:none}.pass-badge{margin-left:var(--sp-2);font-size:var(--text-xs);border-radius:var(--radius-full);padding:.1rem .45rem;font-weight:500}.pass-badge.pass{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.pass-badge.fail{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.score-pass{color:#16a34a}.score-fail{color:#dc2626}.hero-tech{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--shadow-xs)}.hero-stats{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.pill{background:var(--accent-light);color:var(--accent);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.chip-row{gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-4);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);padding:var(--sp-1) var(--sp-3);cursor:pointer;font-weight:500;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration) var(--ease)}.chip:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.chip.active{border-color:var(--accent);background:var(--accent);color:#fff}.knowledge-page{padding-bottom:var(--sp-12)}.kp-layout{gap:var(--sp-6);grid-template-columns:280px 1fr;align-items:start;display:grid}.kp-sidebar{gap:var(--sp-2);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-xs);flex-direction:column;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow-y:auto}.kp-group{gap:var(--sp-1);flex-direction:column;display:flex}.kp-group+.kp-group{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border-light)}.kp-group-title{font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.03em;padding:var(--sp-1) var(--sp-2);font-weight:700}.kp-chapter-btn{align-items:baseline;gap:var(--sp-2);text-align:left;width:100%;padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;line-height:1.5;display:flex}.kp-chapter-btn:hover{background:var(--surface-hover);color:var(--text)}.kp-chapter-btn.active{background:var(--accent-light);color:var(--accent-hover);font-weight:600}.kp-chapter-meta{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;margin-left:auto}.kp-chapter-btn.active .kp-chapter-meta{color:var(--accent)}.kp-in-progress-dot{vertical-align:middle;color:var(--accent);margin-right:2px;font-size:.5em}.kp-practiced-badge{color:var(--ok);margin-right:4px;font-weight:600}.kp-chapter-btn.active .kp-practiced-badge{color:inherit}.kp-history-banner{border-radius:var(--radius-md);background:var(--surface-alt,var(--bg-secondary));border:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-3);overflow:hidden}.kp-history-banner-toggle{width:100%;padding:var(--sp-2) var(--sp-3);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.kp-history-banner-toggle:hover{background:#00000008}.kp-history-arrow{opacity:.5;margin-left:var(--sp-2);font-size:.65em}.kp-history-list{border-top:1px solid var(--border-light);margin:0;padding:0;list-style:none}.kp-history-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);display:flex}.kp-history-row:not(:last-child){border-bottom:1px solid var(--border-light)}.kp-history-date{color:var(--text-tertiary);min-width:3.5em}.kp-history-score{min-width:3em;font-weight:600}.kp-history-score.pass{color:var(--ok)}.kp-history-detail{color:var(--text-tertiary)}.kp-history-tag{background:var(--accent);color:#fff;border-radius:999px;padding:1px 6px;font-size:.7rem}.kp-history-view{font-size:var(--text-xs,.75rem);color:var(--accent);opacity:0;margin-left:auto;transition:opacity .15s}.kp-history-row.clickable{cursor:pointer}.kp-history-row.clickable:hover{background:#00000008}.kp-history-row.clickable:hover .kp-history-view{opacity:1}.kp-history-row.active{background:var(--accent-light)}.kp-history-row.active .kp-history-view{opacity:1}.kp-history-review-header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);border-radius:var(--radius-md);background:var(--surface-alt,var(--bg-secondary));border:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.kp-main{min-width:0}.kp-empty{text-align:center;padding:var(--sp-16) var(--sp-4);color:var(--text-tertiary)}.kp-empty-icon{margin-bottom:var(--sp-4);font-size:3rem}.kp-header{margin-bottom:var(--sp-4)}.kp-header h2{margin:0 0 var(--sp-3);font-size:var(--text-xl);color:var(--text);font-weight:700}.kp-tabs{gap:var(--sp-1);border-bottom:1px solid var(--border-light);display:flex}.kp-tab{padding:var(--sp-2) var(--sp-4);font:inherit;font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.kp-tab:hover{color:var(--text)}.kp-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.kp-concept{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-8);box-shadow:var(--shadow-xs)}.markdown-body h1{font-size:var(--text-2xl);margin:var(--sp-6) 0 var(--sp-3);color:var(--text);padding-bottom:var(--sp-2);border-bottom:2px solid var(--accent);font-weight:700}.markdown-body h2{font-size:var(--text-xl);margin:var(--sp-5) 0 var(--sp-2);color:var(--text);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-light);font-weight:700}.markdown-body h3{font-size:var(--text-lg);margin:var(--sp-6) 0 var(--sp-3);color:var(--accent-hover);padding-bottom:var(--sp-2);border-bottom:1px solid var(--accent-border);font-weight:700}.markdown-body h3:first-child{margin-top:0}.markdown-body h4{font-size:var(--text-base);margin:var(--sp-4) 0 var(--sp-2);color:var(--text);font-weight:600}.markdown-body p{margin:0 0 var(--sp-3);color:var(--text-secondary);line-height:1.85;font-size:var(--text-base)}.markdown-body ul,.markdown-body ol{padding-left:var(--sp-6);margin:0 0 var(--sp-3)}.markdown-body li{color:var(--text-secondary);margin-bottom:var(--sp-1);line-height:1.85}.markdown-body li::marker{color:var(--accent)}.markdown-body strong{color:var(--text);font-weight:700}.markdown-body hr{border:none;border-top:1px solid var(--border-light);margin:var(--sp-6) 0}.markdown-body table{border-collapse:collapse;width:100%;margin:var(--sp-4) 0;font-size:var(--text-sm);border-radius:var(--radius-md);overflow:hidden}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);text-align:left}.markdown-body th{background:var(--accent-light);color:var(--text);font-weight:600}.markdown-body td{color:var(--text-secondary)}.markdown-body blockquote{border-left:3px solid var(--accent);padding:var(--sp-3) var(--sp-4);margin:var(--sp-3) 0;color:var(--text-secondary);background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.kp-practice{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-xs)}.kp-q-meta{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.kp-q-progress{color:var(--accent);font-weight:500}.kp-q-stem{font-size:var(--text-lg);color:var(--text);margin-bottom:var(--sp-4);font-weight:500;line-height:1.7}.kp-q-options{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kp-opt{align-items:flex-start;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font:inherit;font-size:var(--text-base);color:var(--text);cursor:pointer;transition:all var(--duration) var(--ease);text-align:left;display:flex}.kp-opt:hover:not(:disabled),.kp-opt.selected{border-color:var(--accent);background:var(--accent-light)}.kp-opt.correct{border-color:var(--ok);background:var(--ok-light)}.kp-opt.wrong{border-color:var(--bad);background:var(--bad-light)}.kp-opt:disabled{cursor:default;opacity:.85}.kp-opt-letter{border-radius:var(--radius-full);background:var(--surface-hover);width:28px;height:28px;font-weight:600;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kp-opt.correct .kp-opt-letter{background:var(--ok);color:#fff}.kp-opt.wrong .kp-opt-letter{background:var(--bad);color:#fff}.kp-opt-text{padding-top:2px;line-height:1.6}.kp-feedback{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-light)}.kp-feedback.correct{background:var(--ok-light);border-color:var(--accent-border)}.kp-feedback.wrong{background:var(--bad-light);border-color:#fecaca}.kp-feedback-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.kp-feedback-icon{font-weight:700;font-size:var(--text-base)}.kp-feedback.correct .kp-feedback-icon{color:var(--ok)}.kp-feedback.wrong .kp-feedback-icon{color:var(--bad)}.kp-feedback-answer{font-size:var(--text-sm);color:var(--ok);font-weight:600}.kp-feedback-kp{font-size:var(--text-sm);color:var(--text-secondary)}.kp-feedback-kp strong{color:var(--text)}.kp-feedback-kp ul{margin:var(--sp-1) 0 0;padding-left:var(--sp-5)}.kp-q-actions{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-light);display:flex}.kp-nav-panel{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md)}.kp-nav-toggle{display:none}.kp-nav-legend{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-3);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.legend-dot.answered{background:var(--ok)}.legend-dot.unanswered{background:var(--border)}.kp-nav-grid{gap:var(--sp-2);flex-wrap:wrap;display:flex}.kp-nav-chip{border-radius:var(--radius-sm);border:1.5px solid var(--border);width:32px;height:32px;font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.kp-nav-chip:hover{border-color:var(--accent);color:var(--accent)}.kp-nav-chip.current{border-color:var(--accent);background:var(--accent);color:#fff}.kp-nav-chip.correct{border-color:var(--ok);color:var(--ok);background:var(--ok-light)}.kp-nav-chip.wrong{border-color:var(--bad);color:var(--bad);background:var(--bad-light)}.kp-progress-bar{background:var(--border-light);height:4px;margin-bottom:var(--sp-3);border-radius:2px;overflow:hidden}.kp-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.kp-summary{text-align:center;padding:var(--sp-8) var(--sp-4)}.kp-summary-icon{margin-bottom:var(--sp-3);font-size:3rem}.kp-summary h3{margin:0 0 var(--sp-2);font-size:var(--text-xl);color:var(--text);font-weight:700}.kp-summary-score{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--sp-2)}.kp-summary-compare{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--sp-6)}.kp-summary-compare.up{color:var(--ok);font-weight:600}.kp-summary-compare.down{color:var(--bad);font-weight:600}.kp-summary-wrong{margin:var(--sp-4) auto var(--sp-2);max-width:360px}.kp-summary-wrong-title{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--sp-2)}.kp-summary-actions{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.loading-center{text-align:center;padding:var(--sp-10);color:var(--text-tertiary)}.kp-search-wrap{margin-bottom:var(--sp-4);position:relative}.kp-search-input{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font:inherit;font-size:var(--text-base);color:var(--text);transition:border-color var(--duration) var(--ease)}.kp-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.kp-search-input::placeholder{color:var(--text-tertiary)}.kp-search-dropdown{margin-top:var(--sp-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:320px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.kp-search-item{gap:var(--sp-1);width:100%;padding:var(--sp-3) var(--sp-4);border:none;border-bottom:1px solid var(--border-light);font:inherit;text-align:left;cursor:pointer;transition:background var(--duration) var(--ease);background:0 0;flex-direction:column;display:flex}.kp-search-item:last-child{border-bottom:none}.kp-search-item:hover:not(.disabled){background:var(--accent-light)}.kp-search-item.disabled{cursor:default;color:var(--text-tertiary);padding:var(--sp-4);text-align:center}.kp-search-chapter{font-weight:600;font-size:var(--text-sm);color:var(--accent)}.kp-search-snippet{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}.kp-mobile-select{display:none}.kp-mobile-select select{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font:inherit;font-size:var(--text-base);color:var(--text);cursor:pointer}@media (width<=768px){.kp-mobile-select{margin-bottom:var(--sp-4);display:block}.kp-layout{grid-template-columns:1fr}.kp-sidebar{display:none}.kp-concept,.kp-practice{padding:var(--sp-4)}.kp-nav-panel{padding:0}.kp-nav-toggle{width:100%;padding:var(--sp-3);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.kp-nav-arrow{color:var(--text-tertiary);font-size:.6rem}.kp-nav-panel .kp-nav-legend,.kp-nav-panel .kp-nav-grid{display:none}.kp-nav-panel.expanded .kp-nav-legend,.kp-nav-panel.expanded .kp-nav-grid{padding:0 var(--sp-3) var(--sp-3);display:flex}.kp-nav-panel.expanded .kp-nav-legend{margin-bottom:var(--sp-2)}.kp-nav-chip{width:28px;height:28px;font-size:.65rem}.kp-nav-grid{gap:4px}.kp-q-actions{gap:var(--sp-2);flex-wrap:wrap}.kp-search-dropdown{max-height:50vh}}.kpi-grid{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-xs)}.kpi-card p{color:var(--text-tertiary);font-size:var(--text-xs);margin:0;font-weight:500}.kpi-card div{margin-top:var(--sp-1);font-size:var(--text-xl);color:var(--text);font-weight:700}.kpi-card.highlight div{color:#059669}.compare-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.compare-box{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--sp-4);box-shadow:var(--shadow-xs)}.compare-box h3{font-weight:700;font-size:var(--text-lg);color:var(--accent);margin-top:0}.compare-box ul{margin:0;padding:0;list-style:none}.compare-box li{gap:var(--sp-2);padding:var(--sp-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--border-light);display:flex}.compare-box li:last-child{border-bottom:none}.compare-label{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-weight:500}.compare-value{color:var(--text)}.register-links{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-light);flex-wrap:wrap;display:flex}.register-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.register-links .btn.ghost.sm{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border);font-weight:600}.register-links .btn.ghost.sm:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.steps{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.step{align-items:center;gap:var(--sp-3);border:1px solid var(--border-light);background:var(--surface);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-xs);display:flex}.step-num{border-radius:var(--radius-full);background:var(--accent-light);width:28px;height:28px;color:var(--accent);border:1px solid var(--accent-border);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.scope-cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.scope-mini-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);box-shadow:var(--shadow-xs)}a.scope-mini-card{color:inherit;transition:border-color var(--duration) var(--ease);text-decoration:none}a.scope-mini-card:hover{border-color:var(--accent)}.trend-chart-wrap{margin-top:var(--sp-3);border:1px solid var(--border-light);border-radius:var(--radius-lg,var(--radius-md));padding:var(--sp-4) var(--sp-3);background:var(--surface)}.trend-chart{width:100%;height:auto;display:block}.trend-grid-line{stroke:var(--border-light);stroke-width:1px}.trend-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.review-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.review-head{justify-content:space-between;gap:var(--sp-3);align-items:center;display:flex}.review-tag{font-size:var(--text-xs);color:var(--text-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);padding:.15rem var(--sp-2);font-weight:500}.review-stem{margin:var(--sp-3) 0 var(--sp-4);font-size:var(--text-base);font-weight:600;line-height:1.65}.review-options{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.attempt-nav-legend{align-items:center;gap:var(--sp-4);margin:var(--sp-1) 0 var(--sp-3);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;display:inline-flex}.legend-dot{border-radius:var(--radius-full);width:.5rem;height:.5rem}.legend-dot.current{background:var(--accent)}.legend-dot.correct{background:var(--ok)}.legend-dot.wrong{background:var(--bad)}.attempt-nav-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.attempt-chip{border-radius:var(--radius-sm);border:1.5px solid var(--border);width:28px;height:28px;font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);transition:all var(--duration) var(--ease);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.attempt-chip.correct{color:#6ee7b7;background:#f0fdf4;border-color:#a7f3d0}.attempt-chip.wrong{color:#f87171;background:#fef7f7;border-color:#fca5a5}.attempt-chip.current{border-color:var(--accent);background:var(--accent);color:#fff}.review-option{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);font-size:var(--text-sm);padding-right:2.5rem;line-height:1.55;display:flex;position:relative}.review-option.correct:after,.review-option.wrong:after{content:"";right:var(--sp-3);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;font-weight:700;font-size:var(--text-xs);border:2px solid #0000;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.review-option.correct:after{content:"O";border-color:var(--ok);color:var(--ok)}.review-option.wrong:after{content:"X";border-color:var(--bad);color:var(--bad)}.review-option.correct{border-color:var(--ok);background:var(--ok-light)}.review-option.wrong{border-color:var(--bad);background:var(--bad-light)}.review-meta{margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--text-tertiary)}.review-explain{margin-top:var(--sp-3);border-top:1px solid var(--border-light);padding-top:var(--sp-3);font-size:var(--text-sm);color:var(--text-secondary)}.review-head-right{align-items:center;gap:var(--sp-2);display:flex}.review-meta-inline{font-size:var(--text-xs)}.grid-toggle{padding:2px 6px;font-size:1.1rem;line-height:1}.grid-toggle.active{color:var(--accent)}.review-grid-panel{padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-3);flex-wrap:wrap;gap:6px;max-height:240px;display:flex;overflow-y:auto}.grid-cell{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:36px;font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;font-weight:500;transition:border-color .15s,background .15s;display:flex;position:relative}.grid-cell:hover{border-color:var(--accent)}.grid-cell.current{border-color:var(--accent);background:var(--accent);color:#fff}.grid-cell.resolved{opacity:.5}.grid-cell.resolved.current{opacity:1}.grid-check{color:var(--success,#22c55e);font-size:9px;font-weight:700;position:absolute;top:-2px;right:-2px}.review-kbd-hint{text-align:center;font-size:var(--text-xs);margin-top:var(--sp-2);letter-spacing:.02em}.undo-toast{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-3);background:var(--text);color:var(--bg);border-radius:var(--radius-md);font-size:var(--text-sm);animation:.2s ease-out undo-slide-in;display:flex}.undo-btn{border:1.5px solid var(--bg);color:var(--bg);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 12px;font-weight:600}.undo-btn:hover{background:#ffffff26}@keyframes undo-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.review-action-bar{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border-light);flex-wrap:wrap;display:flex}.review-action-left,.review-action-right{gap:var(--sp-2);align-items:center;display:flex}.trend-dot{fill:var(--accent);cursor:pointer;transition:r .12s var(--ease)}.trend-dot.practice{fill:var(--warning)}.trend-pass-line{stroke:var(--bad);stroke-width:1px;stroke-dasharray:8 5;opacity:.4}.trend-pass-label{fill:var(--bad);opacity:.6;font-size:10px;font-weight:500}.trend-axis-label{fill:var(--text-tertiary);font-size:10px;font-weight:400}.trend-tooltip rect{fill:var(--surface);stroke:var(--border);stroke-width:1px;filter:drop-shadow(0 2px 6px #00000014)}.trend-tooltip text{fill:var(--text-secondary);font-size:11px}.chapter-stats-grid{gap:var(--sp-2);margin-top:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.chapter-stat-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--sp-3);background:var(--surface);text-align:center}.chapter-stat-card.weak{border-color:var(--bad);border-width:2px}.chapter-stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--sp-1);font-weight:600}.chapter-stat-pct{font-size:var(--text-lg);color:var(--text);font-weight:700}.chapter-stat-bar{background:var(--border-light);height:4px;margin-top:var(--sp-2);border-radius:2px;overflow:hidden}.chapter-stat-fill{background:var(--accent);height:100%;transition:width .3s var(--ease);border-radius:2px}.chapter-stat-fill.low{background:var(--bad)}.chapter-stat-action{margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--accent);font-weight:600;display:inline-block}.chapter-stat-action:hover{text-decoration:underline}.empty-state-box{text-align:center;padding:var(--sp-5) var(--sp-4)}.empty-state-box .muted{margin-bottom:var(--sp-3)}.review-filter-row{gap:var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.review-select-group{align-items:center;gap:var(--sp-2);display:flex}.review-select-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;font-weight:500}.review-select{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface);color:var(--text);cursor:pointer;padding:5px 10px}.session-chapter{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:var(--sp-2)}.detail-back-bar{gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.detail-summary{margin-bottom:var(--sp-4)}.detail-stats-row{gap:var(--sp-5);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.detail-stat{flex-direction:column;align-items:center;min-width:60px;display:flex}.detail-stat-num{font-size:var(--text-xl);font-weight:700}.detail-stat-num.pass{color:var(--ok)}.detail-stat-num.fail{color:var(--bad)}.detail-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--sp-1)}.detail-nav-header{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.detail-wrong-toggle{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--sp-1);display:flex}.detail-wrong-toggle input{cursor:pointer}.attempt-chip.hidden-chip{opacity:.2;pointer-events:none}.review-action-bar{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border-light);flex-wrap:wrap;display:flex}.review-action-spacer{flex:1}.review-kbd-hint{font-size:var(--text-xs);white-space:nowrap}@media (width<=640px){.review-kbd-hint{display:none}}.chapter-error-tags{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.chapter-error-tag{align-items:center;gap:var(--sp-1);font-size:var(--text-xs);font:inherit;font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all var(--duration) var(--ease);display:inline-flex}.chapter-error-tag:hover{border-color:var(--bad);background:var(--bad-light)}.chapter-error-tag strong{color:var(--bad);font-weight:700}.chapter-error-tag.severe{border-color:var(--bad);background:var(--bad-light)}.chapter-error-tag.severe strong{color:var(--bad)}.chapter-error-tag.active{border-color:var(--accent);background:var(--accent);color:#fff}.chapter-error-tag.active strong{color:#fff}.filter-chapter-hint{font-size:var(--text-xs);color:var(--accent);border-radius:var(--radius-full);margin-left:var(--sp-1);background:#10b9811a;padding:.05rem .4rem;font-weight:600}.mode-badge.practice{color:var(--warning);background:#fffbeb;border-color:#fde68a}.mobile-nav-overlay{display:none}@media (width<=768px){.mobile-nav-overlay.open{z-index:98;background:#0000004d;display:block;position:fixed;inset:0}}.report-wrapper{position:relative}.report-btn{font-size:var(--text-sm)}.report-success{font-size:var(--text-sm);color:var(--success,#22c55e);padding:var(--sp-2) var(--sp-3)}.report-backdrop{z-index:19;background:#0000004d;display:block;position:fixed;inset:0}.report-form{z-index:20;background:var(--bg-card,#fff);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius));flex-direction:column;gap:.5rem;width:320px;min-width:280px;max-width:calc(100vw - 2rem);padding:.75rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000002e}.confirm-dialog{z-index:20;background:var(--bg-card,#fff);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius));flex-direction:column;gap:1rem;width:340px;min-width:280px;max-width:calc(100vw - 2rem);padding:1.25rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000002e}.confirm-msg{white-space:pre-line;margin:0;font-size:.95rem;line-height:1.5}.report-label{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.report-label select,.report-label textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg,#fff);color:var(--text);resize:vertical;padding:.35rem .5rem;font-size:.85rem}.report-actions{justify-content:flex-end;gap:.5rem;display:flex}.report-actions .btn{padding:.3rem .75rem;font-size:.8rem}.fav-btn{font-size:var(--text-sm)}.fav-btn:hover:not(:disabled){color:var(--warning);background:0 0;border-color:#0000}.fav-btn.fav-active{color:var(--warning)}.fav-btn.fav-active:hover:not(:disabled){color:var(--warning);opacity:.8}.fav-btn:disabled{opacity:.4;cursor:wait}.kp-q-actions-right{align-items:center;gap:.5rem;display:flex}.review-progress{align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);display:flex}.review-progress-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.review-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.review-progress-text{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.resolved-btn{color:var(--text-secondary);border-color:var(--border);gap:4px}.resolved-btn:hover:not(:disabled){border-color:var(--ok);color:var(--ok)}.resolved-btn.resolved-active{color:var(--ok);border-color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, transparent);font-weight:600}.chapter-analysis-link{text-align:center;padding:var(--sp-5) var(--sp-4)}.chapter-analysis-link h2{margin-bottom:var(--sp-2)}.chapter-analysis-link .muted{margin-bottom:var(--sp-4)}.favorites-page .record-panel,.chapter-analysis-page .record-panel{margin-top:var(--sp-4)}.chapter-analysis-page .detail-back-bar{margin-bottom:var(--sp-3)}.chapter-stats-header{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.chapter-stats-header h2{margin:0}.chapter-sort-toggle{background:var(--border-light);border-radius:var(--radius-full);gap:4px;padding:2px;display:flex}.chapter-sort-toggle .btn.ghost.xs{font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 10px;transition:background .15s,color .15s}.chapter-sort-toggle .btn.ghost.xs.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.chapter-stat-card.no-data{opacity:.45;border-style:dashed}.skeleton-grid{gap:var(--sp-2);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.skeleton-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.skeleton-line{background:var(--border-light);border-radius:4px;height:12px;animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton-line.short{width:40%}.skeleton-bar{background:var(--border-light);border-radius:2px;height:4px;animation:1.2s ease-in-out .2s infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}