:root{--navy-canvas: #0a1729;--navy-surface: #101f38;--navy-surface-high: #16304f;--navy-line: #24406a;--teal: #14b8a6;--teal-soft: #7dd3c8;--teal-deep: #0b8a7d;--gold: #d4af37;--text: #e8eff8;--text-muted: #93a7c4;--danger: #f87171;--on-teal: #04211c;--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--pad: 16px;--gap: 12px;--tap: 44px;--font-scale: 1;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-pop: 0 8px 28px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}#root{display:flex;flex-direction:column}body{margin:0;background:var(--navy-canvas);color:var(--text);font-family:var(--sans);font-size:calc(16px * var(--font-scale));line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;overflow-wrap:break-word}h1,h2,h3,.serif{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;margin:0}h1{font-size:calc(30px * var(--font-scale));line-height:1.15}h2{font-size:calc(22px * var(--font-scale))}h3{font-size:calc(18px * var(--font-scale))}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--teal-soft)}:focus-visible{outline:2px solid var(--teal-soft);outline-offset:2px;border-radius:6px}.app{min-height:100%;display:flex;flex-direction:column;background:var(--navy-canvas)}.screen{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--pad) var(--pad) 120px;display:flex;flex-direction:column;gap:var(--gap)}.screen-wide{max-width:960px}.screen-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:8px}.muted{color:var(--text-muted);font-size:calc(13px * var(--font-scale))}.tiny{font-size:calc(12px * var(--font-scale));color:var(--text-muted)}.row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.col{display:flex;flex-direction:column;gap:8px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}@media (min-width: 720px){.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--navy-surface);border:1px solid var(--navy-line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-card)}.card-hero{background:linear-gradient(160deg,var(--navy-surface),var(--navy-surface-high));border-radius:var(--r-xl);padding:20px}button.card{text-align:left;width:100%;display:block;transition:border-color .15s ease,transform .15s ease}button.card:hover:not(:disabled){border-color:var(--teal-deep)}button.card:active:not(:disabled){transform:scale(.995)}button.card:disabled{opacity:.45;cursor:not-allowed}.module-tile{background:linear-gradient(180deg,var(--navy-surface),var(--navy-surface-high))}.btn{min-height:var(--tap);padding:0 18px;max-width:100%;border-radius:var(--r-pill);border:1px solid transparent;background:var(--teal);color:var(--on-teal);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:transparent;border-color:var(--navy-line);color:var(--text)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.pill{min-height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--navy-line);background:var(--navy-surface);color:var(--text-muted);font-size:calc(13px * var(--font-scale));display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill[aria-pressed=true],.pill.on{background:var(--navy-surface-high);border-color:var(--teal);color:var(--text)}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.icon-btn{min-width:var(--tap);min-height:var(--tap);border-radius:var(--r-pill);border:1px solid var(--navy-line);background:var(--navy-surface);display:inline-flex;align-items:center;justify-content:center;font-size:calc(15px * var(--font-scale))}.icon-btn.on{border-color:var(--gold);color:var(--gold)}.icon-btn.on-teal{border-color:var(--teal-soft);color:var(--teal-soft)}input[type=text],input[type=search],textarea,select{width:100%;min-height:var(--tap);padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--navy-line);background:var(--navy-canvas);color:var(--text);font:inherit}textarea{min-height:84px;resize:vertical}input[type=range]{width:100%;accent-color:var(--teal);height:var(--tap)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--r-pill);border:1px solid var(--navy-line);font-size:calc(11px * var(--font-scale));letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.badge-draft{border-color:var(--gold);color:var(--gold)}.badge-ok{border-color:var(--teal);color:var(--teal-soft)}.bar{height:8px;border-radius:var(--r-pill);background:var(--navy-line);overflow:hidden}.bar>span{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--teal-deep),var(--teal),var(--teal-soft));transition:width .7s cubic-bezier(.4,0,.2,1)}.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--navy-line)}.dots i.on{background:var(--teal-soft)}.stat{background:var(--navy-surface);border:1px solid var(--navy-line);border-radius:var(--r-md);padding:12px;text-align:center}.stat b{display:block;font-family:var(--serif);font-size:calc(24px * var(--font-scale))}.choice{width:100%;text-align:left;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r-md);border:1px solid var(--navy-line);background:var(--navy-surface);min-height:var(--tap);transition:border-color .15s ease,background .15s ease}.choice:hover:not(:disabled){border-color:var(--teal-deep)}.choice.picked{border-color:var(--teal);background:var(--navy-surface-high)}.choice.right{border-color:var(--teal);background:#14b8a61f}.choice.wrong{border-color:var(--danger);background:#f871711a}.choice-key{width:26px;height:26px;flex:0 0 26px;border-radius:50%;border:1px solid var(--navy-line);display:inline-flex;align-items:center;justify-content:center;font-size:calc(12px * var(--font-scale));font-weight:700;text-transform:uppercase;margin-top:1px}.choice.right .choice-key{border-color:var(--teal);color:var(--teal-soft)}.choice.wrong .choice-key{border-color:var(--danger);color:var(--danger)}.why{display:block;margin-top:6px;padding-top:6px;border-top:1px solid var(--navy-line);font-size:calc(13px * var(--font-scale));color:var(--text-muted)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0a1729eb;backdrop-filter:blur(12px);border-top:1px solid var(--navy-line)}.tabbar a{flex:1;max-width:120px;min-height:var(--tap);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:calc(11px * var(--font-scale))}.tabbar a.active{color:var(--teal);background:var(--navy-surface)}.tabbar .ico{font-size:calc(17px * var(--font-scale));line-height:1}.exam-bar{position:sticky;top:0;z-index:10;background:var(--navy-canvas);padding:10px 0;border-bottom:1px solid var(--navy-line)}.clock{font-family:var(--serif);font-size:calc(26px * var(--font-scale));font-variant-numeric:tabular-nums}.clock.urgent{color:var(--gold);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.navgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.navcell{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--navy-line);background:var(--navy-surface);color:var(--text-muted);font-size:calc(12px * var(--font-scale));display:flex;align-items:center;justify-content:center}.navcell.answered{background:var(--teal-deep);color:var(--text);border-color:var(--teal-deep)}.navcell.flagged{border-color:var(--gold)}.navcell.current{outline:2px solid var(--teal-soft);outline-offset:1px}.scrim{position:fixed;inset:0;z-index:40;background:#040a14b3;display:flex;align-items:center;justify-content:center;padding:var(--pad)}.dialog{width:100%;max-width:420px;background:var(--navy-surface);border:1px solid var(--navy-line);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:14px}.watermark{position:fixed;inset:-20%;z-index:5;pointer-events:none;user-select:none;display:grid;grid-template-columns:repeat(2,1fr);align-content:space-around;justify-items:center;transform:rotate(-24deg);opacity:.055}.watermark span{font-size:calc(13px * var(--font-scale));letter-spacing:.12em;white-space:nowrap;color:var(--text)}.confidential{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:6;pointer-events:none;text-align:center;font-size:calc(10px * var(--font-scale));letter-spacing:.04em;color:var(--text-muted);background:#0a1729f0;border-top:1px solid var(--navy-line);padding:5px 16px}@media print{.watermark{opacity:.18}}.banner{border-radius:var(--r-md);border:1px solid var(--gold);background:#d4af371a;color:var(--gold);padding:10px 14px;font-size:calc(13px * var(--font-scale))}.daystrip{display:flex;gap:4px}.daystrip i{flex:1;height:26px;border-radius:5px;background:var(--navy-line)}.daystrip i.on{background:var(--teal)}.empty{text-align:center;color:var(--text-muted);padding:32px 16px}.link-btn{background:none;border:none;padding:0;color:var(--teal-soft);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}