:root{--ink: #16203A;--ink-soft: #4E5A78;--ink-faint: #8B94AC;--paper: #EEF1F7;--panel: #FFFFFF;--line: #DBE1EE;--line-soft: #E7EBF3;--green: #137A5F;--green-soft: #E0F0EA;--amber: #A96608;--amber-soft: #FBEBCF;--red: #C0392B;--red-soft: #FBE7E4;--steel: #3B5B8C;--shadow: 0 1px 2px rgba(22,32,58,.04), 0 10px 30px rgba(22,32,58,.07);--mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app{max-width:860px;margin:0 auto;padding:24px 18px 80px;min-height:100%}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;border-radius:11px;padding:11px 18px;transition:transform .06s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#0f1830}.btn-ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#f6f8fc}.btn-green{background:var(--green);color:#fff}.btn-green:hover{filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:not-allowed}.filter-tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.filter-tab{font-family:var(--mono);font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:8px;padding:6px 12px}.filter-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.home-head h1{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:clamp(28px,6vw,40px);letter-spacing:-.02em;margin-top:12px}.home-head p{color:var(--ink-soft);margin-top:10px;max-width:60ch}.rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.rule{font-family:var(--mono);font-size:12px;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 11px}.rule b{color:var(--ink)}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:34px 0 12px}.cards{display:grid;gap:12px}.pickcard{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;transition:border-color .15s,transform .06s}.pickcard:hover{border-color:var(--steel)}.pickcard:active{transform:translateY(1px)}.pickcard .t{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:18px}.pickcard .s{font-size:13px;color:var(--ink-soft);margin-top:3px}.pickcard .arrow{font-size:20px;color:var(--ink-faint);flex:none}.tiernote{font-size:12.5px;color:var(--ink-faint);margin-top:10px}.exam-top{position:sticky;top:0;z-index:5;background:var(--paper);padding:10px 0 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.exam-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer{font-family:var(--mono);font-weight:600;font-size:20px;letter-spacing:.02em;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 12px}.timer.warn{background:var(--red-soft);border-color:#ebb5ae;color:var(--red)}.exam-meta{font-size:13px;color:var(--ink-soft)}.exam-meta b{color:var(--ink)}.sectabs{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.sectab{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:8px;padding:6px 11px}.sectab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.qcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px 22px 20px;margin-top:16px}.qhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qnum{font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:.05em}.qtopic{font-size:12px;color:var(--steel);font-weight:500}.bookmark{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.05em;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink-soft)}.bookmark.on{background:var(--amber-soft);border-color:var(--amber-soft);color:var(--amber)}.qtext{font-size:17px;font-weight:500;line-height:1.45;margin-bottom:16px}.opts{display:flex;flex-direction:column;gap:10px}.opt{display:flex;gap:13px;align-items:flex-start;text-align:left;width:100%;background:#fbfcfe;border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;transition:border-color .12s,background .12s}.opt:hover{border-color:var(--steel)}.opt.sel{border-color:var(--ink);background:#f3f6fb}.opt .letter{flex:none;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;font-size:13px;background:var(--panel);border:1.5px solid var(--line);color:var(--ink-soft)}.opt.sel .letter{background:var(--ink);border-color:var(--ink);color:#fff}.opt .otext{font-size:14.5px;padding-top:2px}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px;margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.pdot{aspect-ratio:1;border-radius:8px;font-family:var(--mono);font-size:12px;font-weight:600;border:1.5px solid var(--line);background:#fff;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;position:relative}.pdot.answered{background:var(--green-soft);border-color:#aedac9;color:var(--green)}.pdot.current{outline:2px solid var(--ink);outline-offset:1px}.pdot .bm{position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--amber)}.submit-row{margin-top:18px;display:flex;justify-content:flex-end}.result-hero{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px;text-align:center;margin-top:16px}.verdict{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:34px;letter-spacing:-.02em}.verdict.pass{color:var(--green)}.verdict.fail{color:var(--red)}.score-big{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:56px;line-height:1;margin:8px 0 4px}.score-sub{color:var(--ink-soft);font-size:14px}.ring{margin:14px auto 0;width:100%;max-width:320px;height:10px;border-radius:6px;background:var(--line-soft);overflow:hidden}.ring i{display:block;height:100%;background:var(--green)}.ring i.fail{background:var(--red)}.passline{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:7px}.breakdown{margin-top:16px;display:grid;gap:10px}.brow{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 16px}.brow .bl{font-weight:600;font-size:14px}.brow .bs{font-family:var(--mono);font-size:14px;font-weight:600}.result-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.review-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:12px}.review-item.correct{border-left:4px solid var(--green)}.review-item.wrong{border-left:4px solid var(--red)}.ri-q{font-weight:500;font-size:15.5px;margin:6px 0 12px}.ri-opt{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:8px 11px;border-radius:9px;margin-bottom:6px;border:1px solid transparent}.ri-opt .l{font-family:var(--mono);font-weight:600;flex:none}.ri-opt.ok{background:var(--green-soft);color:#0d5f49}.ri-opt.bad{background:var(--red-soft);color:#8f281c}.ri-tag{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-left:auto;padding:2px 7px;border-radius:5px}.ri-tag.ok{background:#fff;color:var(--green)}.ri-tag.bad{background:#fff;color:var(--red)}.explain{margin-top:10px;font-size:13.5px;color:var(--ink-soft);background:#f7f9fc;border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px}.explain .ref{display:block;margin-top:8px;font-family:var(--mono);font-size:11.5px;color:var(--steel)}.foot{margin-top:36px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.03em}@media (max-width: 520px){.app{padding:18px 13px 64px}.qcard{padding:18px 16px}}.mode-toggle-group{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px;gap:4px}.mode-btn{font-family:var(--mono);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:7px;color:var(--ink-soft);transition:background .15s,color .15s}.mode-btn.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #16203a14}.instant-feedback{margin-top:14px;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.score-badge{font-family:var(--mono);font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px}.score-badge.pass{background:var(--green-soft);color:var(--green)}.score-badge.fail{background:var(--red-soft);color:var(--red)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#16203a99;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:modalFade .15s ease-out}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);max-width:520px;width:100%;padding:24px}.modal-card h2{font-family:Archivo,Inter,sans-serif;font-size:22px;font-weight:800;margin-bottom:6px}.modal-card p{font-size:14px;color:var(--ink-soft);margin-bottom:16px}.modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.mstat-box{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.mstat-box .num{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--ink)}.mstat-box .lbl{font-size:11.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.mstat-box.warn .num{color:var(--amber)}.modal-sections{margin-bottom:20px;background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:10px 14px}.msec-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line-soft)}.msec-row:last-child{border-bottom:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-palette-section{margin:14px 0}.modal-palette-label{font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:8px}.modal-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px;max-height:140px;overflow-y:auto;padding:4px}.modal-pdot{aspect-ratio:1;border-radius:6px;font-family:var(--mono);font-size:11px;font-weight:600;border:1.5px solid var(--line);background:#fff;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-pdot.unanswered{background:var(--red-soft);border-color:#ebb5ae;color:var(--red)}.modal-pdot.answered{background:var(--green-soft);border-color:#aedac9;color:var(--green)}.clear-btn{font-family:var(--mono);font-size:11px;color:var(--ink-faint);text-decoration:underline;cursor:pointer;margin-top:8px;display:inline-block}.clear-btn:hover{color:var(--red)}.opt.study-correct{border-color:var(--green)!important;background:var(--green-soft)!important;color:#0d5f49!important}.opt.study-correct .letter{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.opt.study-wrong{border-color:var(--red)!important;background:var(--red-soft)!important;color:#8f281c!important}.opt.study-wrong .letter{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.pdot.correct{background:var(--green-soft)!important;border-color:#aedac9!important;color:var(--green)!important}.pdot.wrong{background:var(--red-soft)!important;border-color:#ebb5ae!important;color:var(--red)!important}.shuffle-controls{display:flex;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin-top:14px;align-items:center;flex-wrap:wrap}.shuffle-label{font-family:var(--mono);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--steel)}.toggle-switch{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);cursor:pointer}.toggle-switch input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:var(--ink)}.brow-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;gap:8px;transition:border-color .15s,transform .06s;cursor:pointer;text-align:left}.brow-card:hover{border-color:var(--steel)}.brow-card:active{transform:translateY(1px)}.brow-header{display:flex;align-items:center;justify-content:space-between}.brow-bar{width:100%;height:6px;background:var(--line-soft);border-radius:4px;overflow:hidden}.brow-fill{height:100%;background:var(--green)}.brow-fill.fail{background:var(--red)}.brow-action{font-family:var(--mono);font-size:11px;color:var(--steel);font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px}.history-toggle-btn{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--steel);cursor:pointer;margin-top:6px;display:inline-flex;align-items:center;gap:4px}.history-toggle-btn:hover{text-decoration:underline}.history-list{margin-top:10px;background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line-soft)}.history-item:last-child{border-bottom:none}.history-date{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.history-item.clickable{cursor:pointer;padding:8px 10px;border-radius:8px;transition:background .12s ease,border-color .12s ease}.history-item.clickable:hover{background:var(--line-soft)}.history-action-hint{font-family:var(--mono);font-size:11px;color:var(--steel);font-weight:600;margin-left:8px}.user-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.user-badge{font-family:var(--mono);font-size:12px;color:var(--ink-soft);background:var(--line-soft);padding:4px 10px;border-radius:6px}.locked-badge{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--amber);background:#f59e0b1f;padding:2px 8px;border-radius:4px}.hero{padding:8px 0 4px}.hero-title{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:clamp(30px,5.5vw,46px);line-height:1.05;letter-spacing:-.03em;margin:14px 0;max-width:18ch}.hero-lead{font-size:17px;color:var(--ink-soft);max-width:60ch;line-height:1.55}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);margin-top:28px}.fact{padding:20px 22px;border-right:1px solid var(--line)}.fact:last-child{border-right:none}.fact .n{font-family:Archivo,Inter,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1}.fact .l{font-size:13px;color:var(--ink-soft);margin-top:5px}.facts-note{font-size:12.5px;color:var(--ink-faint);margin:12px 2px 0;line-height:1.5}.sec-head{margin-top:40px;margin-bottom:4px}.sec-head h2{font-family:Archivo,Inter,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.02em}.sec-head p{font-size:14.5px;color:var(--ink-soft);margin-top:4px}.bankrow{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;margin-top:12px;transition:border-color .15s,transform .06s}.bankrow:hover{border-color:var(--steel)}.bankrow-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bankrow-left{display:flex;align-items:center;gap:15px}.bank-num{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--steel);background:var(--line-soft)}.bank-title{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:17px}.bank-meta{font-size:13px;color:var(--ink-soft);margin-top:3px}.bank-meta b{color:var(--ink);font-weight:600}.bankrow-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bankrow-saved{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;margin-top:12px;border-top:1px solid var(--line-soft)}.upsell{margin-top:22px;border:1px solid var(--steel);border-radius:14px;padding:22px 24px;background:linear-gradient(180deg,rgba(59,91,140,.05),var(--panel));display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.upsell h3{font-family:Archivo,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.upsell p{font-size:14px;color:var(--ink-soft);max-width:54ch;line-height:1.55}.upsell-price{font-size:14px;color:var(--ink-soft);margin-top:10px}.upsell-price b{font-family:var(--mono);font-size:18px;color:var(--ink);font-weight:700}.upsell .btn{flex:none}@media (max-width: 560px){.facts{grid-template-columns:1fr}.fact{border-right:none;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:none}.bankrow-top,.upsell{flex-direction:column;align-items:flex-start}}