:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}#root{min-height:100vh}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#f8fafc;border-right:1px solid #d6dde6;flex-direction:column;gap:22px;padding:18px;display:flex}.brand{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.brand-mark{color:#fff;background:#124e66;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand span{color:#627084;margin-top:2px;font-size:.82rem}.nav-list{gap:6px;display:grid}.nav-item{color:#485568;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.nav-item:hover,.nav-item.active{color:#12394c;background:#e4edf4}.shell-auth-status{border-top:1px solid #e2e8f0;gap:8px;margin-top:auto;padding-top:14px;display:grid}.shell-auth-status>span{color:#627084;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.icon-text-button{color:#263445;background:#fff;border:1px solid #cbd5df;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-weight:700;text-decoration:none;display:inline-flex}.main-panel{min-width:0;padding:24px}.page-stack{gap:16px;max-width:1180px;display:grid}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header.compact h1{font-size:1.45rem}.eyebrow{color:#65758b;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.85rem;line-height:1.15}h2{margin-bottom:6px;font-size:1rem}p{color:#5d6b7d;line-height:1.5}.primary-button,.secondary-button,.danger-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#124e66;border:1px solid #124e66}.secondary-button{color:#263445;background:#fff;border:1px solid #cbd5df}.danger-button{color:#fff;background:#b42318;border:1px solid #b42318}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.metric-card,.panel,.question-card,.feedback-panel{background:#fff;border:1px solid #d8e0e8;border-radius:8px;box-shadow:0 1px 2px #1018280a}.metric-card{gap:7px;padding:14px;display:grid}.metric-card svg{color:#32746d}.metric-card span{color:#627084;font-size:.86rem}.metric-card strong{font-size:1.55rem}.panel{padding:16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading p{margin-bottom:0}.progress-track,.mini-track{background:#e6ebf1;border-radius:999px;overflow:hidden}.progress-track{height:10px;margin-top:14px}.progress-track span,.mini-track i{border-radius:inherit;background:#2f8f83;height:100%;display:block}.section-table{gap:8px;margin-top:12px;display:grid}.section-row{border-top:1px solid #edf1f5;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:16px;padding-top:10px;display:grid}.section-row strong,.section-row span{display:block}.section-row span{color:#66758a;margin-top:3px;font-size:.86rem}.row-progress{gap:6px;display:grid}.row-progress>span{text-align:right}.mini-track{height:8px}.study-layout{max-width:920px}.question-panel h2{margin:14px 0;font-size:1.35rem;line-height:1.45}.question-meta,.question-card-header{color:#66758a;flex-wrap:wrap;gap:8px;font-size:.84rem;display:flex}.choice-list{gap:8px;display:grid}.choice-button{color:#17202a;text-align:left;background:#f9fbfd;border:1px solid #d8e0e8;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 11px;display:grid}.choice-button span{color:#465568;background:#e9eef4;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.choice-button.correct{background:#eefaf7;border-color:#2f8f83}.choice-button.wrong{background:#fff4ed;border-color:#c2410c}.feedback-panel{gap:12px;padding:14px;display:grid}.feedback-panel.correct{border-color:#8ecfc4}.feedback-panel.wrong{border-color:#feb79b}.feedback-status{align-items:center;gap:8px;display:flex}.answer-reference{gap:5px;display:grid}.answer-reference span{color:#66758a;text-transform:uppercase;font-size:.82rem;font-weight:700}.answer-reference p{margin-bottom:0}.rating-bar{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rating-button{background:#fff;border:1px solid #cbd5df;border-radius:8px;min-height:38px;font-weight:800}.rating-button.again{color:#b42318}.rating-button.hard{color:#c2410c}.rating-button.good{color:#166534}.rating-button.easy{color:#0f766e}.toolbar{grid-template-columns:minmax(240px,1fr) 260px;gap:12px;display:grid}.search-field,.select-field,.input-field{background:#fff;border:1px solid #d8e0e8;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input,.select-field select,.input-field input{color:#17202a;background:0 0;border:0;outline:0;width:100%;min-height:40px}.select-field span,.input-field span{color:#66758a;flex:none;font-size:.84rem;font-weight:700}.result-count{color:#12394c;background:#e4edf4;border-radius:999px;padding:7px 10px}.question-browser{gap:10px;display:grid}.question-card{padding:14px}.question-card h2{margin-top:10px;line-height:1.45}.question-card ol{gap:6px;margin:0 0 10px;padding-left:24px;display:grid}.question-card li.answer{color:#0f766e;font-weight:800}.question-card p{margin-bottom:0;font-size:.92rem}.settings-page{max-width:840px}.settings-panel{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;gap:18px;display:grid}.button-stack{gap:10px;display:grid}.sync-status{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;display:grid}.sync-status svg{color:#32746d}.sync-status strong,.sync-status span{display:block}.sync-status span{color:#66758a;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.auth-page{max-width:560px}.auth-panel{gap:14px;display:grid}.auth-form{gap:12px;display:grid}.status-callout{background:#f9fbfd;border:1px solid #d8e0e8;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.status-callout p{margin-bottom:0}.status-callout.success{background:#eefaf7;border-color:#8ecfc4}.status-callout.error{background:#fff6f3;border-color:#f2b8ad}.status-callout svg{color:#32746d}.status-callout.error svg{color:#b42318}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.text-link,.secondary-button,.primary-button{text-decoration:none}.text-link{color:#124e66;font-weight:700}.spin-icon{animation:.9s linear infinite spin}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.danger-zone{border-color:#f2b8ad}.inline-success{color:#0f766e}.inline-error{color:#b42318}.empty-state{text-align:center;place-items:center;min-height:220px;display:grid}.empty-state svg{color:#2f8f83}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;border-bottom:1px solid #d6dde6;border-right:0;padding:12px;position:sticky;top:0}.brand{display:none}.nav-list{grid-template-columns:repeat(4,1fr)}.shell-auth-status{border-top:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:0;padding-top:0}.nav-item{justify-content:center;padding:9px 6px}.main-panel{padding:16px}.metric-grid,.toolbar,.settings-panel,.section-row{grid-template-columns:1fr}.row-progress>span{text-align:left}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.page-header{flex-direction:column;align-items:stretch}.nav-item span{display:none}.rating-bar{grid-template-columns:repeat(2,1fr)}}