:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192e2c;background:#f3f6f4;--green:#14644c;--line:#d8e3dd;--muted:#536b60;--header:114px;--footer:78px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--green)}button,a.button{cursor:pointer}button,.button,input,select{min-height:44px;border-radius:12px}button,.button{border:1px solid var(--line);background:white;color:inherit;padding:11px 15px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:600}button:hover,.button:hover{background:#edf4f0}button:disabled{opacity:.48;cursor:default}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#0d4e3a}.danger{color:#a32828}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2682cb;outline-offset:3px}h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:0 0 16px}h2{font-size:1.2rem;margin:0 0 12px}p{line-height:1.55}small,.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.loading{padding:32px}.progress-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-left)) 12px}.header-inner{max-width:960px;margin:auto}.header-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.9rem}.header-top a{font-weight:650;text-decoration:none}.progress-line{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;margin:8px 0}.progress-track{height:5px;background:#e5eee8;border-radius:9px;overflow:hidden}.progress-fill{height:100%;background:var(--green)}.main-nav{display:flex;gap:8px;max-width:960px;margin:16px auto;padding:0 16px;flex-wrap:wrap}.main-nav a{border-radius:10px;min-height:44px;padding:12px 16px;text-decoration:none;color:var(--muted)}.main-nav a[aria-current=page]{background:#dcece3;color:var(--green);font-weight:650}.page{max-width:960px;margin:0 auto;padding:20px 16px 40px}.card{padding:24px;background:white;border:1px solid var(--line);border-radius:20px;margin:16px 0}.intro{margin:0 0 24px;color:var(--muted)}.category-picker{display:flex;gap:8px;margin:12px 0 22px}.category-picker button[aria-pressed=true]{background:#dcece3;border-color:var(--green);color:var(--green)}.study-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.study-grid .card{margin:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.stack{display:flex;flex-direction:column;gap:10px}.stack button{justify-content:flex-start}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:16px;background:#f3f6f4;border-radius:12px}.stat strong{font-size:1.5rem;display:block}.stat span{font-size:.85rem;color:var(--muted)}.status-message:empty{display:none}.status-message{background:#fff4d9;color:#70471b;padding:12px 16px;margin:0;border-bottom:1px solid #e3c994;line-height:1.4}.notice{background:#eff4f1;border-radius:12px;padding:12px 16px;font-size:.9rem}.player{height:calc(100dvh - var(--header));display:flex;flex-direction:column;max-width:960px;margin:auto}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);background:#f3f6f4;flex-shrink:0}.position{text-align:right;font-size:.8rem;color:var(--muted)}.position strong{display:block;color:#192e2c}.question-scroll{overflow:auto;overscroll-behavior:contain;padding:16px max(16px,env(safe-area-inset-left));flex:1;min-height:0}.question-content{max-width:760px;margin:0 auto}.question-text{font-size:clamp(1.08rem,2.4vw,1.4rem);line-height:1.4;margin:12px 0 16px;font-weight:650}.media{background:#e8eeea;border-radius:12px;overflow:hidden;text-align:center;margin-bottom:14px}.media img,.media video{display:block;max-width:100%;width:auto;height:auto;max-height:34dvh;object-fit:contain;margin:auto}.media video{width:100%}.media-error{padding:14px;margin:0;font-size:.85rem;color:var(--muted)}.answers{display:grid;gap:9px}.answer{text-align:left;justify-content:flex-start;width:100%;font-weight:400;line-height:1.4;padding:12px 14px}.answer-label{flex-shrink:0;font-weight:750;width:26px}.answer.selected{border:2px solid #ac3434;background:#fff1ef}.answer.correct{border:2px solid var(--green);background:#eaf5ec}.answer-tag{margin-left:auto;font-size:.72rem;font-weight:650;white-space:nowrap}.feedback{font-size:.9rem;padding:12px;border-radius:12px;background:#eaf5ec;margin:12px 0}.feedback.wrong{background:#fff1ef;color:#832424}.player-footer{background:white;border-top:1px solid var(--line);padding:8px 16px max(8px,env(safe-area-inset-bottom));flex-shrink:0}.player-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.save-status{font-size:.7rem;text-align:center;color:var(--muted);padding-top:5px}.browser-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.browser-tools input{flex:1;min-width:150px;padding:12px;border:1px solid var(--line);background:white}.browser-tools select{padding:10px;border:1px solid var(--line);max-width:100%}.question-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.question-row{width:100%;text-align:left;justify-content:flex-start;font-weight:400;padding:14px;line-height:1.35}.question-row.current{border:2px solid var(--green)}.row-number{font-weight:750;color:var(--green);min-width:62px}.row-text{flex:1}.row-status{font-size:.75rem;min-width:85px;text-align:right;color:var(--muted)}.good{color:var(--green)}.bad{color:#ac3434}details{margin-top:22px}summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.manage{border-top:1px solid var(--line);padding-top:12px}.import-options{padding:16px;background:#fff4d9;border-radius:12px;margin:12px 0}.import-options label{display:flex;gap:8px;align-items:center;min-height:44px}.import-options input{min-height:0}.empty{text-align:center;padding:30px 16px}.about-links{display:flex;gap:12px;flex-wrap:wrap}.about-links a{min-height:44px;display:inline-flex;align-items:center}.end{margin-top:16px}.full-width{width:100%}.site-credit{font-size:.8rem;margin-top:28px;color:var(--muted)}
@media(max-width:600px){.study-grid{grid-template-columns:1fr}.card{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.header-top{font-size:.82rem}.main-nav{gap:2px;margin:8px auto}.main-nav a{padding:12px}.page{padding-top:14px}.row-status{min-width:65px;font-size:.68rem}.row-number{min-width:48px;font-size:.85rem}.answer-tag{white-space:normal;width:55px;font-size:.65rem}.player-controls button{padding:10px 5px;font-size:.85rem}.player-bar{padding:6px 12px}.question-scroll{padding:12px}.media img,.media video{max-height:29dvh}.question-text{font-size:1.08rem}.progress-line{font-size:.78rem}.header-top a{max-width:56%}}
@media(max-height:500px) and (orientation:landscape){.question-content{max-width:850px}.media{float:left;width:40%;margin-right:16px}.media img,.media video{max-height:44dvh}.answers{display:block}.answer{margin-bottom:6px}.player-bar{padding:3px 12px}.player-footer{padding-top:4px}.question-text{font-size:1rem}.feedback{clear:both}.save-status{padding-top:1px}}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .12s}}
.progress-line{align-items:center;margin:2px 0}.progress-toggle{padding:6px 10px;font-size:.8rem;border:0;background:transparent;color:var(--green);min-height:44px}.header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:.8rem;padding-top:12px}.progress-toggle[aria-expanded=true]{background:#eaf5ec}
.scope-picker{display:grid;gap:7px;margin:0 0 22px;max-width:470px}.scope-picker label{font-size:.85rem;font-weight:650}.scope-picker select{padding:11px 12px;border:1px solid var(--line);background:white;width:100%}.scope-picker small{line-height:1.4}.category-picker{flex-wrap:wrap;margin-bottom:16px}.position{max-width:65%}
