:root{--bubble-pink: #e85a8a;--bubble-pink-soft: #fbd6e1;--bubble-pink-deep: #c14070;--bubble-blue: #5fa9c4;--bubble-blue-soft: #d6e8ef;--bubble-blue-deep: #3d7d96;--bubble-mint-soft: #e0f1ea;--bubble-butter-soft:#fbeac6;--ink: #2a3142;--ink-2: #5a6275;--ink-3: #8e93a3;--ink-4: #c5cad6;--paper: #fff8f4;--cloud: #ffffff;--border-1: #f1e4ee;--border-2: #e6d6e0;--success: #2f9e6b;--success-bg: #e0f1ea;--danger: #e0405f;--danger-bg: #ffe1e7;--butter-line: #e6c98a;--display-bg: var(--ink);--font-display: "Nunito", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-card: 0 6px 18px rgba(82, 30, 90, .1);--shadow-sticker: 0 4px 0 rgba(42, 26, 62, .16);--ease-soft: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 16px 60px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{width:100%;max-width:560px;margin-top:24px}.site-header{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;margin:0 -16px;background:var(--cloud);border-bottom:1.5px solid var(--border-1);box-shadow:0 2px 10px #521e5a0d}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.header-icon{font-size:1.6rem;line-height:1}.header-title{font-family:var(--font-display);font-weight:900;font-size:1.15rem;color:var(--bubble-pink);letter-spacing:.01em}.header-icon-btn{padding:6px 11px;font-size:1.05rem;line-height:1}.header-spacer{flex:1}.header-btn{background:var(--cloud);border:1.5px solid var(--ink);color:var(--ink);border-radius:var(--radius-pill);padding:8px 16px;font-family:var(--font-body);font-size:.85rem;font-weight:800;cursor:pointer;transition:transform var(--dur, .12s) var(--ease-soft)}.header-btn:hover{background:var(--bubble-pink-soft);border-color:var(--bubble-pink-deep);color:var(--bubble-pink-deep)}.header-btn:active{transform:translateY(1px)}.screen{text-align:center}.hidden{display:none!important}h1{font-family:var(--font-display);font-weight:900;font-size:2.3rem;line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin:8px 0}.subtitle{color:var(--ink-3);margin:0 0 24px;font-weight:600}.info{color:var(--ink-2);line-height:1.5;margin-bottom:32px}.primary-btn{background:var(--bubble-pink);color:#fff;border:none;border-radius:var(--radius-pill);padding:14px 28px;font-family:var(--font-body);font-size:1rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sticker);transition:transform .12s var(--ease-soft),box-shadow .12s var(--ease-soft),background .12s var(--ease-soft)}.primary-btn:hover{background:var(--bubble-pink-deep)}.primary-btn:active{transform:translateY(2px);box-shadow:0 2px #2a1a3e29}.primary-btn:disabled{background:var(--ink-4);color:#fff;box-shadow:none;cursor:not-allowed}.quiz-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--ink-3);margin-bottom:8px;font-weight:600}.section-label{font-weight:800;color:var(--bubble-blue-deep)}.timer-label{font-variant-numeric:tabular-nums}.timer-label.timer-warning{color:var(--danger);font-weight:800}.progress-bar{height:8px;background:var(--border-1);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:24px}#progress-fill{height:100%;background:var(--bubble-pink);width:0%;border-radius:var(--radius-pill);transition:width .25s var(--ease-soft)}#question-card{background:var(--cloud);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);padding:24px 20px;margin-bottom:20px;box-shadow:var(--shadow-card)}#question-prompt{font-size:1.1rem;font-weight:700;color:var(--ink);margin:0 0 18px;line-height:1.4}#question-media{margin-bottom:20px;display:flex;justify-content:center}#question-media img{max-width:100%;max-height:280px;border-radius:var(--radius-md);border:3px solid var(--border-2)}.color-swatch{width:120px;height:120px;border-radius:50%;border:5px solid var(--cloud);box-shadow:var(--shadow-card)}.display-text{font-size:2rem;font-weight:800;letter-spacing:2px;background:var(--display-bg);color:#fff;padding:14px 28px;border-radius:var(--radius-md);display:inline-block}#choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-btn{background:var(--cloud);color:var(--ink);border:1.5px solid var(--border-2);border-radius:var(--radius-md);padding:14px 12px;font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;transition:border-color .15s var(--ease-soft),background .15s var(--ease-soft),transform .1s var(--ease-soft)}.choice-btn:hover:not(:disabled){border-color:var(--bubble-pink);background:var(--bubble-pink-soft)}.choice-btn:active:not(:disabled){transform:translateY(1px)}.choice-btn:disabled{cursor:default}.choice-btn.correct,.choice-btn.reveal-correct{background:var(--success-bg);border-color:var(--success);color:var(--success)}.choice-btn.incorrect{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.choice-btn.selected{background:var(--bubble-blue-soft);border-color:var(--bubble-blue)}#choices.image-choices{grid-template-columns:1fr 1fr}.choice-btn-image{position:relative;display:flex;align-items:center;justify-content:center;padding:10px;min-height:100px;background:var(--cloud)}.choice-btn-image img{max-width:100%;max-height:90px;object-fit:contain}.choice-btn-image .choice-letter{position:absolute;top:4px;left:8px;font-weight:800;color:var(--ink-3);font-size:.8rem}.mode-card{background:var(--cloud);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;text-align:center;box-shadow:var(--shadow-card)}.mode-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--ink);margin:0 0 6px}.mode-desc{color:var(--ink-3);font-size:.9rem;font-weight:600;line-height:1.5;margin:0 0 16px}.exam-variant-btn{display:block;width:100%;margin:10px 0 0;line-height:1.4}.exam-variant-meta{font-weight:600;font-size:.8rem;opacity:.9}.gate-note{background:var(--bubble-butter-soft);border:1.5px solid var(--butter-line);color:#8a6d1e;border-radius:var(--radius-md);padding:12px 14px;font-size:.88rem;font-weight:600;line-height:1.5;margin:0 0 8px}.guide-card{text-align:left}.guide-card summary{cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between}.guide-card summary::-webkit-details-marker{display:none}.guide-card summary:after{content:"▾";color:var(--ink-3);transition:transform .2s var(--ease-soft)}.guide-card[open] summary:after{transform:rotate(180deg)}.guide-steps{margin:16px 0 0;padding:0;list-style:none;counter-reset:guide}.guide-steps li{display:flex;gap:12px;margin-bottom:16px}.guide-steps li:last-child{margin-bottom:0}.guide-step-icon{font-size:1.3rem;flex-shrink:0;line-height:1.3}.guide-step-title{counter-increment:guide;font-weight:800;color:var(--ink);display:block;margin-bottom:3px}.guide-step-title:before{content:counter(guide) ". ";color:var(--bubble-pink)}.guide-step-desc{color:var(--ink-2);font-size:.9rem;line-height:1.5;display:block}.guide-sub{color:var(--ink-3);font-size:.82rem;font-weight:600;line-height:1.5;display:block;margin-top:5px}.guide-tip{color:var(--bubble-blue-deep);font-size:.88rem;font-weight:600;line-height:1.5;margin:16px 0 0;padding-top:14px;border-top:1.5px solid var(--border-1)}#feedback{margin-top:16px;font-weight:800;padding:12px;border-radius:var(--radius-md)}#feedback.correct{background:var(--success-bg);color:var(--success)}#feedback.incorrect{background:var(--danger-bg);color:var(--danger)}#result-summary{font-size:1.2rem;margin-bottom:4px;font-weight:700}#result-summary .score-big{font-family:var(--font-display);font-weight:900;font-size:3.2rem;display:block;margin-bottom:8px}#result-summary .pass{color:var(--success)}#result-summary .fail{color:var(--danger)}#result-breakdown{text-align:left;background:var(--cloud);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);padding:16px 20px;margin:24px 0;box-shadow:var(--shadow-card)}.breakdown-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1.5px solid var(--border-1);font-size:.9rem}.breakdown-row:last-child{border-bottom:none}.breakdown-row .tag-correct{color:var(--success);font-weight:800;white-space:nowrap}.breakdown-row .tag-incorrect{color:var(--danger);font-weight:800;white-space:nowrap}html[data-palette=bubblegum]{--bubble-pink:#ff6fb5;--bubble-pink-soft:#ffd3e6;--bubble-pink-deep:#e0559b;--bubble-blue:#6ec1ff;--bubble-blue-soft:#d3ecff;--bubble-blue-deep:#3f8fd0;--bubble-butter-soft:#fff4c2;--butter-line:#e6c98a;--ink:#2a1a3e;--ink-2:#5a4a73;--ink-3:#8e82a3;--ink-4:#c5bdd6;--paper:#fef4fb;--cloud:#ffffff;--border-1:#f1e4ee;--border-2:#ecdbe6;--success:#2f9e6b;--success-bg:#d6f7e9;--danger:#e0405f;--danger-bg:#ffdbe1;--display-bg:#2a1a3e}html[data-palette=bubblegum].dark{--bubble-pink:#ff8cc6;--bubble-pink-soft:#3d1640;--bubble-pink-deep:#ff9ecf;--bubble-blue:#6ec1ff;--bubble-blue-soft:#142a40;--bubble-blue-deep:#8fc7f5;--bubble-butter-soft:#2e2808;--butter-line:#6b5423;--ink:#ede4ff;--ink-2:#c9b8f0;--ink-3:#9d8fc0;--ink-4:#5a4878;--paper:#12091e;--cloud:#221840;--border-1:#362958;--border-2:#43356b;--success:#4fd08f;--success-bg:#122e28;--danger:#ff6b85;--danger-bg:#3d1620;--display-bg:#0d0618;--shadow-card:0 6px 18px rgba(0,0,0,.45);--shadow-sticker:0 4px 0 rgba(0,0,0,.5)}html[data-palette=plum]{--bubble-pink:#ef476f;--bubble-pink-soft:#fde0e7;--bubble-pink-deep:#c53860;--bubble-blue:#06d6a0;--bubble-blue-soft:#cbf5ec;--bubble-blue-deep:#0a9e78;--bubble-butter-soft:#fff1cc;--butter-line:#e0c07a;--ink:#402437;--ink-2:#6f5266;--ink-3:#9c8794;--ink-4:#cec0c9;--paper:#fffcf9;--cloud:#ffffff;--border-1:#ece0e6;--border-2:#e3d3db;--success:#0a9e78;--success-bg:#d6f7ee;--danger:#d63b53;--danger-bg:#fbe0e6;--display-bg:#402437}html[data-palette=plum].dark{--bubble-pink:#ff5f86;--bubble-pink-soft:#3a1622;--bubble-pink-deep:#ff85a4;--bubble-blue:#0fe0aa;--bubble-blue-soft:#06281f;--bubble-blue-deep:#3fd9b0;--bubble-butter-soft:#2f2708;--butter-line:#6b5423;--ink:#f3e7ef;--ink-2:#d7c2cf;--ink-3:#b09ba8;--ink-4:#6a5563;--paper:#17111a;--cloud:#2a2030;--border-1:#3a2d3f;--border-2:#47374d;--success:#3fd9b0;--success-bg:#0a2b22;--danger:#ff6b85;--danger-bg:#3a1622;--display-bg:#0f0a12;--shadow-card:0 6px 18px rgba(0,0,0,.45);--shadow-sticker:0 4px 0 rgba(0,0,0,.5)}html[data-palette=lagoon]{--bubble-pink:#4059ad;--bubble-pink-soft:#dfe4f5;--bubble-pink-deep:#31488f;--bubble-blue:#6b9ac4;--bubble-blue-soft:#e0ebf4;--bubble-blue-deep:#4a7aa5;--bubble-butter-soft:#fcecc5;--butter-line:#d9b96a;--ink:#22304d;--ink-2:#4e5c78;--ink-3:#8189a1;--ink-4:#c2c7d4;--paper:#eef2f1;--cloud:#ffffff;--border-1:#dde3e2;--border-2:#cfd7d6;--success:#3fb89a;--success-bg:#ddf3ec;--danger:#d65a4a;--danger-bg:#f6d9d3;--display-bg:#22304d}html[data-palette=lagoon].dark{--bubble-pink:#7d92e0;--bubble-pink-soft:#1c2447;--bubble-pink-deep:#93a4e8;--bubble-blue:#6b9ac4;--bubble-blue-soft:#142838;--bubble-blue-deep:#8fb6d6;--bubble-butter-soft:#2e2408;--butter-line:#6b5423;--ink:#e6ecf5;--ink-2:#c0cbdf;--ink-3:#93a1bb;--ink-4:#54607a;--paper:#0d1420;--cloud:#1a2740;--border-1:#28374f;--border-2:#33455f;--success:#7fd4bd;--success-bg:#0c2b25;--danger:#ef7a68;--danger-bg:#331611;--display-bg:#070c15;--shadow-card:0 6px 18px rgba(0,0,0,.45);--shadow-sticker:0 4px 0 rgba(0,0,0,.5)}html[data-palette=earth]{--bubble-pink:#c57b57;--bubble-pink-soft:#f0dace;--bubble-pink-deep:#a5623f;--bubble-blue:#9cafb7;--bubble-blue-soft:#e3eaed;--bubble-blue-deep:#6f95a0;--bubble-butter-soft:#f7dba7;--butter-line:#d8ad5f;--ink:#251605;--ink-2:#5a4635;--ink-3:#8a7665;--ink-4:#c3b4a3;--paper:#fbf4e9;--cloud:#fffdf9;--border-1:#eaddcb;--border-2:#ddcdb6;--success:#6f9068;--success-bg:#e2ecdd;--danger:#c0503a;--danger-bg:#f4dcd4;--display-bg:#251605}html[data-palette=earth].dark{--bubble-pink:#d98f6a;--bubble-pink-soft:#33200f;--bubble-pink-deep:#e6a483;--bubble-blue:#9cafb7;--bubble-blue-soft:#1a2427;--bubble-blue-deep:#b0c3cb;--bubble-butter-soft:#2f2510;--butter-line:#6b5423;--ink:#f5e9d6;--ink-2:#e0cdb0;--ink-3:#b0a086;--ink-4:#6b5b45;--paper:#191108;--cloud:#2a2013;--border-1:#3c2f1e;--border-2:#4a3c27;--success:#a3c199;--success-bg:#1a2617;--danger:#e06a4d;--danger-bg:#331610;--display-bg:#0d0803;--shadow-card:0 6px 18px rgba(0,0,0,.45);--shadow-sticker:0 4px 0 rgba(0,0,0,.5)}html.dark{--shadow-card:0 6px 18px rgba(0,0,0,.45);--shadow-sticker:0 4px 0 rgba(0,0,0,.5)}html.dark .site-header{box-shadow:0 2px 10px #0000004d}html.dark .gate-note{color:#e8c87a}.palette-flash{position:fixed;left:50%;bottom:96px;transform:translate(-50%,8px);background:var(--ink);color:var(--paper);font-weight:800;font-size:.9rem;padding:8px 18px;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-soft),transform .25s var(--ease-soft);z-index:60}.palette-flash.show{opacity:1;transform:translate(-50%)}body{padding-bottom:96px}.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:4px;background:var(--cloud);border:1.5px solid var(--border-1);border-radius:var(--radius-pill);padding:6px;box-shadow:var(--shadow-card);z-index:50}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;color:var(--ink-3);font-family:var(--font-body);font-weight:800;font-size:.72rem;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s var(--ease-soft),color .15s var(--ease-soft)}.nav-btn .nav-icon{font-size:1.15rem;line-height:1}.nav-btn:hover{color:var(--ink)}.nav-btn.active{background:var(--bubble-pink);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a1e8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:overlay-in .2s var(--ease-soft)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--cloud);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px 22px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;text-align:left;animation:modal-in .25s var(--ease-soft)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-title{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink)}.modal-close{border:none;background:var(--paper);color:var(--ink-2);width:34px;height:34px;border-radius:50%;font-size:1.1rem;cursor:pointer;line-height:1}.modal-close:hover{background:var(--bubble-pink-soft);color:var(--bubble-pink-deep)}.report-list{display:flex;flex-direction:column;gap:12px}.report-card{background:var(--cloud);border:1.5px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:transform .1s var(--ease-soft),border-color .15s var(--ease-soft)}.report-card:hover{border-color:var(--bubble-pink)}.report-card:active{transform:translateY(1px)}.report-score{flex-shrink:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.95rem}.report-score.pass{background:var(--success-bg);color:var(--success)}.report-score.fail{background:var(--danger-bg);color:var(--danger)}.report-meta{flex:1;min-width:0}.report-label{font-weight:800;color:var(--ink);font-size:.98rem}.report-sub{color:var(--ink-3);font-size:.82rem;font-weight:600;margin-top:2px}.report-chev{color:var(--ink-4);font-size:1.2rem;flex-shrink:0}.report-empty{color:var(--ink-3);font-weight:600;line-height:1.6;padding:32px 12px;text-align:center}.report-empty .big{font-size:2.4rem;display:block;margin-bottom:8px}.report-detail-row{display:flex;gap:10px;padding:12px 0;border-bottom:1.5px solid var(--border-1);font-size:.9rem;line-height:1.45}.report-detail-row:last-child{border-bottom:none}.report-detail-row .rd-mark{flex-shrink:0;font-weight:800}.report-detail-row.wrong{background:var(--danger-bg);margin:0 -10px;padding:12px 10px;border-radius:var(--radius-sm);border-bottom:none}.report-detail-row.wrong+.report-detail-row{border-top:1.5px solid var(--border-1)}.rd-prompt{color:var(--ink);font-weight:700}.rd-answer{color:var(--ink-2);font-size:.84rem;margin-top:3px}.rd-answer .good{color:var(--success);font-weight:800}.rd-answer .bad{color:var(--danger);font-weight:800}.report-filter{color:var(--ink-3);font-weight:700;font-size:.85rem;margin:0 0 14px}.quiz-exit{display:block;width:fit-content;border:1.5px solid var(--border-2);background:var(--cloud);color:var(--ink-3);font-family:var(--font-body);font-weight:800;font-size:.82rem;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;margin:0 0 14px;transition:color .15s var(--ease-soft),border-color .15s var(--ease-soft)}.quiz-exit:hover{color:var(--danger);border-color:var(--danger)}.batch-size-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.batch-size-label{color:var(--ink-3);font-size:.85rem;font-weight:700}.batch-size-opts{display:inline-flex;gap:4px;background:var(--paper);border:1.5px solid var(--border-1);border-radius:var(--radius-pill);padding:4px}.batch-opt{border:none;background:transparent;color:var(--ink-3);font-family:var(--font-body);font-weight:800;font-size:.9rem;padding:6px 16px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s var(--ease-soft),color .15s var(--ease-soft)}.batch-opt:hover{color:var(--ink)}.batch-opt.active{background:var(--bubble-pink);color:#fff}.qref{text-align:right;font-size:.68rem;color:var(--ink-4);margin-top:12px;letter-spacing:.02em;-webkit-user-select:text;user-select:text}.rdrow-btn{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--border-1);font-family:var(--font-body);text-align:left;cursor:pointer;align-items:center}.rdrow-btn:last-child{border-bottom:none}.rdrow-btn:hover{background:var(--paper)}.rd-body{flex:1;min-width:0;display:flex;flex-direction:column}.rd-go{color:var(--ink-4);font-size:1.3rem;flex-shrink:0;font-weight:800}.warn-note{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.warn-note code{font-family:ui-monospace,monospace;font-size:.85em}