.appbar{flex:0 0 auto;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(9px + env(safe-area-inset-top)) 14px 9px;background:var(--navy-900)}.appbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue) 0 33%,var(--white) 33% 66%,var(--red) 66% 100%)}.appbar__title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:calc(env(safe-area-inset-top)/2);font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:.01em;color:var(--white);white-space:nowrap;pointer-events:none}.appbar__logo{height:44px;width:44px;border-radius:11px;object-fit:cover;background:#fff;border:1px solid var(--line);box-shadow:0 2px 10px #00000059}.appbar__days{display:inline-flex;align-items:baseline;gap:6px;padding:4px 2px;border:0;background:none;color:var(--white);font-family:var(--font-display);cursor:pointer;opacity:.92;transition:opacity .15s ease}.appbar__days:active{opacity:.6}.appbar__days-label{font-weight:600;font-size:14px}.appbar__days-date{font-family:var(--font-body);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--red-bright)}.appbar__days svg{align-self:center;width:12px;height:12px;color:#fff9}.bars{position:absolute;top:0;left:0;right:0;display:flex;gap:5px;padding:10px 14px 0;z-index:5}.bars__track{flex:1;height:3px;background:#ffffff47;border-radius:3px;overflow:hidden}.bars__fill{height:100%;border-radius:3px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--red) 0%,var(--red-bright) 100%);box-shadow:0 0 8px #e4243fb3;will-change:transform}.quiz{position:relative;z-index:1;width:100%;max-width:360px;padding:0 26px;text-align:center;animation:textRise .6s cubic-bezier(.2,.8,.2,1) both}.quiz__tag{display:inline-block;font-family:var(--font-body);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red-bright);margin-bottom:14px}.quiz__q{margin:0 0 26px;font-family:var(--font-display);font-weight:600;font-size:clamp(24px,6.5vw,32px);line-height:1.25;color:var(--white)}.quiz__options{display:flex;flex-direction:column;gap:12px}.quiz__opt{pointer-events:auto;width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#ffffff0f;color:var(--white);font-family:var(--font-body);font-size:16px;cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease}.quiz__opt:active{transform:scale(.98)}.quiz__opt.is-correct{background:#22a05e40;border-color:#2fae66;color:#d6ffe6}.quiz__opt.is-wrong{background:#c8102e40;border-color:var(--red);color:#ffd9df}.quiz__opt.is-dim{opacity:.55}.quiz__reaction{margin:20px 0 0;font-family:var(--font-display);font-size:20px;color:var(--white)}.quiz__reaction.is-correct{color:var(--gold, #e9d29a);color:#8effc0}.segment{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;animation:segFade .4s ease}@keyframes segFade{0%{opacity:0}to{opacity:1}}.segment__bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:center;filter:blur(34px) brightness(.4) saturate(1.1);transform:scale(1.15)}.segment__img{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;z-index:1}.segment__play{position:absolute;z-index:2;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#c8102eeb;color:#fff;padding-left:4px;box-shadow:0 8px 26px #00000080}.segment__count{position:absolute;z-index:2;top:14px;left:14px;padding:5px 11px;border-radius:999px;background:#020b2299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--white);font-family:var(--font-body);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.segment--applink{padding:0 34px}.segment__appwrap{position:relative;z-index:1;text-align:center;max-width:26ch;animation:textRise .7s cubic-bezier(.2,.8,.2,1) both}@keyframes textRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.segment__app-kicker{display:block;font-family:var(--font-body);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red-bright);margin-bottom:16px}.segment__app-title{margin:0 0 14px;font-family:var(--font-display);font-weight:600;font-size:clamp(30px,8.5vw,42px);line-height:1.15;color:var(--white)}.segment__app-text{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--muted)}.segment--quiz{background:radial-gradient(130% 120% at 50% 0%,#0a2a6b,#04143f 55%,#020b22)}.footer{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:64px 18px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(2,11,34,.92) 0%,rgba(2,11,34,.7) 45%,transparent 100%);display:flex;flex-direction:column;align-items:stretch;gap:14px}.footer__pull{pointer-events:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:#ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);font-family:var(--font-body);font-size:13px;letter-spacing:.04em;cursor:pointer}.footer__chev{animation:pullBounce 1.8s ease-in-out infinite}@keyframes pullBounce{0%,to{transform:translateY(2px);opacity:.7}50%{transform:translateY(-3px);opacity:1}}.footer__row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.footer__text{display:flex;flex-direction:column;gap:3px;min-width:0}.footer__title{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,6vw,28px);line-height:1.15;color:var(--white);text-shadow:0 2px 14px rgba(0,0,0,.5)}.footer__cat{font-family:var(--font-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-bright)}.footer__views{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:13px;color:#fffc}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;touch-action:none}.viewer__scrims{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .25s ease}.viewer__scrims.is-hidden{opacity:0}.tray__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#020b2299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tray{position:absolute;top:0;left:0;right:0;z-index:21;padding:calc(20px + env(safe-area-inset-top)) 20px 26px;background:linear-gradient(180deg,var(--navy-700) 0%,var(--navy-800) 60%,var(--navy-900) 100%);border-bottom:1px solid var(--line);border-radius:0 0 24px 24px;box-shadow:0 24px 60px #0000008c;touch-action:none}.tray:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue) 0 33%,var(--white) 33% 66%,var(--red) 66% 100%)}.tray__head{display:flex;flex-direction:column;gap:3px;margin-bottom:18px}.tray__title{font-family:var(--font-display);font-weight:600;font-size:28px;color:var(--white)}.tray__sub{font-family:var(--font-body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tray__rings{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.tray__rings::-webkit-scrollbar{display:none}.ring{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;padding:0;cursor:pointer}.ring__frame{width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--blue),var(--red));transition:transform .18s ease}.ring.is-active .ring__frame{background:linear-gradient(135deg,var(--red-bright),var(--white));box-shadow:0 0 0 2px #ffffff59,0 6px 18px #e4243f73}.ring:active .ring__frame{transform:scale(.94)}.ring__img{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--navy-900)}.ring__label{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--white)}.ring__date{font-family:var(--font-body);font-size:11px;letter-spacing:.06em;color:var(--muted)}.ring.is-active .ring__label{color:var(--red-bright)}.tray__grip{width:44px;height:4px;border-radius:4px;background:#ffffff59;margin:18px auto 0}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#020b22a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:31;height:90%;display:flex;flex-direction:column;background:var(--navy-800);border-radius:22px 22px 0 0;border-top:1px solid var(--line);box-shadow:0 -20px 60px #0000008c;overflow:hidden;touch-action:none}.sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue) 0 33%,var(--white) 33% 66%,var(--red) 66% 100%)}.sheet__grip{width:44px;height:4px;border-radius:4px;background:#fff6;margin:12px auto 6px;flex:0 0 auto}.sheet__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px 12px}.sheet__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.sheet__cat{font-family:var(--font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-bright)}.sheet__title{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet__close{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#ffffff0d;color:var(--white);cursor:pointer}.sheet__body{flex:1 1 auto;min-height:0;background:#000}.sheet__frame{width:100%;height:100%;border:0;display:block}.gallery{width:100%;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;background:#000}.gallery::-webkit-scrollbar{display:none}.gallery__img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:center}:root{--navy-900: #020b22;--navy-800: #04143f;--navy-700: #0a2a6b;--blue: #012169;--red: #c8102e;--red-bright: #e4243f;--white: #ffffff;--ink: #eef2fb;--muted: rgba(238, 242, 251, .66);--line: rgba(255, 255, 255, .22);--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Spectral", Georgia, "Times New Roman", serif;--font-ar: "Amiri", serif}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--navy-900);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:520px;height:100dvh;margin:0 auto;overflow:hidden;background:var(--navy-900);display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#000}@media (min-width: 560px){body{display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 0%,#07194a 0%,var(--navy-900) 60%)}.app{height:min(900px,96dvh);border-radius:26px;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #0009}}