@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f5;--bg-deep:#e4eaef;--surface:#fff;--surface-sunk:#f4f7f9;--line:#dde4ea;--line-strong:#c9d3db;--ink:#10161b;--ink-soft:#46525e;--ink-muted:#78848f;--green:#21a038;--green-deep:#14742a;--lime:#c4f03e;--lime-bright:#d6f94c;--lime-mid:#8fe63c;--blue:#2e7de1;--mint:#6fe3b4;--correct:#1d9c36;--correct-bg:#eaf8ec;--correct-line:#7fd28f;--wrong:#d93a3f;--wrong-bg:#fdeded;--wrong-line:#f0a5a7;--radius-card:22px;--radius-option:18px;--radius-pill:999px;--tap-min:48px;--shadow-sm:0 1px 2px #10161b0d, 0 4px 14px #10161b0d;--shadow-md:0 2px 6px #10161b0f, 0 16px 40px #10161b14;--shadow-lift:0 8px 20px #10161b1a, 0 30px 60px #10161b1a;--fs-display:clamp(30px, 8vw, 44px);--fs-title:clamp(21px, 5.4vw, 29px);--fs-option:clamp(15px, 4.1vw, 18px);--fs-body:clamp(15px, 3.9vw, 17px);--fs-label:13px;--ease:cubic-bezier(.2, .7, .2, 1)}@media (orientation:landscape) and (min-width:900px){:root{--fs-display:clamp(44px, 4.4vw, 76px);--fs-title:clamp(28px, 2.5vw, 44px);--fs-option:clamp(18px, 1.35vw, 24px);--fs-body:clamp(17px, 1.25vw, 22px);--fs-label:16px;--tap-min:64px;--radius-card:28px;--radius-option:22px}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:SB Sans Display,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.bg-root{z-index:0;background:linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(90px);opacity:.42;will-change:transform;border-radius:50%;position:absolute}.bg-blob-a{background:radial-gradient(circle at 40% 40%, var(--blue) 0%, transparent 62%), radial-gradient(circle at 70% 68%, var(--mint) 0%, transparent 58%);width:62vmax;height:62vmax;top:-28vmax;right:-18vmax}.bg-blob-b{background:radial-gradient(circle at 60% 32%, var(--green) 0%, transparent 58%), radial-gradient(circle at 32% 70%, var(--lime) 0%, transparent 58%);width:55vmax;height:55vmax;bottom:-26vmax;left:-20vmax}.bg-blob-c{background:radial-gradient(circle at 50% 50%, var(--lime-mid) 0%, transparent 62%);opacity:.28;width:38vmax;height:38vmax;top:42%;left:46%}@media (prefers-reduced-motion:no-preference){.bg-blob-a{animation:drift-a 26s var(--ease) infinite alternate}.bg-blob-b{animation:drift-b 32s var(--ease) infinite alternate}.bg-blob-c{animation:drift-c 24s var(--ease) infinite alternate}}@keyframes drift-a{to{transform:translate(-6vmax,4vmax)scale(1.08)}}@keyframes drift-b{to{transform:translate(5vmax,-5vmax)scale(1.06)}}@keyframes drift-c{to{transform:translate(-8vmax,-6vmax)scale(1.12)}}.bg-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bg-scrim{background:linear-gradient(#eef2f5e6 0%,#eef2f5b8 45%,#eef2f5e6 100%);position:absolute;inset:0}.screen{z-index:1;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.screen-inner{flex-direction:column;flex:1;justify-content:safe center;gap:22px;width:100%;max-width:720px;margin:0 auto;padding:16px 0;display:flex}@media (orientation:landscape) and (min-width:900px){.screen{padding:32px 48px}.screen-inner{gap:32px;max-width:1500px}}.display{font-size:var(--fs-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}.title{font-size:var(--fs-title);letter-spacing:-.018em;text-wrap:balance;margin:0;font-weight:600;line-height:1.16}.body{font-size:var(--fs-body);color:var(--ink-soft);margin:0;line-height:1.55}.label{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-weight:600}.btn{min-height:var(--tap-min);border-radius:var(--radius-pill);font-size:var(--fs-option);letter-spacing:-.005em;transition:transform .18s var(--ease), box-shadow .18s var(--ease), filter .18s var(--ease);border:none;justify-content:center;align-items:center;gap:10px;padding:0 32px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(96deg, var(--lime-mid) 0%, var(--lime-bright) 100%);color:var(--ink);box-shadow:0 4px 16px #8fe63c66}.btn-primary:active{transform:scale(.975)}.btn-primary:disabled{background:var(--surface-sunk);color:var(--ink-muted);box-shadow:none;cursor:not-allowed}.btn-ghost{color:var(--ink-soft);border:1.5px solid var(--line-strong);background:0 0}.btn-ghost:active{transform:scale(.975)}.btn-full{width:100%}.progress{align-items:center;gap:14px;display:flex}.progress-track{border-radius:var(--radius-pill);background:#10161b17;flex:1;height:5px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--green) 0%, var(--lime-mid) 100%);height:100%}.progress-label{font-size:var(--fs-label);color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.media-frame{border-radius:var(--radius-option);background:var(--surface-sunk);isolation:isolate;width:100%;position:relative;overflow:hidden}.media-frame-backdrop{object-fit:cover;filter:blur(26px)saturate(1.25);opacity:.55;width:124%;height:124%;position:absolute;inset:-12%;transform:scale(1.06)}.media-frame-img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.options{gap:12px;display:grid}.options-text{grid-template-columns:1fr}.options-media{grid-template-columns:repeat(2,1fr)}@media (orientation:landscape) and (min-width:900px){.options{gap:16px}}.option{width:100%;min-height:var(--tap-min);text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-option);box-shadow:var(--shadow-sm);font-size:var(--fs-option);color:var(--ink);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease);align-items:center;gap:14px;padding:16px 20px;font-weight:500;line-height:1.3;display:flex;position:relative}.option-media{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.option-line{align-items:center;gap:12px;padding:0 6px 4px;display:flex}.option-caption{font-size:var(--fs-option);font-weight:500;line-height:1.25}.option-marker{border:2px solid var(--line-strong);width:26px;height:26px;transition:border-color .2s var(--ease), background-color .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.option-marker-square{border-radius:8px}.option[data-selected=true]{border-color:var(--ink);background:var(--surface);box-shadow:var(--shadow-md)}.option[data-selected=true] .option-marker{border-color:var(--ink);background:var(--ink);color:#fff}.option[data-state=correct]{border-color:var(--correct-line);background:var(--correct-bg);box-shadow:0 0 0 4px #21a0381f, var(--shadow-md)}.option[data-state=correct] .option-marker{border-color:var(--correct);background:var(--correct);color:#fff}.option[data-state=wrong]{border-color:var(--wrong-line);background:var(--wrong-bg)}.option[data-state=wrong] .option-marker{border-color:var(--wrong);background:var(--wrong);color:#fff}.option[data-state=muted]{opacity:.5}.option:disabled{cursor:default}.option-flag{letter-spacing:.06em;text-transform:uppercase;color:var(--correct);border-radius:var(--radius-pill);background:#ffffffe6;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:12px}.verdict{border-radius:var(--radius-pill);font-weight:600;font-size:var(--fs-option);align-self:flex-start;align-items:center;gap:10px;padding:8px 18px 8px 12px;display:inline-flex}.verdict-correct{background:var(--correct-bg);color:var(--green-deep)}.verdict-wrong{background:var(--wrong-bg);color:var(--wrong)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:22px}@media (orientation:landscape) and (min-width:900px){.card{padding:32px}}.audio{background:var(--surface-sunk);border-radius:var(--radius-pill);align-self:flex-start;align-items:center;gap:14px;max-width:100%;padding:10px 18px 10px 10px;display:flex}.audio-btn{background:var(--ink);color:#fff;width:44px;height:44px;transition:transform .18s var(--ease);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.audio-btn:active{transform:scale(.92)}.audio-track{border-radius:var(--radius-pill);background:#10161b1f;flex:1;min-width:90px;height:4px;overflow:hidden}.audio-fill{background:var(--green);border-radius:var(--radius-pill);height:100%;transition:width .2s linear}.audio-label{font-size:var(--fs-label);color:var(--ink-muted);white-space:nowrap;font-weight:600}.split{align-items:start;gap:22px;display:grid}.split>*,.q-grid>*{min-width:0}@media (orientation:landscape) and (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}}.split-media .media-frame{max-height:40dvh}@media (orientation:landscape) and (min-width:900px){.split-media .media-frame{max-height:62dvh}}.q-grid{grid-template-areas:"ask""options""explain";gap:22px;display:grid}.q-ask{flex-direction:column;grid-area:ask;gap:16px;display:flex}.q-options{grid-area:options}.q-explain{flex-direction:column;grid-area:explain;align-items:stretch;gap:16px;display:flex}.q-image .media-frame{max-height:34dvh;transition:max-height .4s var(--ease)}@media (orientation:landscape) and (min-width:900px){.q-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"ask options""explain options";align-content:center;gap:28px 48px}.q-image .media-frame{max-height:46dvh}.q-grid[data-revealed=true] .q-image .media-frame{max-height:24dvh}}.qr-box{border-radius:var(--radius-option);box-shadow:var(--shadow-md);background:#fff;place-items:center;padding:18px;display:grid}.qr-box img{width:100%;max-width:260px;height:auto;display:block}.final-card .media-frame{max-height:26dvh}@media (orientation:landscape) and (min-width:900px){.final-card .media-frame{max-height:22dvh}.qr-box img{max-width:200px}}.score-ring{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:inline-flex}.overlay{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eef2f5db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:460px;padding:36px;display:flex}.countdown{font-size:var(--fs-display);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.kiosk{touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.option:not(:disabled):hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.btn-primary:hover{filter:brightness(1.04);box-shadow:0 6px 22px #8fe63c80}.btn-ghost:hover{border-color:var(--ink-soft);color:var(--ink)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}