:root{--ui-bg:#161616;--ui-base:#101010;--ui-card:#141414;--ui-panel:#1a1a1a;--ui-elevated:#1f1f1f;--ui-text:#f5f5f5;--ui-text-secondary:#e3e3e3;--ui-text-muted:#ababab;--ui-text-dim:#aaa;--ui-text-dimmer:#555;--ui-brand:#d6f866;--ui-brand-hover:#c1df5c;--ui-brand-fg:#101010;--ui-brand-veil:#d6f86614;--ui-danger:#452424;--ui-danger-text:#f0a3a3;--ui-line:#ffffff1a;--ui-line-soft:#ffffff0d;--ui-line-strong:#ffffff26;--ui-line-stronger:#fff3;--ui-hover:#ffffff14;--ui-hover-soft:#ffffff0a;--ui-font:"Graphik LCG", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ui-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ui-weight-regular:400;--ui-weight-medium:500;--ui-size-label:10px;--ui-line-label:15px;--ui-size-control:12px;--ui-line-control:18px;--ui-size-body-sm:13px;--ui-line-body-sm:19.5px;--ui-size-body:14px;--ui-line-body:22.4px;--ui-size-section:18px;--ui-line-section:21.6px;--ui-size-heading:20px;--ui-line-heading:27px;--ui-size-title:24px;--ui-line-title:30px;--ui-size-display:40px;--ui-line-display:44px;--ui-radius-control:8px;--ui-radius-card:14px;--ui-radius-panel:16px;--ui-radius-pill:9999px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;--ui-control-sm:32px;--ui-control-md:40px;--ui-control-lg:48px;--ui-motion-fast:.15s;--ui-motion:.25s;--ui-motion-slow:.3s;--ui-ease:cubic-bezier(.22, .61, .36, 1);--ui-ease-out:ease-out;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ui-font)}*,:before,:after{box-sizing:border-box}html,body{background:var(--ui-bg);margin:0;padding:0}body{color:var(--ui-text);font-family:var(--ui-font);font-size:var(--ui-size-body);line-height:var(--ui-line-body);font-weight:var(--ui-weight-regular);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit;font-weight:var(--ui-weight-regular)}img{max-width:100%}.screen{gap:var(--ui-space-4);width:100%;max-width:520px;min-height:100dvh;padding:var(--ui-space-5) var(--ui-space-4) calc(var(--ui-space-5) + env(safe-area-inset-bottom));isolation:isolate;flex-direction:column;margin:0 auto;display:flex;position:relative}.screen:before{content:"";z-index:-1;background:radial-gradient(120% 60% at 50% 0%, var(--ui-brand-veil), transparent 70%);pointer-events:none;height:420px;position:fixed;top:0;left:0;right:0}.screen--centered{justify-content:center}.actions{padding-top:var(--ui-space-4);gap:var(--ui-space-2);flex-direction:column;margin-top:auto;display:flex}.stage{animation:stage-in var(--ui-motion) var(--ui-ease) both}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stage,.spinner,.option__mark:after,.result__score{animation:none}*{transition-duration:1ms!important}}.brandbar{align-items:center;gap:var(--ui-space-2);display:flex}.brandbar__mark{width:20px;height:20px;color:var(--ui-brand);flex:none}.brandbar__word{font-size:var(--ui-size-body);line-height:var(--ui-line-body);font-weight:var(--ui-weight-medium);letter-spacing:.02em;text-transform:uppercase;color:var(--ui-text)}.brandbar__aside{margin-left:auto}.chip{align-items:center;gap:var(--ui-space-1);height:var(--ui-control-sm);padding:0 var(--ui-space-3);border-radius:var(--ui-radius-pill);background:var(--ui-line-soft);color:var(--ui-text-secondary);font-size:var(--ui-size-control);line-height:var(--ui-line-control);white-space:nowrap;display:inline-flex}.chip--quiet{color:var(--ui-text-muted)}.chips{gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.panel{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);padding:var(--ui-space-4);gap:var(--ui-space-2);flex-direction:column;display:flex}.panel--flat{background:var(--ui-line-soft);border-color:#0000}.label{font-size:var(--ui-size-label);line-height:var(--ui-line-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-muted);margin:0}.notice{padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-control);background:var(--ui-danger);color:var(--ui-text-secondary);font-size:var(--ui-size-body-sm);line-height:var(--ui-line-body-sm);animation:stage-in var(--ui-motion-fast) var(--ui-ease) both;margin:0}.title{font-size:var(--ui-size-title);line-height:var(--ui-line-title);font-weight:var(--ui-weight-medium);color:var(--ui-text);margin:0}.heading{font-size:var(--ui-size-heading);line-height:var(--ui-line-heading);font-weight:var(--ui-weight-medium);color:var(--ui-text);margin:0}.section-title{font-size:var(--ui-size-section);line-height:var(--ui-line-section);font-weight:var(--ui-weight-medium);color:var(--ui-text);margin:0}.text{font-size:var(--ui-size-body);line-height:var(--ui-line-body);color:var(--ui-text-secondary);margin:0}.text--muted{color:var(--ui-text-muted)}.text--small{font-size:var(--ui-size-body-sm);line-height:var(--ui-line-body-sm)}.state{justify-content:center;align-items:center;gap:var(--ui-space-3);text-align:center;flex-direction:column;flex:1;display:flex}.state .button{margin-top:var(--ui-space-2);min-width:180px}.spinner{border:2px solid var(--ui-line);border-top-color:var(--ui-brand);border-radius:var(--ui-radius-pill);width:28px;height:28px;animation:.8s linear infinite spin}.button{justify-content:center;align-items:center;gap:var(--ui-space-2);height:var(--ui-control-lg);padding:0 var(--ui-space-5);border-radius:var(--ui-radius-control);font-family:inherit;font-size:var(--ui-size-body);line-height:var(--ui-line-body);font-weight:var(--ui-weight-regular);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-ease), border-color var(--ui-motion-fast) var(--ui-ease), color var(--ui-motion-fast) var(--ui-ease), opacity var(--ui-motion-fast) var(--ui-ease), transform var(--ui-motion-fast) var(--ui-ease);border:1px solid #0000;display:inline-flex}.button:disabled{opacity:.4;cursor:not-allowed}.button:not(:disabled):active{transform:scale(.98)}.button--md{height:var(--ui-control-md);padding:0 var(--ui-space-4);font-size:var(--ui-size-body-sm);line-height:var(--ui-line-body-sm)}.button--block{width:100%}.button--primary{background:var(--ui-brand);color:var(--ui-brand-fg)}.button--primary:not(:disabled):hover{background:var(--ui-brand-hover)}.button--secondary{border-color:var(--ui-line);color:var(--ui-text);background:0 0}.button--secondary:not(:disabled):hover{background:var(--ui-hover-soft)}.button--ghost{background:var(--ui-line-soft);color:var(--ui-text-secondary)}.button--ghost:not(:disabled):hover{background:var(--ui-hover)}.button--danger{border-color:var(--ui-line-strong);color:var(--ui-danger-text);background:0 0}.button--danger:not(:disabled):hover{background:var(--ui-danger)}.media{border-radius:var(--ui-radius-card);object-fit:cover;width:100%;display:block}.media--placeholder{aspect-ratio:16/9;background:linear-gradient(135deg, var(--ui-panel), var(--ui-card) 60%, var(--ui-elevated));border:1px solid var(--ui-line-soft)}.progress{align-items:center;gap:var(--ui-space-3);display:flex}.progress__track{border-radius:var(--ui-radius-pill);background:var(--ui-line);flex:1;height:4px;position:relative;overflow:hidden}.progress__fill{border-radius:var(--ui-radius-pill);background:var(--ui-brand);transform-origin:0;transition:transform var(--ui-motion-slow) var(--ui-ease);position:absolute;inset:0;transform:scaleX(0)}.progress__label{font-size:var(--ui-size-control);line-height:var(--ui-line-control);color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.start{gap:var(--ui-space-4);flex-direction:column;display:flex}.start__intro{gap:var(--ui-space-2);flex-direction:column;display:flex}.start__facts{gap:var(--ui-space-2);grid-template-columns:1fr 1fr;display:grid}.fact{gap:var(--ui-space-1);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-card);background:var(--ui-line-soft);flex-direction:column;display:flex}.fact__value{font-size:var(--ui-size-heading);line-height:var(--ui-line-heading);color:var(--ui-text);font-variant-numeric:tabular-nums;margin:0}.fact__label{font-size:var(--ui-size-control);line-height:var(--ui-line-control);color:var(--ui-text-muted);margin:0}.streak{gap:var(--ui-space-3);flex-direction:column;display:flex}.streak__days{gap:var(--ui-space-2);display:flex}.streak__day{border-radius:var(--ui-radius-pill);background:var(--ui-line);flex:1;height:6px}.streak__day--filled{background:var(--ui-brand)}.question{gap:var(--ui-space-4);flex-direction:column;display:flex}.question__head{gap:var(--ui-space-3);flex-direction:column;display:flex}.question__text{font-size:var(--ui-size-heading);line-height:var(--ui-line-heading);font-weight:var(--ui-weight-medium);color:var(--ui-text);overflow-wrap:anywhere;margin:0}.options{gap:var(--ui-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.option{align-items:center;gap:var(--ui-space-3);width:100%;min-height:var(--ui-control-lg);padding:var(--ui-space-3) var(--ui-space-4);text-align:left;background:var(--ui-line-soft);border-radius:var(--ui-radius-card);color:var(--ui-text-secondary);font-family:inherit;font-size:var(--ui-size-body);line-height:var(--ui-line-body);font-weight:var(--ui-weight-regular);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-ease), border-color var(--ui-motion-fast) var(--ui-ease), color var(--ui-motion-fast) var(--ui-ease), transform var(--ui-motion-fast) var(--ui-ease);border:1px solid #0000;display:flex}.option:not(:disabled):hover{background:var(--ui-hover)}.option:not(:disabled):active{transform:scale(.99)}.option:disabled{cursor:default}.option--selected{background:var(--ui-hover);border-color:var(--ui-brand);color:var(--ui-text)}.option__mark{border:1px solid var(--ui-line-stronger);border-radius:var(--ui-radius-pill);width:20px;height:20px;transition:border-color var(--ui-motion-fast) var(--ui-ease);flex:none;position:relative}.option--selected .option__mark{border-color:var(--ui-brand)}.option--selected .option__mark:after{content:"";border-radius:var(--ui-radius-pill);background:var(--ui-brand);animation:pop-in var(--ui-motion-fast) var(--ui-ease) both;position:absolute;inset:4px}.option__text{overflow-wrap:anywhere;flex:1}.question-image{gap:var(--ui-space-4);flex-direction:column;display:flex}.question-image__frame{border-radius:var(--ui-radius-card);border:1px solid var(--ui-line);background:var(--ui-card);position:relative;overflow:hidden}.question-image__frame .media,.question-image__frame .media--placeholder{aspect-ratio:4/3;border:0;border-radius:0}.question-image__caption{padding:var(--ui-space-5) var(--ui-space-4) var(--ui-space-3);background:linear-gradient(to top, var(--ui-base), transparent);position:absolute;bottom:0;left:0;right:0}.question-image__text{font-size:var(--ui-size-section);line-height:var(--ui-line-section);font-weight:var(--ui-weight-medium);color:var(--ui-text);overflow-wrap:anywhere;margin:0}.options--pair{gap:var(--ui-space-2);flex-direction:row}.options--pair>li{flex:1 1 0;min-width:0}.options--pair .option{justify-content:center;align-items:center;gap:var(--ui-space-2);text-align:center;height:100%;min-height:84px;padding:var(--ui-space-4) var(--ui-space-3);flex-direction:column}.options--pair .option__text{flex:none}.option__thumb{border-radius:var(--ui-radius-control);aspect-ratio:1;object-fit:cover;width:100%}.result{justify-content:center;align-items:center;gap:var(--ui-space-3);text-align:center;flex-direction:column;flex:1;display:flex}.result__badge{border-radius:var(--ui-radius-pill);background:var(--ui-line-soft);width:56px;height:56px;color:var(--ui-text-muted);animation:pop-in var(--ui-motion) var(--ui-ease) both;justify-content:center;align-items:center;display:inline-flex}.result--passed .result__badge{background:var(--ui-brand);color:var(--ui-brand-fg)}.result__score{font-size:var(--ui-size-display);line-height:var(--ui-line-display);font-weight:var(--ui-weight-regular);font-variant-numeric:tabular-nums;color:var(--ui-text);margin:0}.result--passed .result__score{color:var(--ui-brand)}.result__prize{width:100%;margin-top:var(--ui-space-2);text-align:left}.promo{gap:var(--ui-space-1);width:100%;padding:var(--ui-space-4);border-radius:var(--ui-radius-panel);background:var(--ui-elevated);border:1px solid var(--ui-line-strong);text-align:left;animation:stage-in var(--ui-motion-slow) var(--ui-ease) both;flex-direction:column;display:flex}.promo__code{font-family:var(--ui-font-mono);font-size:var(--ui-size-title);line-height:var(--ui-line-title);font-weight:var(--ui-weight-regular);letter-spacing:.16em;color:var(--ui-brand);-webkit-user-select:all;user-select:all;margin:0}.promo__terms{font-size:var(--ui-size-body-sm);line-height:var(--ui-line-body-sm);color:var(--ui-text-muted);margin:0}.pool__header{justify-content:space-between;align-items:center;gap:var(--ui-space-3);display:flex}.pool__actions{gap:var(--ui-space-2);display:flex}.pool__actions .button{flex:1;min-width:0}.pool__grid{gap:var(--ui-space-3);grid-template-columns:1fr;display:grid}.review{gap:var(--ui-space-3);padding:var(--ui-space-4);border-radius:var(--ui-radius-panel);background:var(--ui-panel);border:1px solid var(--ui-line);transition:border-color var(--ui-motion-fast) var(--ui-ease);flex-direction:column;display:flex}.review--approved{border-color:var(--ui-brand)}.review--rejected{opacity:.5}.review__header{align-items:center;gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.review__source{font-size:var(--ui-size-label);line-height:var(--ui-line-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-dimmer);margin-left:auto}.review__options{gap:var(--ui-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.review__option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-control);background:var(--ui-line-soft);font-size:var(--ui-size-body-sm);line-height:var(--ui-line-body-sm);color:var(--ui-text-secondary);border:1px solid #0000}.review__option--correct{border-color:var(--ui-brand);color:var(--ui-text)}.review__meta{font-size:var(--ui-size-control);line-height:var(--ui-line-control);color:var(--ui-text-dim);margin:0}.review__actions{gap:var(--ui-space-2);display:flex}.review__actions .button{min-width:0;padding:0 var(--ui-space-2);font-size:var(--ui-size-control);line-height:var(--ui-line-control);white-space:nowrap;flex:1}