[data-theme=dark]{--bg:#002b36;--panel:#073642;--text-primary:#eee8d5;--text-secondary:#839496;--accent:#2aa198;--error:#dc322f;--warning:#b58900;--border:#586e75}[data-theme=light]{--bg:#fdf6e3;--panel:#eee8d5;--text-primary:#073642;--text-secondary:#657b83;--accent:#2aa198;--error:#dc322f;--warning:#b58900;--border:#93a1a1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{background-color:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:1rem;width:220px;height:100vh;padding:1rem;display:flex;position:sticky;top:0}.sidebar-brand{color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:4px;padding:.5rem .75rem;text-decoration:none;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--bg);color:var(--text-primary)}.sidebar-link--active{color:var(--accent);background:var(--bg);font-weight:600}.sidebar-controls{flex-direction:column;gap:.5rem;display:flex}.theme-pill{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.theme-pill:after{content:"☀️";background:var(--accent);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:18px;transition:right .2s;display:flex;position:absolute;top:2px;right:2px}.theme-pill[data-dark]:after{content:"🌙";right:calc(100% - 20px)}.sidebar-lang{gap:.25rem;display:flex}.sidebar-lang button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:.3rem;font-size:.85rem}.sidebar-lang button:hover{border-color:var(--accent);color:var(--accent)}.sidebar-user{color:var(--text-secondary);border-top:1px solid var(--border);word-break:break-all;padding-top:.5rem;font-size:.8rem}.sidebar-logout{text-align:left;width:100%;color:var(--error);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.9rem;transition:background .15s}.sidebar-logout:hover{background:var(--bg)}.main-content{flex:1;padding:2rem;overflow-y:auto}.auth-page{background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-form{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;width:360px;padding:2rem;display:flex}.auth-title{color:var(--accent);text-align:center;margin-bottom:.5rem}.auth-error{color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent);border:1px solid var(--error);border-radius:4px;padding:.5rem;font-size:.9rem}.auth-form label{color:var(--text-secondary);font-size:.85rem}.auth-form input{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;padding:.5rem .75rem;font-size:1rem}.auth-form input:focus{border-color:var(--accent)}.btn-primary{box-sizing:border-box;background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:4px;width:100%;margin-top:.5rem;padding:.65rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;display:block}.btn-primary:hover{filter:brightness(.9)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.file-input-hidden{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.question-card{background:var(--panel);border-radius:8px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.question-text{color:var(--text-primary);font-size:1.1rem;line-height:1.6}.question-image{border:1px solid var(--border);border-radius:4px;max-width:100%}.answer-list{flex-direction:column;gap:.5rem;display:flex}.answer-row{border:none;border-left:4px solid var(--border);background:var(--bg);color:var(--text-primary);text-align:left;cursor:pointer;border-radius:4px;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.answer-row:hover:not(:disabled){border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.answer-row--selected{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg))}.answer-row--correct{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--bg));color:var(--accent)}.answer-row--incorrect{border-left-color:var(--error);background:color-mix(in srgb, var(--error) 10%, var(--bg));color:var(--error)}.answer-row:disabled{cursor:default}.answer-label{color:var(--text-secondary);min-width:1.5rem;font-size:.9rem;font-weight:700}.answer-row--correct .answer-label,.answer-row--incorrect .answer-label{color:inherit}.answer-text{flex:1}.practice-page,.quiz-page{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.area-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.area-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:8px;flex-direction:column;gap:.25rem;padding:1.25rem;transition:border-color .15s,background .15s;display:flex}.area-card:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.area-name{font-size:1rem;font-weight:600}.area-count{color:var(--text-secondary);font-size:.8rem}.quiz-header{justify-content:space-between;align-items:center;display:flex}.quiz-area-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.quiz-counter{color:var(--text-secondary);font-size:.9rem}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.quiz-actions{justify-content:flex-end;display:flex}.btn-next{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.5rem;font-size:1rem;font-weight:600}.btn-next:hover{opacity:.9}.page-loading{color:var(--text-secondary);text-align:center;padding:2rem}.page-error{color:var(--error);border:1px solid var(--error);border-radius:4px;padding:1rem}.exam-timer{color:var(--text-primary);font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:.25rem .75rem;font-size:1.1rem;font-weight:700}.exam-timer.timer--warning{color:var(--error);border-color:var(--error);background:color-mix(in srgb, var(--error) 10%, var(--panel));animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.results-page{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}.results-summary{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2rem;padding:2rem;display:flex}.results-score{flex-direction:column;align-items:center;display:flex}.results-score-value{color:var(--text-primary);font-size:2rem;font-weight:700}.results-score-percent{color:var(--text-secondary);font-size:1rem}.results-badge{border-radius:20px;padding:.4rem 1.25rem;font-size:1.1rem;font-weight:700}.results-badge--pass{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border:1px solid var(--accent)}.results-badge--fail{background:color-mix(in srgb, var(--error) 15%, transparent);color:var(--error);border:1px solid var(--error)}.results-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:1rem}.results-areas{flex-direction:column;gap:.75rem;display:flex}.results-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:1rem}.area-bar-row{grid-template-columns:180px 1fr 3rem;align-items:center;gap:.75rem;display:grid}.area-bar-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.area-bar-track{background:var(--border);border-radius:6px;height:12px;overflow:hidden}.area-bar-fill{border-radius:6px;height:100%;transition:width .4s}.area-bar-fill.area-bar--good{background:#2aa198}.area-bar-fill.area-bar--warning{background:#b58900}.area-bar-fill.area-bar--bad{background:#dc322f}.area-bar-pct{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.results-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-review{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1.25rem;font-size:.95rem}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.review-section{border-top:1px solid var(--border);flex-direction:column;gap:1.25rem;padding-top:1.5rem;display:flex}