:root,[data-theme=neutral]{--bg:#f6f7f9;--text:#1a1f2e;--muted:#4f5668;--surface:#fff;--border:#cdd2dc;--border-width:1.5px;--primary:#2447b3;--primary-text:#fff;--accent:#2447b3;--accent-text:#fff;--selected-bg:#e8edfb;--selected-border:#2447b3;--radius:14px;--btn-border:1.5px solid transparent;--btn-shadow:none;--font-body:"Manrope", system-ui, sans-serif;--font-heading:"Manrope", system-ui, sans-serif;--heading-weight:800;--split-bg:#2447b3;--split-text:#fff}[data-theme=arcade]{--bg:#1d1440;--text:#fdf6e3;--muted:#cfc6ef;--surface:#2d2160;--border:#fdf6e3;--border-width:3px;--primary:#ffd166;--primary-text:#1d1440;--accent:#06d6a0;--accent-text:#1d1440;--selected-bg:#3a2d6e;--selected-border:#ffd166;--radius:0;--btn-border:3px solid #fdf6e3;--btn-shadow:0 6px 0 #b8892b;--progress-track:#3a2d6e;--progress-fill:#06d6a0;--font-body:"Chakra Petch", system-ui, sans-serif;--font-heading:"Press Start 2P", "Chakra Petch", monospace;--heading-weight:400;--split-bg:#ffd166;--split-text:#1d1440}[data-theme=periodic]{--bg:#f4f5f0;--text:#16211d;--muted:#4f5a55;--surface:#fff;--border:#16211d;--border-width:1.5px;--primary:#16211d;--primary-text:#fff;--accent:#c2542d;--accent-text:#fff;--selected-bg:#e3efe9;--selected-border:#2f6f5e;--radius:0;--btn-border:1.5px solid #16211d;--btn-shadow:none;--font-body:"Space Grotesk", system-ui, sans-serif;--font-heading:"Space Grotesk", system-ui, sans-serif;--heading-weight:700;--split-bg:#c2542d;--split-text:#fff}[data-theme=university]{--bg:#f5f6f8;--text:#14213d;--muted:#4d5870;--surface:#fff;--border:#dde1e8;--border-width:1px;--primary:#14213d;--primary-text:#fff;--accent:#fca311;--accent-text:#14213d;--selected-bg:#eef1f7;--selected-border:#14213d;--radius:13px;--btn-border:1px solid transparent;--btn-shadow:none;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-heading:"Newsreader", Georgia, serif;--heading-weight:600;--split-bg:#14213d;--split-text:#fff}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--heading-weight);margin:0 0 8px;line-height:1.25}[data-theme=arcade] h1{font-size:17px;line-height:1.6}[data-theme=arcade] h2,[data-theme=arcade] h3{font-size:11px;line-height:1.7}p{margin:0 0 12px}a{color:inherit}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--selected-border);outline-offset:2px}.btn{min-width:44px;min-height:44px;font:700 16px var(--font-body);border:var(--btn-border);border-radius:var(--radius);box-shadow:var(--btn-shadow);cursor:pointer;white-space:nowrap;text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-secondary{background:var(--surface);color:var(--text);border:var(--border-width) solid var(--border)}.btn-accent{background:var(--accent);color:var(--accent-text)}.option{background:var(--surface);min-height:44px;color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;padding:10px 14px;display:flex}.option[aria-pressed=true],.option.selected{background:var(--selected-bg);border:2px solid var(--selected-border)}.card{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:16px}.screen{max-width:720px;margin:0 auto;padding:20px 16px 96px}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bottom-nav{z-index:10;background:var(--surface);border-top:var(--border-width) solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:56px;color:var(--muted);place-items:center;padding:6px 4px;font-size:13px;font-weight:700;text-decoration:none;display:grid}.bottom-nav a[aria-current=page]{color:var(--text);box-shadow:inset 0 3px 0 var(--selected-border)}.dev-bar{border:2px dashed var(--border);border-radius:var(--radius);margin-top:24px;padding:12px}.dev-bar h3{margin-bottom:8px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.small{font-size:13px}.btn-block{width:100%;min-height:52px}.btn-sm{min-height:44px;padding:0 14px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;place-items:center;display:inline-grid}.link-center{text-align:center;color:var(--text);min-height:44px;padding:10px;display:block}.link-btn{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0;text-decoration:underline}.demo-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:12px 20px 24px;display:flex}.topbar{justify-content:space-between;align-items:center;min-height:44px;margin-left:-10px;display:flex}.topbar .step{font-size:14px}.setup-title{margin:16px 0 6px;font-size:26px}[data-theme=arcade] .setup-title,[data-theme=arcade] h1{font-size:16px}.setup-sub{margin:0 0 16px;font-size:14px}.setup-body{align-content:start;gap:12px;display:grid}.setup-actions{gap:10px;margin-top:auto;padding-top:24px;display:grid}.wordmark{margin-top:16px;font-weight:700}.opening-copy{margin:auto 0;padding:24px 0}.opening-headline{margin-bottom:14px;font-size:36px;line-height:1.12}.form{gap:14px;display:grid}.field{gap:6px;font-size:14px;font-weight:600;display:grid}.field input,.field select{min-height:48px;font:500 16px var(--font-body);color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:0 14px}.field-label{font-size:14px;font-weight:600}.option{text-align:left;width:100%;font:500 16px var(--font-body)}.option-two{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px}.opt-title{font-family:var(--font-heading);font-size:20px;font-weight:600}[data-theme=university] .option-two.selected{border-color:var(--selected-border)}.opt-note{font-size:13px}.option-check{gap:12px}.check{border:2px solid var(--border);border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-weight:800;display:inline-grid}.option-check.selected .check{background:var(--selected-border);color:var(--surface);border-color:var(--selected-border)}.seg{border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex;overflow:hidden}.seg button{min-height:44px;color:var(--text);font:700 14px var(--font-body);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.seg button[aria-pressed=true]{background:var(--split-bg);color:var(--split-text)}.viewer .seg{display:inline-flex}.viewer .seg button{flex:none}.list-box{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.list-row{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:48px;color:var(--text);font:500 15px var(--font-body);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.list-row:last-child{border-bottom:0}.list-row.selected{background:#fff2cf;font-weight:700}.module-row{align-items:center}.code{letter-spacing:.02em}.el{aspect-ratio:1/1.05;text-align:left;font-family:var(--font-body);flex-direction:column;justify-content:space-between;padding:9px 10px;text-decoration:none;display:flex}.el .num{opacity:.9;font-size:11px}.el .sym{font-size:34px;font-weight:700;line-height:1}.el .nm{font-size:12px;line-height:1.2}.tile-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.el-add{color:var(--text);border:1.5px dashed var(--text);text-align:center;background:0 0;justify-content:center;align-items:center;gap:4px}.el-add .plus{font-size:26px;line-height:1}.stream-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.el-lg{aspect-ratio:1/.95;background:var(--surface);color:var(--text);border:1.5px solid var(--text);cursor:pointer;padding:12px}.el-lg .sym{font-size:46px}.el-lg .nm{font-size:14px;font-weight:700}.el-lg.on{color:#fff;background:#2f6f5e;border-color:#2f6f5e}.subject-head{align-items:center;gap:14px;margin:8px 0 16px;display:flex}.subject-head h1{margin:0;font-size:26px}.el-square{flex:none;place-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:grid}.paper-card{gap:4px;display:grid}.paper-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.paper-actions .btn{flex:1}.exam-row{flex-wrap:wrap}.exam-row .paper-actions{flex:none;margin:0}.exam-row .paper-actions .btn{flex:none;min-width:70px}.home h1{margin:8px 0 10px;font-size:26px}.home-head{margin-bottom:8px}.brand-name{font-family:var(--font-body);font-weight:700}.brand-small{font-family:var(--font-heading);letter-spacing:.06em;color:var(--primary);margin-top:6px;font-size:9px}.pill{border:1.5px solid var(--text);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.pill-dark{background:var(--primary);color:var(--primary-text);border-color:var(--primary);border-radius:8px}.section-title{font-size:14px;font-family:var(--font-body);margin:22px 0 8px}.last-card{color:var(--text);min-height:60px;text-decoration:none}.empty{text-align:left}.upload-btn{margin-top:20px}.demo-tag{letter-spacing:.05em;border:1px solid var(--muted);color:var(--muted);vertical-align:middle;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.note-foot{margin-top:18px}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{background:var(--surface);min-height:44px;color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius);font:600 14px var(--font-body);cursor:pointer;padding:0 16px}.chip.selected{background:var(--selected-bg);border:2px solid var(--selected-border)}.module-list{margin-top:14px}.home .seg{max-width:320px;margin:10px 0 4px}[data-theme=university] .home .seg button[aria-pressed=true]{background:var(--primary)}.player-box{border:3px solid var(--text);gap:8px;margin:12px 0 16px;padding:10px 12px;font-size:14px;font-weight:700;display:grid}.bar{background:var(--progress-track,#3a2d6e);height:10px}.bar>i{background:var(--progress-fill,#06d6a0);height:100%;display:block}.lvl-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lvl{flex-direction:column;justify-content:flex-end;gap:4px;min-height:96px;padding:10px 12px;text-decoration:none;display:flex;box-shadow:0 5px #0006}.lvl-n{font-family:var(--font-heading);font-size:8px}.lvl-name{font-size:16px;font-weight:700;line-height:1.15}.press-start{font-family:var(--font-heading);margin-top:22px;font-size:12px;text-decoration:none}.stage{background:var(--surface);border:3px solid var(--text);min-height:64px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.stage.play{border-color:#ffd166}.stage-n{font-family:var(--font-heading);color:var(--muted);font-size:8px}.badge{font-family:var(--font-heading);color:#1d1440;padding:5px 7px;font-size:8px}.badge-cleared{background:#06d6a0}.badge-play{background:#ffd166}.badge-new{background:#c3a6ff}.viewer{z-index:50;background:var(--bg);color:var(--text);flex-direction:column;display:flex;position:fixed;inset:0}.vhead{align-items:center;gap:8px;min-height:60px;padding:8px 12px;display:flex}.vtitle{flex:1;min-width:0;margin:0;font-size:16px;line-height:1.3}[data-theme=arcade] .vtitle{font-size:11px}.split-btn{background:var(--split-bg);color:var(--split-text);border:var(--btn-border);flex:none}.appbar{border-bottom:var(--border-width) solid var(--border);align-items:center;gap:12px;padding:8px 20px;display:flex}.appbar .crumbs{margin-left:auto}.vhead-large{gap:16px;padding:14px 20px 8px}.vhead-large .vtitle{font-size:22px}.viewer-large .panes{padding:0 20px 20px}.sync-switch{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.sync-switch input{width:22px;height:22px;accent-color:var(--split-bg);cursor:pointer}.panes{flex-direction:column;flex:1;min-height:0;padding:0 12px 8px;display:flex}.panes.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pane-label{color:var(--muted);padding:2px 0 6px;font-size:12px}.pane-scroll{color:#16213a;background:#fff;flex:1;min-height:0;padding:14px 16px;position:relative;overflow-y:auto}.doc{font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.4}.doc-title{text-align:center;letter-spacing:.02em;font-size:14px;font-weight:700}.doc-kind{text-align:center;color:#5b6478;margin:2px 0 12px;font-size:12px;font-weight:600}.doc-kind.memo{color:#1a6b3a}.doc-qhead{margin:14px 0 4px;font-size:13px;font-weight:700}.doc-row{grid-template-columns:34px 1fr auto;gap:6px;padding:6px 4px;scroll-margin-top:12px;display:grid}.doc-row.hl{background:#fff4cc}.doc-num{font-weight:700}.doc-marks{white-space:nowrap}.ans{color:#1a6b3a}.vfoot{justify-items:start;gap:6px;padding:10px 16px 14px;font-size:13px;display:grid}.vfoot p{margin:0}.sync-note{margin:0;padding:4px 16px 8px}.rotate-overlay{z-index:60;color:#fff;text-align:center;background:#0f1420eb;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.rotate-overlay p{max-width:260px;margin:0;font-weight:600}.rotate-overlay .btn-secondary{color:#16211d}@media (height<=520px) and (orientation:landscape){.vhead{min-height:48px;padding:4px 12px}.pane-label{display:none}.panes{padding-bottom:6px}}[data-theme=arcade] .home h1{font-size:17px;line-height:1.5}[data-theme=arcade] .subject-page h1,[data-theme=arcade] .screen h1{line-height:1.5}.form-error{color:#b3261e;margin:0;font-size:14px;font-weight:600}.form-ok{color:#1a6b3a;margin:0;font-size:14px;font-weight:600}[data-theme=arcade] .form-error{color:#ff9aa8}[data-theme=arcade] .form-ok{color:#06d6a0}.pdf-scroll{background:#e9ecf2;padding:12px 16px}.pdf-page{background:#fff;margin:0 auto 10px;box-shadow:0 1px 4px #0003}.pdf-page canvas{max-width:100%;display:block;height:auto!important}.pdf-note{text-align:center;color:#16213a;padding:18px 8px}.admin-form{gap:10px;display:grid}.admin-form .field input,.admin-form .field select{width:100%}.admin-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.splash{z-index:100;place-items:center;display:grid;position:fixed;inset:0}.pick-set{border:1.5px dashed var(--border);border-radius:var(--radius);gap:8px;margin:0;padding:10px;display:grid}.pick-set legend{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:12px;font-weight:700}.check.radio{border-radius:50%}.admin-year{border:1.5px solid var(--border);border-radius:var(--radius);gap:8px;padding:10px;display:grid}.admin-subject{background:var(--bg);border-radius:var(--radius);gap:6px;padding:8px;display:grid}.admin-subject input,.admin-subject select,.admin-year input,.field-select{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);font:500 15px var(--font-body);width:100%;padding:0 10px}.admin-check{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.admin-check input{width:22px;min-height:22px}.field-select{flex:1;min-width:0}.brand-splash,.splash{--splash-bg:#000;--splash-text:#f2f4f8;background:var(--splash-bg)}@media (prefers-color-scheme:light){.brand-splash,.splash{--splash-bg:#dfebf5;--splash-text:#0b2545}}.brand-bulb-light{display:none}@media (prefers-color-scheme:light){.brand-bulb-dark{display:none}.brand-bulb-light{display:block}}.brand-splash{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.brand-splash-main{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.brand-splash-name{color:var(--splash-text);letter-spacing:.03em;text-transform:uppercase;text-align:center;max-width:320px;font:800 26px/1.25 system-ui,-apple-system,sans-serif}@media (prefers-reduced-motion:no-preference){.brand-splash .brand-bulb{animation:1.1s cubic-bezier(.2,.8,.2,1) both bulb-in,1.8s ease-in-out 1.1s infinite alternate bulb-glow}.brand-splash-name{animation:.7s ease-out .65s both name-in}.brand-splash-main{transition:transform .45s ease-in}.brand-splash{transition:opacity .45s ease-in}.brand-splash-out{opacity:0}.brand-splash-out .brand-splash-main{transform:scale(2.6)}}@keyframes bulb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bulb-glow{0%{filter:brightness()}to{filter:brightness(1.25)}}@keyframes name-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.search-box{width:100%;min-height:52px;font:500 16px var(--font-body);color:var(--text);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:0 16px}.exam-clock{font-variant-numeric:tabular-nums;background:var(--text);min-height:44px;color:var(--bg);flex:none;align-items:center;padding:0 12px;font-size:17px;font-weight:700;display:inline-flex}.exam-foot{border-top:2px solid var(--text)}.exam-mark label{align-items:center;gap:6px;display:inline-flex}.exam-mark input{width:72px;min-height:44px;font:inherit;border:1.5px solid var(--text);background:var(--surface,#fff);color:var(--text);padding:0 8px;font-size:16px}.error-text{color:#b3261e;margin:0}