:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1524;--bg-elevated:#152033;--bg-soft:#1b2a42;--text:#b8c4d9;--text-strong:#f4f7fc;--text-muted:#7f90ad;--border:#b8c4d924;--accent:#f0b429;--accent-strong:#ffd76a;--accent-soft:#f0b42924;--success:#3ecf8e;--success-soft:#3ecf8e1f;--danger:#ff7b72;--danger-soft:#ff7b721f;--skip-soft:#7f90ad29;--shadow:0 18px 50px #00000059;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--font-sans:"Manrope", system-ui, sans-serif;--font-display:"Source Serif 4", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top, #f0b42914, transparent 34%), linear-gradient(180deg, #101a2d 0%, var(--bg) 48%, #0a101b 100%)}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}#app{min-height:100vh}.app-shell{width:min(760px,100% - 32px);margin:0 auto;padding:40px 0 56px}.app-header{margin-bottom:28px}.app-title{color:var(--text-strong);font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:600;line-height:1.02}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#152033f5,#0d1524eb);padding:28px}.panel-lead,.meta-note,.done-meta{color:var(--text-muted);margin:0;line-height:1.55}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 20px;display:grid}.mode-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-soft);color:inherit;text-align:left;cursor:pointer;gap:8px;padding:18px;transition:border-color .16s,transform .16s,background .16s;display:grid}.mode-card:hover{border-color:#f0b42959;transform:translateY(-1px)}.mode-card.is-active{background:linear-gradient(#f0b4291f,#1b2a42e6);border-color:#f0b429b3}.mode-card__label{color:var(--text-strong);font-size:1.15rem;font-weight:800}.mode-card__hint{color:var(--text-muted);font-size:.92rem;line-height:1.45}.chip-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.chip,.ghost-button,.primary-button{font:inherit}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:10px 14px;transition:border-color .16s,background .16s,color .16s}.chip:hover,.chip.is-active{border-color:#f0b4298c}.chip.is-active{background:var(--accent-soft);color:var(--text-strong)}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;transition:transform .16s,background .16s,color .16s}.primary-button{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#1a1408;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:800;display:inline-flex}.primary-button:hover{transform:translateY(-1px)}.ghost-button{color:var(--text-muted);background:0 0;padding:10px 14px}.ghost-button:hover{color:var(--text-strong)}.meta-note{margin-top:16px}.quiz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.quiz-stats{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:.92rem;display:flex}.quiz-stats__divider{opacity:.45}.prompt-block{margin-bottom:24px}.prompt-label{color:var(--text-muted);margin:0 0 10px;font-size:.95rem}.prompt-value{color:var(--text-strong);font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2.4rem,8vw,4rem);font-weight:600;line-height:1.02}.search-shell{position:relative}.search-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-field{position:relative}.search-input{border:1px solid var(--border);width:100%;min-height:58px;color:var(--text-strong);font:inherit;background:#070c16b8;border-radius:18px;outline:none;padding:0 18px;transition:border-color .16s,box-shadow .16s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:#f0b429a6;box-shadow:0 0 0 4px #f0b4291f}.search-input::-webkit-search-cancel-button{display:none}.suggestions{z-index:5;border:1px solid var(--border);box-shadow:var(--shadow);background:#0a101bfa;border-radius:18px;max-height:280px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.suggestion-item{width:100%;color:var(--text-strong);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px 14px}.suggestion-item:hover,.suggestion-item.is-active{background:#f0b4291f}.suggestion-item mark{color:var(--accent-strong);background:0 0;padding:0;font-weight:800}.feedback{border-radius:var(--radius-sm);min-height:52px;margin-top:18px;padding:14px 16px;font-weight:700}.feedback--hidden{visibility:hidden}.feedback--correct{background:var(--success-soft);color:var(--success)}.feedback--wrong{background:var(--danger-soft);color:var(--danger)}.feedback--skip{background:var(--skip-soft);color:var(--text)}.quiz-actions{justify-content:flex-end;margin-top:10px;display:flex}.done-panel{justify-items:start;gap:14px;display:grid}.done-title{color:var(--text-strong);font-family:var(--font-display);margin:0;font-size:2.4rem}.done-score{color:var(--accent-strong);margin:0;font-size:1.5rem;font-weight:800}@media (width<=640px){.app-shell{width:min(100% - 20px,760px);padding-top:24px}.panel{padding:20px}.mode-grid{grid-template-columns:1fr}.quiz-top{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}