@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2) format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2) format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2) format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fff9f0;--surface: #ffffff;--text: #1a1a1a;--text-2: #5a5a5a;--border: #e8e0d5;--success: #27ae60;--miss: #e67e22;--gold: #f1c40f;--radius-card: 20px;--radius-btn: 16px;--pad-page: 24px;--movie-primary: #e8823a;--movie-secondary: #c0392b;--movie-surface: #fff1e8;--movie-gradient: linear-gradient(135deg, #e8823a 0%, #c0392b 100%);--movie-on-gradient: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}.screen{min-height:100%;display:flex;flex-direction:column;padding:var(--pad-page);max-width:900px;margin:0 auto;width:100%}.speaker-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000000f;color:var(--text);font-size:22px;flex:none;padding:0}.speaker-btn:active{transform:scale(.92)}.speaker-glyph{line-height:0;display:inline-flex}.speaker-rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.speaker-rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid currentColor;opacity:0;animation:speakerPulse 1.5s ease-out infinite}.speaker-rings span:nth-child(2){animation-delay:.3s}.speaker-rings span:nth-child(3){animation-delay:.6s}.home-hero{display:block;width:100%;line-height:0;margin:2px 0 -2px}.home-hero-img{display:block;width:100%;height:auto;aspect-ratio:16 / 6;object-fit:cover;object-position:center 30%;max-height:clamp(220px,34vh,360px);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}@media (orientation: portrait){.home-hero-img{aspect-ratio:4 / 3;object-position:center 42%}}.app-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:40px;font-weight:900;letter-spacing:-.02em;text-align:center;margin:8px 0 22px}.sparkle{flex:none;animation:twinkle 2s ease-in-out infinite}.sparkle-r{animation-delay:1s}.movie-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;align-content:start}.movie-card{position:relative;border-radius:var(--radius-card);min-height:180px;box-shadow:0 4px 16px #0000001f;overflow:hidden;width:100%;transition:transform .1s ease,box-shadow .1s ease}.movie-card:active{transform:scale(.97);box-shadow:0 2px 8px #0000001a}.movie-card-hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;border-radius:inherit}.movie-card-art{pointer-events:none;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);opacity:.32;line-height:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease;pointer-events:none}.card-image-loaded{opacity:1}.card-image-backdrop{object-fit:cover}.card-backdrop-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#000000c7,#00000073 32%,#0000 68%)}.movie-card-title{position:absolute;left:16px;bottom:16px;z-index:1;max-width:calc(100% - 84px);font-size:26px;line-height:1.15;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none}.movie-card-speaker{position:absolute;right:16px;bottom:16px;background:#ffffffe6;box-shadow:0 2px 6px #0003}.speaker-btn.movie-card-speaker{background:#ffffff1f;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 14px #0000002e,inset 0 1px 1px #ffffffa6;color:#fff}.speaker-btn.movie-card-speaker .speaker-glyph svg path[fill=currentColor]{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.speaker-btn.movie-card-speaker{background:#ffffff8c}}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;align-content:start}.category-card{min-height:200px}.category-card .movie-card-speaker{top:14px;right:14px;bottom:auto}.category-card .movie-card-title{font-size:24px;max-width:calc(100% - 32px)}.category-card-soon{filter:grayscale(.4);opacity:.65}.category-soon-badge{position:absolute;top:14px;left:14px;padding:4px 12px;border-radius:999px;background:#00000073;color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;pointer-events:none}.picker-topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.picker-topbar-themed{background:var(--movie-gradient);color:var(--movie-on-gradient);border-radius:var(--radius-card);padding:14px 16px;min-height:80px;box-shadow:0 4px 16px #0000001f}.back-btn{flex:none;width:56px;height:56px;border:2px solid var(--border);border-radius:50%;background:var(--surface);font-size:34px;line-height:1;font-weight:800;color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0 4px 4px 0}.back-btn-themed{background:#ffffff2e;border:2px solid rgba(255,255,255,.8);color:var(--movie-on-gradient)}.back-btn:active{transform:scale(.94)}.picker-title{flex:1;font-size:28px;font-weight:800;margin:0;color:inherit}.picker-topbar-themed .picker-title-speaker{background:#ffffff38;color:var(--movie-on-gradient)}.question-screen{padding-bottom:0}.theme-bar{display:flex;align-items:center;gap:12px;min-height:72px;padding:0 18px;margin:calc(-1 * var(--pad-page)) calc(-1 * var(--pad-page)) 20px;background:var(--movie-gradient);color:var(--movie-on-gradient);border-radius:0 0 var(--radius-card) var(--radius-card)}.theme-bar-icon{flex:none;opacity:.85}.theme-bar-title{font-size:20px;font-weight:700}.round-stars{display:flex;align-items:center;gap:8px;margin-left:auto}.round-star{display:inline-flex;flex:none}.round-star-pending{color:currentColor;opacity:.55}.round-star-correct{color:#f1c40f;animation:starPop .36s cubic-bezier(.34,1.56,.64,1) both}.round-star-wrong{color:var(--miss);animation:starPop .36s cubic-bezier(.34,1.56,.64,1) both}@keyframes starPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}60%{transform:scale(1.25) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.round-star-correct,.round-star-wrong{animation:none}}.q-body{display:flex;flex-direction:column;flex:1}.q-box{position:relative;display:flex;align-items:center;gap:12px;background:var(--surface);border:none;border-left:5px solid var(--movie-primary);border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:20px 20px 20px 16px;margin-bottom:20px;min-height:96px}.q-text{flex:1;font-size:clamp(24px,3.5vw,30px);font-weight:700;line-height:1.3;margin:0}.q-speaker{background:var(--movie-primary);color:#fff;box-shadow:0 2px 8px #0000002e}.answers{position:relative;display:flex;flex-direction:column;gap:14px}.answer{display:flex;align-items:stretch;background:var(--surface);border:none;border-radius:18px;box-shadow:0 3px 10px #00000014;overflow:hidden;min-height:104px}.answer-speaker{margin:auto 4px auto 12px;background:#0000000f}.answer-body{flex:1;display:flex;align-items:center;gap:16px;border:none;background:transparent;font-size:22px;font-weight:700;color:inherit;text-align:left;padding:0 20px 0 8px}.answer-body:active{transform:scale(.98)}.answer-body:disabled{cursor:default}.answer-pill{flex:none;width:36px;height:36px;border-radius:50%;background:var(--movie-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.answer-text{flex:1}.answer-mark{display:block}.answer-correct{background:var(--success);color:#fff;animation:pop .3s ease}.answer-correct .answer-pill{background:#fff;color:var(--success)}.answer-correct .answer-speaker{background:#ffffff4d;color:#fff}.answer-wrong{background:var(--miss);color:#fff;animation:shake .3s ease-in-out}.answer-wrong .answer-pill{background:#fff;color:var(--miss)}.answer-wrong .answer-speaker{background:#ffffff4d;color:#fff}.answer-disabled{opacity:.35}.read-all-btn{margin-top:20px;min-height:64px;width:100%;border:2.5px solid var(--movie-primary);border-radius:var(--radius-btn);background:transparent;color:var(--movie-primary);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.read-all-btn:active{transform:scale(.99)}.read-all-btn:disabled{opacity:.5}.hint-zone{margin-top:18px}.hint-trigger{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border:2.5px dashed var(--movie-primary);border-radius:999px;background:#ffd6562e;color:var(--movie-primary);font-size:19px;font-weight:700;cursor:pointer;animation:hintFadeIn .32s ease both}.hint-trigger:active{transform:scale(.98)}.hint-bulb{display:inline-flex;color:#f1c40f;animation:hintGlow 1.6s ease-in-out infinite}.hint-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;border:2px solid rgba(241,196,15,.7);background:#fff8dbeb;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);box-shadow:0 6px 22px #0000001f;animation:hintSlideOpen .26s ease both}.hint-card-bulb{display:inline-flex;flex:none;color:#f1c40f}.hint-card-text{flex:1;margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#6b4e00}.hint-card-speaker{flex:none}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hintGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes hintSlideOpen{0%{opacity:0;transform:scaleY(.85) translateY(-4px);transform-origin:top}to{opacity:1;transform:scaleY(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.hint-trigger,.hint-bulb,.hint-card{animation:none}}.feedback-pill{display:flex;align-items:center;justify-content:center;gap:10px;align-self:center;margin-top:18px;padding:14px 24px;border-radius:999px;background:#e67e221f;border:2px solid var(--miss);color:var(--text);font-size:22px;font-weight:700;text-align:center;animation:pillUp .22s ease both}.feedback-emoji{font-size:28px}.celebration-banner{display:flex;align-items:center;justify-content:center;gap:12px;position:sticky;top:0;z-index:20;min-height:72px;margin:-12px calc(-1 * var(--pad-page)) 8px;padding:0 24px;background:var(--movie-primary);color:#fff;border-radius:0 0 20px 20px;font-size:28px;font-weight:800;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .2s ease-out,opacity .2s ease-out}.celebration-banner-on{transform:translateY(0);opacity:1}.decorative-band{margin:18px calc(-1 * var(--pad-page)) 0;flex:1;min-height:120px;pointer-events:none;line-height:0}.decorative-band svg{width:100%;height:100%;display:block}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:30}.confetti-answers{width:0;height:0;inset:auto;transform:translateY(40%)}.confetti-screen{position:fixed;width:0;height:0;inset:auto}.confetti-piece{position:absolute;top:0;left:0;animation-name:confettiFly;animation-timing-function:cubic-bezier(.2,.8,.4,1);animation-fill-mode:forwards}.trophy-screen{align-items:center;justify-content:center;text-align:center;gap:18px;background:var(--movie-gradient);color:var(--movie-on-gradient);position:relative;overflow:hidden}.trophy-graphic{line-height:0;animation:trophyIn .4s cubic-bezier(.2,1.3,.5,1) both;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}.trophy-graphic-perfect{animation:trophyIn .4s cubic-bezier(.2,1.3,.5,1) both,trophyRock 3s ease-in-out .4s infinite}.stars{display:flex;gap:10px}.star{line-height:0;animation:starIn .2s ease both;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.trophy-headline{font-size:32px;font-weight:800;max-width:16em;margin:4px 0;text-shadow:0 1px 6px rgba(0,0,0,.18)}.trophy-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px;margin-top:8px}.big-btn{width:100%;min-height:96px;border-radius:20px;border:none;font-size:24px;font-weight:800;padding:0 24px}.big-btn:active{transform:scale(.97)}.big-btn-primary{background:#fff;color:var(--movie-primary)}.big-btn-secondary{background:#fff3;border:2.5px solid rgba(255,255,255,.8);color:var(--movie-on-gradient)}.big-btn-tertiary{background:#ffffff1a;border:2px solid rgba(255,255,255,.5);color:var(--movie-on-gradient);min-height:72px;font-size:20px;opacity:.92}.card-enter{animation:cardEnter .25s ease both}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes speakerPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes confettiFly{0%{transform:translate(0) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));opacity:0}}@keyframes pillUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes starIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes trophyIn{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes trophyRock{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@media (orientation: landscape) and (min-width: 700px){.movie-list{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.question-screen{max-width:1100px}}.version-tag{position:fixed;bottom:6px;right:8px;z-index:40;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border:none;background:transparent;color:#00000059;font-size:12px;font-weight:700;font-family:inherit;letter-spacing:.02em;cursor:pointer}.version-tag:hover{color:#0000008c}.changelog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073}.changelog-panel{width:100%;max-width:440px;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-card);box-shadow:0 24px 60px #0000004d;padding:20px 22px 26px}.changelog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.changelog-title{margin:0;font-size:24px;font-weight:800;color:var(--text)}.changelog-close{width:44px;height:44px;flex:none;border:none;border-radius:50%;background:var(--bg);color:var(--text-2);font-size:20px;line-height:1;cursor:pointer}.changelog-close:hover{background:var(--border)}.changelog-release{padding:12px 0;border-top:1px solid var(--border)}.changelog-release-latest{border-top:none}.changelog-version{margin:0 0 2px;font-size:20px;font-weight:800;color:var(--movie-primary)}.changelog-date{margin:0 0 8px;font-size:14px;color:var(--text-2)}.changelog-changes{margin:0;padding-left:22px}.changelog-changes li{margin:6px 0;font-size:16px;line-height:1.4;color:var(--text)}.changelog-older-toggle{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.changelog-version-sm{color:var(--movie-primary)}.changelog-older-label{color:var(--text-2);font-weight:600}.quiz-exit-btn{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:25;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffd9;color:var(--movie-secondary);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000002e}.quiz-exit-btn:active{transform:scale(.94)}.exit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080}.exit-panel{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 28px;background:var(--bg);border-radius:var(--radius-card);box-shadow:0 24px 60px #00000059}.exit-emoji{font-size:64px;line-height:1}.exit-prompt{margin:0 0 8px;font-size:28px;font-weight:800;color:var(--text);text-align:center}.exit-btn{width:100%;min-height:72px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:var(--radius-btn);font-family:inherit;font-size:22px;font-weight:800;color:#fff;cursor:pointer}.exit-btn-primary{background:var(--success);font-size:24px;box-shadow:0 4px #00000026}.exit-btn-secondary{background:var(--miss)}.exit-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.user-widget-corner{align-self:flex-end;display:flex;align-items:center;min-height:40px;margin-bottom:-8px}.user-widget-login{border:none;background:transparent;color:var(--text-2);font-family:inherit;font-weight:700;font-size:15px;padding:8px 12px;border-radius:var(--radius-btn);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.user-widget-login:hover{color:var(--text)}.user-widget-login-area{position:relative;display:inline-flex}.login-prompt{position:absolute;top:calc(100% + 6px);right:0;z-index:50;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border-radius:var(--radius-card, 14px);box-shadow:0 8px 28px #0000002e;min-width:220px}.apple-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 16px;border:none;border-radius:6px;background:#000;color:#fff;font-family:inherit;font-weight:600;font-size:16px;cursor:pointer}.apple-signin-btn:hover{background:#1a1a1a}.apple-signin-logo{margin-top:-2px}.login-prompt-pocketid{width:100%;min-height:44px;border:1px solid var(--border, #d6d3cd);border-radius:6px;background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}.login-prompt-pocketid:hover{background:var(--surface-2, rgba(0, 0, 0, .04))}.user-widget{display:inline-flex;align-items:center;gap:8px;border:none;background:var(--surface);box-shadow:0 1px 4px #0000001a;font-family:inherit;font-weight:800;font-size:15px;color:var(--text);padding:5px 12px 5px 5px;border-radius:999px;cursor:pointer}.screen.category-screen{position:relative}.user-widget-corner{position:absolute;top:56px;right:26px;z-index:30;margin-bottom:0}.user-widget-corner .user-widget{animation:cdFloat 4.5s ease-in-out infinite}@keyframes cdFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.user-widget-corner .user-widget{animation:none}}@media (max-width: 480px){.user-widget-corner{top:12px;right:12px}.user-widget-corner .user-widget{transform:scale(.85);transform-origin:top right}}.user-widget{background:#ffffff2e;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 28px #783c0a38,inset 0 1px 1px #ffffffa6}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.user-widget{background:#ffffffb3}}.user-widget-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--movie-gradient);color:var(--movie-on-gradient);font-weight:900;font-size:13px;flex:none}.user-widget-photo{width:100%;height:100%;object-fit:cover}.user-widget-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}.user-widget-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-widget-level{font-size:12px;font-weight:800;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.trophy-saved-pill{align-self:center;margin:4px 0 0;padding:6px 14px;border-radius:999px;background:var(--success);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 2px 8px #0000002e;animation:saved-pop .22s ease-out}@keyframes saved-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.levelup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 8vh;background:#14082800;opacity:0;pointer-events:none;transition:background .32s ease,opacity .32s ease}.levelup-backdrop-on{background:#1408289e;opacity:1;pointer-events:auto}.levelup-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:min(440px,100%);padding:28px 24px 24px;border-radius:var(--radius-card);background:var(--surface);box-shadow:0 24px 70px #00000080;text-align:center;transform:translateY(40px) scale(.94);opacity:0;transition:transform .36s cubic-bezier(.18,.9,.3,1.2),opacity .36s ease}.levelup-card-on{transform:translateY(0) scale(1);opacity:1}.levelup-emoji{font-size:92px;line-height:1;animation:levelup-pop .6s cubic-bezier(.18,.9,.3,1.4) both;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.levelup-name{font-size:2rem;font-weight:900;color:var(--text)}.levelup-text{margin:2px 0 0;font-size:1.2rem;font-weight:800;color:var(--text-2);max-width:26ch}.levelup-tap-hint{margin-top:8px;font-size:.85rem;font-weight:700;color:var(--text-3, var(--text-2));opacity:.8}@keyframes levelup-pop{0%{transform:scale(.2) rotate(-12deg)}70%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.levelup-card{transform:none}.levelup-emoji{animation:none}}.scores-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.scores-overlay{position:relative;width:min(440px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-card);box-shadow:0 24px 60px #00000059;padding:28px 22px 22px;text-align:center}.scores-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--text-2);cursor:pointer;border-radius:50%}.scores-close:hover{background:#0000000f}.scores-overall{display:flex;flex-direction:column;align-items:center;gap:6px}.scores-level-hero{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:4px}.scores-level-emoji{font-size:72px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.22))}.scores-level-name{font-size:1.6rem;font-weight:900;color:var(--text)}.scores-next-hint{margin-top:4px;font-size:.95rem;font-weight:700;color:var(--text-2);max-width:30ch}.scores-greeting{font-weight:700;color:var(--text-2)}.scores-bignum{font-size:3.2rem;font-weight:900;line-height:1;color:var(--text)}.scores-biglabel{color:var(--text-2);margin-top:-4px}.scores-accuracy-row{display:flex;align-items:center;gap:10px;margin-top:6px}.scores-accuracy-label{color:var(--text-2);font-weight:600}.scores-stars{color:var(--gold);letter-spacing:2px;font-size:1.1rem}.scores-streak-badge{margin-top:8px;padding:6px 16px;border-radius:999px;background:#fff3e0;color:var(--miss);font-weight:800}.scores-section{margin-top:22px;text-align:left}.scores-section-title{margin:0 0 10px;font-size:1.05rem;color:var(--text)}.scores-movie-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.scores-movie-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0000000a}.scores-movie-emoji{font-size:1.4rem}.scores-movie-title{flex:1;min-width:0;font-weight:700;color:var(--text)}.scores-perfect-badge{font-weight:800;color:var(--success);white-space:nowrap}.scores-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scores-category-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:12px;background:#0000000a}.scores-category-emoji{font-size:1.4rem}.scores-category-title{font-weight:700;font-size:.95rem;color:var(--text)}.scores-progress{width:100%;height:8px;border-radius:999px;background:var(--border);overflow:hidden}.scores-progress-fill{height:100%;border-radius:999px;background:var(--success)}.scores-empty{color:var(--text-2);margin:24px 0}.scores-logout{margin-top:22px;padding:10px 22px;border:1px solid var(--border);border-radius:var(--radius-btn);background:transparent;color:var(--text-2);font-weight:700;cursor:pointer}.scores-logout:hover{background:#0000000a}
