:root{--paper:#f5f7fa;--card:#fff;--rule-line:#d6e3fa;--margin-line:#e2777a;--ink:#1b2340;--ink-muted:#5b6b8c;--border:#dde4ef;--shadow:#1b23401a;--accent:#3547d6;--accent-contrast:#fff;--success:#1e9e64;--success-bg:#e3f6ec;--error:#c93838;--error-bg:#fbeaea;--warning:#b45309;--warning-bg:#fdf1dd;--stamp:#6d3fc0;--stamp-bg:#efe8fb;--subj-port:#c85a28;--subj-port-bg:#fbeae0;--subj-mat:#0e7f8f;--subj-mat-bg:#e1f3f5;--subj-cie:#9c7209;--subj-cie-bg:#fbf1dc}@media (prefers-color-scheme:dark){:root{--paper:#10152a;--card:#171e3a;--rule-line:#26305a;--margin-line:#a24e52;--ink:#e9edf7;--ink-muted:#9aa6c4;--border:#2a3460;--shadow:#0006;--accent:#8b98ff;--accent-contrast:#10152a;--success:#34d399;--success-bg:#34d39924;--error:#ff7a7a;--error-bg:#ff7a7a24;--warning:#f0b85c;--warning-bg:#f0b85c29;--stamp:#b79cf2;--stamp-bg:#b79cf229;--subj-port:#f2a377;--subj-port-bg:#f2a37729;--subj-mat:#5fd3e3;--subj-mat-bg:#5fd3e329;--subj-cie:#e7c25c;--subj-cie-bg:#e7c25c29}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink)}.page{background:var(--paper);justify-content:center;min-height:100vh;padding:2.25rem 1.1rem 3rem;font-family:Atkinson Hyperlegible,Segoe UI,sans-serif;display:flex}.app{flex-direction:column;gap:1.4rem;width:100%;max-width:980px;display:flex}h1,h2,h3,.display{font-family:"Baloo 2",Segoe UI,sans-serif}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.header h1{text-wrap:balance;color:var(--ink);margin:0;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.05rem);font-weight:800}.header p.subtitle{color:var(--ink-muted);max-width:46ch;margin:.3rem 0 0;font-size:.92rem}.grade-toggle,.mode-toggle{background:var(--card);border:1px solid var(--border);box-shadow:0 2px 6px var(--shadow);border-radius:999px;gap:.3rem;padding:.3rem;display:flex}.grade-toggle button,.mode-toggle button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .9rem;font-family:"Baloo 2",sans-serif;font-size:.86rem;font-weight:700;transition:background .15s,color .15s}.grade-toggle button.active{background:var(--accent);color:var(--accent-contrast)}.mode-toggle button.active{background:var(--stamp);color:#fff}.grade-toggle button:not(.active):hover,.mode-toggle button:not(.active):hover:not(:disabled){color:var(--ink)}.mode-toggle button:disabled{opacity:.4;cursor:not-allowed}.controls{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.stats-row{flex-wrap:wrap;gap:.8rem;display:flex}.stats-row.hidden{display:none}.stat-tile{background:var(--card);border:1px solid var(--border);box-shadow:0 2px 6px var(--shadow);border-radius:14px;flex-direction:column;gap:.15rem;min-width:6.5rem;padding:.65rem 1.05rem;display:flex}.stat-tile .value{font-variant-numeric:tabular-nums;color:var(--accent);font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;line-height:1.1}.stat-tile .label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.66rem;font-weight:700}.streak-dots{gap:.28rem;margin-top:.15rem;display:flex}.streak-dots span{background:var(--border);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.streak-dots span.lit{background:var(--stamp)}.stat-tile .record{color:var(--ink-muted);margin-top:.1rem;font-size:.68rem}.main-grid{grid-template-columns:1.55fr 1fr;align-items:start;gap:1.4rem;display:grid}@media (max-width:800px){.main-grid{grid-template-columns:1fr}}.quiz-card{background-color:var(--card);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 36px, var(--rule-line) 36px, var(--rule-line) 37px);border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow);background-position:0 5.1rem;border-radius:16px;min-height:20rem;padding:1.5rem 1.5rem 1.6rem 3.1rem;position:relative}.quiz-card:before{content:"";background:var(--margin-line);opacity:.55;width:2px;position:absolute;top:.9rem;bottom:.9rem;left:2.15rem}.tema-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.tema-pill.subj-port{background:var(--subj-port-bg);color:var(--subj-port)}.tema-pill.subj-mat{background:var(--subj-mat-bg);color:var(--subj-mat)}.tema-pill.subj-cie{background:var(--subj-cie-bg);color:var(--subj-cie)}.statement{color:var(--ink);text-wrap:balance;min-height:3.4rem;margin:.9rem 0 1.25rem;font-size:1.16rem;font-weight:700;line-height:1.5}.stimulus-card{background:var(--stamp-bg);border:1px solid var(--border);border-radius:12px;margin-top:.9rem;padding:.9rem 1rem}.stimulus-label{text-transform:uppercase;letter-spacing:.06em;color:var(--stamp);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.66rem;font-weight:700;display:inline-flex}.stimulus-title{color:var(--ink);margin:0 0 .4rem;font-family:"Baloo 2",sans-serif;font-size:.98rem;font-weight:700}.stimulus-text{color:var(--ink);white-space:pre-line;margin:0 0 .5rem;font-size:.92rem;line-height:1.55}.stimulus-image{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;margin:0 0 .4rem;display:block}.stimulus-caption{color:var(--ink-muted);margin:0;font-size:.72rem}.alt-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.alt-btn{text-align:left;border:1.5px solid var(--border);background:var(--paper);width:100%;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.62rem .85rem;font-family:Atkinson Hyperlegible,sans-serif;font-size:.98rem;transition:border-color .15s,background .15s,transform 80ms;display:flex}.alt-btn:hover:not(:disabled){border-color:var(--accent)}.alt-btn:active:not(:disabled){transform:scale(.99)}.alt-btn:disabled{cursor:default}.alt-btn .letter{border:1.5px solid var(--accent);width:1.85rem;height:1.85rem;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:"Baloo 2",sans-serif;font-size:.92rem;font-weight:700;display:flex}.alt-btn.correct{border-color:var(--success);background:var(--success-bg)}.alt-btn.correct .letter{border-color:var(--success);color:var(--success);background:var(--card)}.alt-btn.wrong{border-color:var(--error);background:var(--error-bg)}.alt-btn.wrong .letter{border-color:var(--error);color:var(--error);background:var(--card)}.alt-btn.dim{opacity:.55}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (prefers-reduced-motion:no-preference){.alt-btn.wrong.shake{animation:.4s shake}}.feedback{border:1.5px dashed var(--border);background:var(--paper);border-radius:12px;margin-top:1.1rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.45}.feedback.correct{border-color:var(--success)}.feedback.wrong{border-color:var(--error)}.feedback .verdict{margin:0 0 .3rem;font-family:"Baloo 2",sans-serif;font-size:.98rem;font-weight:700}.feedback.correct .verdict{color:var(--success)}.feedback.wrong .verdict{color:var(--error)}.card-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.15rem;display:flex}.next-btn,.btn-primary{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;padding:.62rem 1.4rem;font-family:"Baloo 2",sans-serif;font-size:.94rem;font-weight:700}.next-btn:hover,.btn-primary:hover{filter:brightness(1.06)}.next-btn:disabled,.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{color:var(--ink-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:.55rem 1.2rem;font-family:"Baloo 2",sans-serif;font-size:.88rem;font-weight:700}.btn-secondary:hover{border-color:var(--accent);color:var(--ink)}.loading-note{color:var(--ink-muted);font-size:.82rem}.sidebar{flex-direction:column;gap:1.1rem;display:flex}.stamp-book,.progress-card,.about-box,.picker-card{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow);border-radius:16px}.stamp-book,.progress-card,.picker-card{padding:1.15rem 1.15rem 1.3rem}.stamp-book h2,.progress-card h2,.picker-card h2{color:var(--ink);margin:0 0 .2rem;font-size:.98rem;font-weight:700}.stamp-book .hint,.picker-card .hint{color:var(--ink-muted);margin:0 0 .9rem;font-size:.76rem}.stamp-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.stamp-slot{border:2px dashed var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .4rem;display:flex}.stamp-slot.filled{border-style:solid}.stamp-icon{border:2px solid var(--border);width:2.3rem;height:2.3rem;color:var(--ink-muted);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-family:"Baloo 2",sans-serif;font-size:.68rem;font-weight:700;display:flex}.stamp-slot.filled .stamp-icon{color:var(--stamp);background:var(--stamp-bg);border-color:currentColor}@keyframes stampPop{0%{opacity:0;transform:scale(.5)rotate(-14deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(-6deg)}}@media (prefers-reduced-motion:no-preference){.stamp-slot.filled.pop .stamp-icon,.report-seal.pop{animation:.5s ease-out stampPop}}.stamp-slot .tema-label{color:var(--ink-muted);font-size:.68rem;font-weight:700;line-height:1.2}.stamp-slot.filled .tema-label{color:var(--ink)}.about-box{color:var(--ink-muted);padding:1rem 1.15rem;font-size:.82rem;line-height:1.55}.about-box strong{color:var(--ink)}.progress-track{background:var(--paper);border:1px solid var(--border);border-radius:999px;width:100%;height:.5rem;overflow:hidden}.progress-fill{background:var(--stamp);border-radius:999px;height:100%;transition:width .25s}.progress-label{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin:.55rem 0 0;font-size:.78rem}.exam-option{border:1.5px solid var(--border);background:var(--paper);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.6rem .75rem;font-size:.86rem;display:flex}.exam-option.selected{border-color:var(--stamp);background:var(--stamp-bg)}.exam-option .exam-option-count{color:var(--ink-muted);white-space:nowrap;font-size:.74rem}.report-view{text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem 0 .25rem;display:flex}.report-seal{border:3px solid var(--stamp);width:6.5rem;height:6.5rem;color:var(--stamp);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:.4rem 0 .9rem;display:flex;transform:rotate(-6deg)}.report-seal .percent{font-variant-numeric:tabular-nums;font-family:"Baloo 2",sans-serif;font-size:1.7rem;font-weight:800;line-height:1}.report-seal .frac{margin-top:.15rem;font-size:.7rem;font-weight:700}.report-view h2{margin:0;font-size:1.15rem}.report-view .report-sub{color:var(--ink-muted);margin:.15rem 0 1.1rem;font-size:.85rem}.subject-rows{text-align:left;flex-direction:column;gap:.65rem;width:100%;margin-bottom:1.2rem;display:flex}.subject-row .subject-row-top{justify-content:space-between;margin-bottom:.3rem;font-size:.82rem;font-weight:700;display:flex}.subject-row .subject-row-top span:last-child{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-weight:400}.subject-track{background:var(--paper);border:1px solid var(--border);border-radius:999px;width:100%;height:.45rem;overflow:hidden}.subject-fill{border-radius:999px;height:100%}.empty-state{color:var(--ink-muted);flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.2rem .2rem;font-size:.92rem;line-height:1.5;display:flex}.empty-state strong{color:var(--ink)}