#root,body,html{height:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--brand-1:#ff006e;--brand-2:#ffb86b;--bg:#f3f4f6;--surface:#fff;--text:#0b1020;--muted:#6b7280;--border:#d0d5dd;--border-soft:#0000000f;--ok:#199a50;--bad:#c23b3b;--none:#8a8f98;--error:salmon;--warn:#d97706;--focus:#39408a;--answer-selected-bg:#eef2ff;--answer-hover-bg:#f3f4f6;--answer-bg:#f9fafb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-1:0 10px 30px #0b102014,0 2px 6px #0b10200a;--gap-form-button:clamp(12px,2.2vw,24px);--gap-header-form:calc(var(--gap-form-button)*2);--font:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:#f3f4f6;background:var(--bg);color:#0b1020;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-family:var(--font)}.app-container{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0b102014,0 2px 6px #0b10200a;box-shadow:var(--shadow-1);margin:8vh auto;padding:28px 24px;width:min(92vw,780px)}.qz-header{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.qz-header svg{display:block}.qz-wordmark{display:inline-block;transform:translateY(-2px)}:focus-visible{outline:2px solid #39408a;outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.with-transition{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}}.page-title{font-size:20px;font-weight:700;line-height:1.25;text-align:center}.home-page{margin-top:calc(clamp(12px, 2.2vw, 24px)*2);margin-top:var(--gap-header-form)}.settings-form{gap:12px;margin:12px auto 0;max-width:420px;width:100%}.field,.settings-form{display:flex;flex-direction:column}.field{gap:6px}.field-label{font-size:14px;opacity:.9}.field-hint{font-size:13px;margin-top:6px;opacity:.9}.field-hint.error{color:salmon;color:var(--error)}button,input[type=number],input[type=text],select{font:inherit}input[type=number],input[type=text],select{background:#fff;background:var(--surface);border:1px solid #d0d5dd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0b1020;color:var(--text);padding:10px 12px}select[disabled]{opacity:.75}.actions{display:flex;margin-top:clamp(12px,2.2vw,24px);margin-top:var(--gap-form-button)}.actions,.btn{justify-content:center}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #d0d5dd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0b1020;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px;text-decoration:none}.btn-lg{border-radius:12px;border-radius:var(--radius-md);font-size:20px;min-width:100px;padding:12px 16px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(90deg,#ff006e,#ffb86b);background:linear-gradient(90deg,var(--brand-1),var(--brand-2));border-color:#0000;color:#fff}.btn-secondary{background:#fff;background:var(--surface)}.btn-ghost,.btn-secondary{color:#0b1020;color:var(--text)}.btn-ghost{background:#0000;border-color:#0000}.play-page{margin-top:calc(clamp(12px, 2.2vw, 24px)*2);margin-top:var(--gap-header-form)}.play-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #0000000f;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f,0 1px 0 #00000005;display:flex;gap:12px;justify-content:space-between;overflow:visible;padding:10px 12px;position:static}.play-page .page-title{color:#6b7280;color:var(--muted);font-size:18px;font-weight:500;margin:0;text-align:left}.quiz-meta{align-items:center;display:flex;gap:16px;justify-content:flex-end;line-height:1.2;margin:0}.score-pill{align-items:center;background:#f9fafb;background:var(--answer-bg);border:1px solid #d0d5dd;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-weight:600;gap:6px;padding:6px 10px}.score-pill .sep{opacity:.45}.play-header .score-pill{font-size:.95em}.play-header .score-pill strong{font-weight:500}.quiz-meta .score,.quiz-meta .time{align-items:baseline;display:flex;gap:6px}.time-value{color:#d97706;color:var(--warn);display:inline-block;font-size:1.2em;line-height:1;min-width:3.2ch}.question-block{display:flex;flex-direction:column;margin:calc(clamp(12px, 2.2vw, 24px)*1.8) auto 0;margin:calc(var(--gap-form-button)*1.8) auto 0;max-width:clamp(560px,70vw,640px)}.qz-fieldset{border:0;margin:0;min-inline-size:0;padding:0}.qz-fieldset>legend{display:block;float:none;margin:0 0 clamp(12px,2.2vw,24px);margin:0 0 var(--gap-form-button);padding:0;text-align:center;width:100%}.question-text{font-weight:600;margin-bottom:clamp(12px,2.2vw,24px);margin-bottom:var(--gap-form-button);margin-left:auto;margin-right:auto;max-width:48ch;text-align:center}.answers{grid-gap:clamp(12px,2.2vw,24px);grid-gap:var(--gap-form-button);align-items:stretch;display:grid;gap:clamp(12px,2.2vw,24px);gap:var(--gap-form-button);grid-auto-rows:1fr;grid-template-columns:repeat(2,minmax(220px,1fr));justify-content:center;list-style:none;margin:0 auto clamp(12px,2.2vw,24px);margin:0 auto var(--gap-form-button);padding-left:0;width:100%}.answer{display:flex}.answer-label{align-items:center;background:#f9fafb;background:var(--answer-bg);border:1px solid #d0d5dd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:100%;justify-content:center;min-height:64px;padding:14px 16px;-webkit-user-select:none;user-select:none;width:100%}.answer-text{flex:1 1;line-height:1.35;overflow-wrap:anywhere;text-align:center;word-break:break-word}.answer-input{clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@media (hover:hover){.answer-label:hover{background:#f3f4f6;background:var(--answer-hover-bg);box-shadow:0 1px 0 #00000005}}.answer-label:active,.answer.selected .answer-label{background:#eef2ff;background:var(--answer-selected-bg)}.answer.selected .answer-label{border-color:#39408a;border-color:var(--focus);box-shadow:0 0 0 2px #39408a2e;font-weight:600}.answer-label:focus-within{outline:2px solid #39408a;outline:2px solid var(--focus);outline-offset:2px}.page-loading{margin-top:18px;text-align:center}.error-text{color:salmon;color:var(--error)}.back-link{margin-top:12px}.page-subtitle{margin-bottom:8px;text-align:center}.muted{opacity:.85}.results-page{margin-top:calc(clamp(12px, 2.2vw, 24px)*2);margin-top:var(--gap-header-form)}.results-card{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 28px #00000014;margin:0 auto;max-width:760px;padding:24px}.results-card.results-flex{display:flex;flex-direction:column;max-height:min(78vh,760px);padding:20px 20px 16px}.results-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.results-page .page-title{margin:0;text-align:left}.results-meta{align-items:baseline;display:flex;gap:16px}.results-scroll{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-soft);border-top:1px solid #0000000f;border-top:1px solid var(--border-soft);box-shadow:inset 0 8px 8px -8px #00000014,inset 0 -8px 8px -8px #00000014;flex:1 1 auto;margin-top:8px;overflow:auto;padding-right:8px}.results-scroll-header{background:#fff;background:var(--surface);font-weight:700;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.review-list{counter-reset:r;list-style:none;padding-left:0;padding-right:8px}.review-item{grid-column-gap:12px;align-items:start;border-bottom:1px dashed #0000000a;column-gap:12px;display:grid;grid-template-columns:2.3ch 28px 1fr;padding:12px 0;position:relative}.review-item:last-child{border-bottom:0}.review-item:before{content:counter(r) ".";counter-increment:r;line-height:26px;opacity:.7;text-align:right}.review-row{grid-gap:10px 14px;align-items:start;display:grid;gap:10px 14px;grid-column:2/-1;grid-template-columns:auto 1fr}.review-badge{background:#f3f4f6;border-radius:999px;display:grid;font-size:14px;height:24px;line-height:1;place-items:center;width:24px}.review-badge.ok{background:#e7f8ee}.review-badge.bad{background:#fde8e8}.review-badge.none{background:#f1f5f9}.review-main{min-width:0}.review-question{font-weight:600;line-height:1.3;margin-bottom:6px}.review-answers{font-size:14px;line-height:1.4;opacity:.95}.review-label{opacity:.8}.sep{opacity:.5;padding:0 6px}.answer-ok{color:#199a50;color:var(--ok)}.answer-bad{color:#c23b3b;color:var(--bad)}.answer-none{color:#8a8f98;color:var(--none)}.results-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:center;padding-top:14px}.back-home{align-self:center}@media (max-width:680px){.play-header{align-items:stretch;flex-direction:column;gap:6px;padding:6px 0}.play-page .page-title{text-align:left}.quiz-meta{gap:12px;justify-content:flex-start}.question-block{margin-top:clamp(12px,2.2vw,24px);margin-top:var(--gap-form-button);max-width:100%}.answers{gap:clamp(12px,2.2vw,24px);gap:var(--gap-form-button);grid-auto-rows:auto;grid-template-columns:1fr}.answer-label{min-height:56px;padding:12px 14px}.results-header{align-items:stretch;flex-direction:column;gap:6px}.results-meta{gap:12px;justify-content:flex-start}.results-card.results-flex{max-height:min(80vh,760px)}.results-actions{flex-direction:column;gap:8px}.results-actions .btn-primary{width:100%}.results-actions .back-home{margin-top:2px}}@media (max-width:420px){.app-container{padding:22px 18px}.qz-header{gap:10px}.answers{gap:6px}}
/*# sourceMappingURL=main.8399f14b.css.map*/