:root{--color-background:#fff9ec;--color-surface:#fff9ec;--color-surface-dim:#e0dac7;--color-surface-container-lowest:#fff;--color-surface-container-low:#faf3e0;--color-surface-container:#f4eedb;--color-surface-container-high:#efe8d5;--color-surface-container-highest:#e9e2d0;--color-on-surface:#1e1c10;--color-on-surface-variant:#414943;--color-outline:#717972;--color-outline-variant:#c0c9c1;--color-surface-tint:#36684e;--color-primary:#0f442d;--color-on-primary:#fff;--color-primary-container:#2a5c43;--color-on-primary-container:#9dd2b3;--color-primary-fixed:#b9efce;--color-primary-fixed-dim:#9dd2b3;--color-secondary:#8e4e14;--color-on-secondary:#fff;--color-secondary-container:#ffab69;--color-on-secondary-container:#783d01;--color-tertiary:#731b04;--color-on-tertiary:#fff;--color-tertiary-container:#933219;--color-on-tertiary-container:#ffb4a2;--color-error:#ba1a1a;--color-on-error:#fff;--color-success:#0f442d;--color-on-success:#0f442d;--color-success-muted:#b9efce;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--space-unit:8px;--space-xs:4px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-margin:20px;--font-headline:"Lexend", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--shadow-card:0 4px 14px #0f442d1f;--shadow-lift:0 6px 20px #0f442d2e;--shadow-press:inset 0 -3px 0 #0f442d59}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-background);min-height:100%;color:var(--color-on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(180deg, var(--color-surface-container) 0%, var(--color-background) 40%);justify-content:center;align-items:stretch;display:flex}.app-phone{background:var(--color-surface);width:100%;max-width:430px;min-height:100dvh;box-shadow:var(--shadow-card);flex-direction:column;display:flex}.app-main{min-height:0;padding:var(--space-md) var(--space-margin);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.headline-lg{font-family:var(--font-headline);margin:0 0 var(--space-md);color:var(--color-primary);font-size:1.75rem;font-weight:600;line-height:1.2}.headline-md{font-family:var(--font-headline);margin:0 0 var(--space-sm);color:var(--color-on-surface);font-size:1.25rem;font-weight:600;line-height:1.3}.body-md{font-family:var(--font-body);margin:0 0 var(--space-md);color:var(--color-on-surface-variant);font-size:1rem;font-weight:400;line-height:1.5}.body-md small{color:var(--color-outline);font-size:.8125rem}.btn{border-radius:var(--radius-lg);width:100%;font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:14px 20px;font-size:1rem;font-weight:600;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-lift), var(--shadow-press);border-radius:var(--radius-lg)}.btn-primary:hover:not(:disabled){background:var(--color-primary-container)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-card)}.card{background:var(--color-surface-container-low);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);border:none}.loading-state,.error-state{text-align:center;padding:var(--space-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.error-state .body-md{color:var(--color-error)}.spinner{border:3px solid var(--color-outline-variant);border-top-color:var(--color-primary);width:40px;height:40px;margin-bottom:var(--space-md);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.view-welcome{text-align:center;flex-direction:column;flex:1;display:flex}.welcome-hero{margin-bottom:var(--space-md);position:relative;overflow:hidden}.welcome-hero-img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.welcome-headline{text-align:center}.welcome-body{white-space:pre-wrap;text-align:center}.welcome-actions{padding-top:var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;margin-top:auto;margin-bottom:auto;display:flex}.btn-welcome-cta{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:var(--radius-lg);font-size:1.05rem;font-weight:700;box-shadow:0 4px #8e4e1461}.btn-welcome-cta:hover:not(:disabled){filter:brightness(1.03)}.btn-welcome-cta:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.welcome-cta-icon{opacity:.95;display:inline-flex}.view-question{flex-direction:column;flex:1;min-height:0;display:flex}.question-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:var(--space-sm);flex:1;overflow:visible}.view-question:has(.correct-cta--dock) .question-scroll{padding-bottom:calc(env(safe-area-inset-bottom) + 11rem)}.episode-row{margin-bottom:var(--space-sm);font-family:var(--font-headline);letter-spacing:.05em;text-transform:uppercase;color:var(--color-secondary);font-size:.6875rem;font-weight:700}.progress-track{border-radius:var(--radius-full);background:var(--color-surface-container);width:100%;height:10px;margin-bottom:var(--space-md);overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-secondary-container) 0%, var(--color-tertiary-container) 100%);height:100%;transition:width .35s}.video-wrap{margin-bottom:var(--space-md);border-radius:var(--radius-lg);padding:0;overflow:hidden}.video-wrap.card{padding:0}.question-video{border-radius:var(--radius-lg);background:#1a1810;width:100%;height:250px;display:block}.video-error{padding:var(--space-md);color:var(--color-error);margin:0}.question-prompt{margin-bottom:var(--space-md);color:var(--color-on-secondary-container)}.choice-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.choice-row{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-lowest);width:100%;color:var(--color-on-surface);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-card);padding:12px;font-size:1rem;line-height:1.35;transition:border-color .15s,background .15s,box-shadow .15s}.choice-row:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-lift)}.choice-row:disabled:not(.choice-row-correct):not(.choice-row-incorrect){cursor:not-allowed;opacity:.55;color:var(--color-on-surface-variant);background:var(--color-surface-container);border-color:var(--color-outline-variant);box-shadow:none;font-weight:400}.choice-text{flex:1}.choice-row-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);background:var(--color-surface-container-low)}.choice-row-correct{background:var(--color-success-muted);color:var(--color-success);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);font-weight:600}.choice-row-incorrect{color:var(--color-error);border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error);background:#ba1a1a1a;font-weight:600}.choice-hint{margin:var(--space-md) 0 0;text-align:center;font-family:var(--font-headline);letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);opacity:.9;font-size:.625rem;font-weight:700}.correct-cta{padding:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-success-muted) 0%, #a8e0c0 100%);box-shadow:var(--shadow-card);border:1px solid #0f442d33}.correct-cta.correct-cta--dock{z-index:50;box-sizing:border-box;width:min(430px,100vw);padding-top:var(--space-md);padding-left:max(env(safe-area-inset-left), var(--space-margin));padding-right:max(env(safe-area-inset-right), var(--space-margin));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;animation:.32s cubic-bezier(.22,1,.36,1) both correct-cta-dock-in;position:fixed;bottom:0;left:calc(50vw - min(430px,100vw)/2);box-shadow:0 -10px 28px #0f442d24}@keyframes correct-cta-dock-in{0%{opacity:.96;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.correct-cta--dock{animation:none}}.correct-cta-label{margin:0 0 var(--space-sm);font-family:var(--font-headline);color:var(--color-primary);text-align:center;letter-spacing:.02em;font-size:1.125rem;font-weight:700;line-height:1.2}.btn-next{margin-top:0}.welcome-hero.card{padding:0}.view-finish{justify-content:center;gap:var(--space-md);text-align:center;flex-direction:column;flex:1;display:flex}.finish-headline{text-align:center;margin-bottom:0}.finish-rednote-link{box-sizing:border-box;width:100%;text-decoration:none}.finish-score{font-family:var(--font-headline);color:var(--color-primary);text-align:center;margin:0;font-size:1.25rem;font-weight:600;line-height:1.35}.finish-score strong{font-weight:800}.finish-subtitle{margin:0 0 var(--space-sm);font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant);font-size:.8125rem;font-weight:600}.finish-message{white-space:pre-wrap;text-align:center}.btn-finish-primary{font-size:1.02rem}.btn-finish-secondary{background:var(--color-surface-container-low);color:var(--color-primary);border:2px solid var(--color-primary);margin-top:auto;font-weight:600}.finish-reward-section{align-items:center;gap:var(--space-md);flex-direction:column;width:100%;display:flex}.finish-reward-empty{margin:0}@keyframes reward-flip-idle{0%{transform:translateY(0);rotate:0}25%{transform:translateY(-10px)rotate(-1deg)}50%{transform:translateY(0);rotate:0}75%{transform:translateY(-10px)rotate(2deg)}to{transform:translateY(0);rotate:0}}.reward-flip-scene{perspective:1000px;aspect-ratio:7/8;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;border:none;width:100%;max-width:260px;margin:0;padding:0;display:block}.reward-flip-scene:not(.reward-flip-scene--revealed){animation:2s ease-in-out infinite reward-flip-idle}.reward-flip-scene:active:not(.reward-flip-scene--revealed){animation-play-state:paused}.reward-flip-scene--revealed{cursor:zoom-in;animation:none}.reward-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1);position:relative}.reward-flip-inner--flipped{transform:rotateY(180deg)}.reward-flip-face{backface-visibility:hidden;border-radius:var(--radius-lg);position:absolute;inset:0;overflow:hidden}.reward-flip-face--back{box-shadow:0 0 0 1px #00000059 inset, var(--shadow-lift);color:#f2e6bc;justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);font-family:var(--font-headline);background:linear-gradient(155deg,#1e3d2d 0%,#0f2a1c 42%,#1a4530 100%);border:3px solid #d4a83a;flex-direction:column;display:flex;transform:rotateY(0)}.reward-flip-face--back:after{content:"";border-radius:calc(var(--radius-lg) - 10px);pointer-events:none;border:1px dashed #d4a83a73;position:absolute;inset:12px}.reward-flip-face--back-custom{background:#121210;padding:0}.reward-flip-face--back-custom:after{display:none}.reward-flip-back-img{object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.reward-flip-back-overlay{z-index:1;justify-content:center;align-items:center;gap:var(--space-xs);box-sizing:border-box;width:100%;height:100%;padding:var(--space-md);font-family:var(--font-headline);text-align:center;color:#f2e6bc;background:#00000047;flex-direction:column;display:flex;position:relative}.reward-flip-back-overlay .reward-flip-card-title{text-shadow:0 1px 3px #000000a6}.reward-flip-back-overlay .reward-flip-card-hint{text-shadow:0 1px 2px #0000008c}.reward-flip-corner{color:#d4a83a;font-size:.75rem;line-height:1;position:absolute}.reward-flip-corner--tl{top:10px;left:12px}.reward-flip-corner--tr{top:10px;right:12px}.reward-flip-corner--bl{bottom:10px;left:12px}.reward-flip-corner--br{bottom:10px;right:12px}.reward-flip-card-title{z-index:1;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-shadow:0 1px 2px #00000059;max-width:12rem;font-size:1.05rem;font-weight:700;line-height:1.25;position:relative}.reward-flip-card-hint{z-index:1;letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:.625rem;font-weight:600;position:relative}.reward-flip-face--front{background:#121210;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.reward-flip-spinner{position:absolute}.reward-img{object-fit:cover;border-radius:inherit;-webkit-touch-callout:default;width:100%;height:100%;display:block}.reward-error{padding:var(--space-md);color:var(--color-error);text-align:center;margin:0}@media (prefers-reduced-motion:reduce){.reward-flip-inner{transition-duration:.01ms}.reward-flip-scene{animation:none}}.finish-again,.finish-share{margin-top:0;position:relative}.finish-share--copied:after{content:"✓";font-size:24px;position:absolute;right:12px}.reward-fullscreen-overlay{z-index:1000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);cursor:zoom-out;-webkit-tap-highlight-color:transparent;background:#000000eb;justify-content:center;align-items:center;animation:.2s ease-out both reward-fullscreen-fade-in;display:flex;position:fixed;inset:0}@keyframes reward-fullscreen-fade-in{0%{opacity:0}to{opacity:1}}.reward-fullscreen-img{object-fit:contain;-webkit-touch-callout:default;width:auto;max-width:100vw;height:auto;max-height:100dvh;display:block}.reward-fullscreen-close{top:calc(env(safe-area-inset-top) + var(--space-sm));right:calc(env(safe-area-inset-right) + var(--space-sm));color:#fff;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background .15s;display:inline-flex;position:absolute}.reward-fullscreen-close:hover{background:#fff3}.reward-fullscreen-close:active{background:#ffffff47}@media (prefers-reduced-motion:reduce){.reward-fullscreen-overlay{animation:none}}.dev-quiz-tools{left:50%;bottom:max(.5rem, env(safe-area-inset-bottom));z-index:9999;pointer-events:auto;position:fixed;transform:translate(-50%)}.dev-quiz-tools-btn{letter-spacing:.02em;text-transform:uppercase;color:#e8e8e8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#b43c78eb;border:1px solid #ffffff59;border-radius:6px;margin:0;padding:.35rem .65rem;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px #00000059}.dev-quiz-tools-btn:hover{background:#c84687f2}.dev-quiz-tools-btn:active{transform:scale(.98)}