.series-cover{width:100%;height:100%;position:relative}.series-cover img{width:100%;height:100%;object-fit:cover;display:block}.series-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(8,8,12,.45) 100%)}.series-cover-gen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;box-sizing:border-box;position:relative;overflow:hidden;background:radial-gradient(130% 80% at 78% 12%,color-mix(in srgb,var(--accent) 70%,#fff 4%) 0%,transparent 52%),radial-gradient(120% 100% at 10% 100%,color-mix(in srgb,var(--accent) 45%,#000) 0%,transparent 60%),linear-gradient(165deg,color-mix(in srgb,var(--accent) 30%,#16161f),#0c0c12 88%);color:#fff}.series-cover-gen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) .5px,transparent .6px);background-size:4px 4px;opacity:.6;mix-blend-mode:overlay}.series-cover-eyebrow{position:relative;z-index:1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 70%,#fff)}.series-cover-title{position:relative;z-index:1;margin-top:6px;font-family:Anuphan,IBM Plex Sans Thai,system-ui,sans-serif;font-size:21px;font-weight:700;line-height:1.22;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px rgba(0,0,0,.45)}.series-cover-badge{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-size:8.5px;font-weight:800;line-height:1;letter-spacing:.14em;white-space:nowrap;color:#ffffffeb;background:#08080c8c;border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 2px 10px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.series-cover-badge-dot{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--gold));box-shadow:0 0 6px color-mix(in srgb,var(--brand) 60%,transparent)}.landing{position:relative;display:flex;flex-direction:column;gap:26px;padding:0 0 48px}.landing>.landing-now,.landing>.landing-foot,.landing>.landing-hero-fallback{padding-left:20px;padding-right:20px}.landing-topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 0;pointer-events:none}.landing-topbar>*{pointer-events:auto}.landing-mark{height:54px;width:auto;display:block;filter:drop-shadow(0 2px 12px rgba(0,0,0,.6))}.landing-login{font-size:var(--fs-sm);font-weight:600;color:#ffffffeb;text-decoration:none;padding:7px 14px;border-radius:var(--r-pill);background:#0c0c126b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16)}.landing-login:active{transform:scale(.97)}.landing-hero{position:relative;display:block;min-height:min(80vh,660px);overflow:hidden;text-decoration:none;color:#fff;isolation:isolate}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;animation:hero-settle 2s var(--ease) both;z-index:-2}.landing-hero-bg--fallback{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 55%,#000),transparent 70%),var(--surface)}@keyframes hero-settle{0%{transform:scale(1.08)}to{transform:scale(1)}}.landing-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,12,.28) 0%,transparent 24%,transparent 40%,rgba(8,8,12,.72) 72%,rgba(8,8,12,.98) 100%),radial-gradient(135% 80% at 0% 100%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 62%)}.landing-hero-body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px 26px}.landing-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-hero-eps{font-size:var(--fs-sm);font-weight:600;color:#f5f5f8db;text-shadow:0 1px 8px rgba(0,0,0,.7)}.landing-hero-title{font-size:var(--fs-2xl);font-weight:700;line-height:1.14;letter-spacing:-.01em;max-width:18ch;text-shadow:0 2px 18px rgba(0,0,0,.65)}.landing-hero-sub{font-size:var(--fs-md);line-height:1.55;color:#f5f5f8d6;text-shadow:0 1px 12px rgba(0,0,0,.7);max-width:38ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-hero-cta{margin-top:6px;width:auto;align-self:stretch;gap:9px;box-shadow:0 14px 40px -10px color-mix(in srgb,var(--brand) 60%,transparent)}.landing-hero .genre-pill{color:#fff;background:#0c0c1280;border-color:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-eyebrow{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:var(--fs-sm);font-weight:700;letter-spacing:.01em;color:color-mix(in srgb,var(--brand) 85%,#fff);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 36%,transparent);padding:6px 13px;border-radius:var(--r-pill)}.landing-hero-fallback{display:flex;flex-direction:column;gap:16px;padding-top:calc(84px + env(safe-area-inset-top));padding-bottom:8px}.landing-wordmark{display:flex;flex-direction:column;font-size:var(--fs-3xl);line-height:1.02}.landing-wordmark-th{font-size:var(--fs-xl);color:var(--text);font-weight:600}.landing-tagline{font-size:var(--fs-md);line-height:1.6;color:var(--muted);max-width:36ch}.landing-cta{text-decoration:none;align-self:flex-start}.landing-section-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;margin-bottom:12px}.landing-poster-rail{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.landing-poster-rail::-webkit-scrollbar{display:none}.landing-poster{position:relative;scroll-snap-align:start;flex:0 0 132px;text-decoration:none;color:var(--text)}.landing-poster-cover{position:relative;aspect-ratio:2 / 3;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--sh-2);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.landing-poster:hover .landing-poster-cover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--glow-accent),var(--sh-3)}.landing-poster:active .landing-poster-cover{transform:scale(.97)}.landing-poster-rank{position:absolute;left:8px;top:2px;font-size:40px;line-height:1;color:#fff;opacity:.95;text-shadow:0 2px 14px rgba(0,0,0,.8);-webkit-text-stroke:1px rgba(255,255,255,.3);pointer-events:none}.landing-poster-eps{position:absolute;right:6px;top:6px;font-size:11px;font-weight:700;color:#fff;background:#08080c9e;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2px 7px;border-radius:var(--r-pill);pointer-events:none}.landing-poster-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:var(--fs-sm);font-weight:600;line-height:1.35}.landing-foot{text-align:center;font-size:var(--fs-sm);color:var(--faint);padding-top:8px}.landing-foot-steps{color:var(--muted);font-weight:600;margin-bottom:8px}.recommend{padding:0 16px}.recommend-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;margin:22px 4px 14px;letter-spacing:-.01em}.recommend-row{display:flex;gap:14px;overflow-x:auto;padding:2px 4px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.recommend-row::-webkit-scrollbar{display:none}.recommend-card{scroll-snap-align:start;flex:0 0 38%;max-width:152px;min-width:0;text-decoration:none;color:var(--text)}@media(min-width:560px){.recommend-card{flex:0 0 152px;max-width:152px}}.recommend-cover-wrap{position:relative;aspect-ratio:2 / 3;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--sh-2);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.recommend-card:active .recommend-cover-wrap{transform:scale(.97)}@media(hover:hover){.recommend-card:hover .recommend-cover-wrap{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--glow-accent),var(--sh-3)}}.recommend-reason{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:color-mix(in srgb,var(--accent) 80%,#000);box-shadow:0 2px 8px -2px #00000080}.recommend-eps{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.recommend-price{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#ffd76a;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.recommend-price .icon{font-size:11px}.recommend-free{position:absolute;right:8px;top:8px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 10px #22c55e59}.recommend-card-title{font-size:13px;font-weight:600;margin:8px 2px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:#ffffff0a;color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.share-btn:hover{background:#ffffff14;border-color:color-mix(in srgb,var(--accent) 40%,var(--line-strong))}.share-btn:active{transform:scale(.97)}.share-btn svg{display:block}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:share-fade var(--dur) var(--ease)}@keyframes share-fade{0%{opacity:0}to{opacity:1}}.share-sheet{width:100%;max-width:460px;background:var(--surface-1);border:1px solid var(--line);border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--sh-3);animation:share-up .24s var(--ease)}@keyframes share-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:640px){.share-overlay{align-items:center}.share-sheet{border-radius:var(--r-xl);border-bottom:1px solid var(--line);animation:share-pop .2s var(--ease)}@keyframes share-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}}.share-grip{width:40px;height:4px;border-radius:99px;background:var(--line-strong);margin:4px auto 14px}.share-title{font-size:var(--fs-md);font-weight:700;text-align:center;margin:0 0 16px}.share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:380px){.share-options{grid-template-columns:repeat(3,1fr)}}.share-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer;border-radius:var(--r-md);-webkit-tap-highlight-color:transparent;transition:background var(--dur) var(--ease)}.share-opt:hover{background:#ffffff0d}.share-opt:active{transform:scale(.96)}.share-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff}.share-ic-line{background:#06c755}.share-ic-fb{background:#1877f2}.share-ic-copy{background:var(--surface-3);color:var(--text);border:1px solid var(--line-strong)}.share-ic-more{background:var(--grad-brand)}.share-cancel{display:block;width:100%;margin-top:16px;padding:13px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.share-cancel:active{transform:scale(.99)}.topup-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#08080c9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur) var(--ease)}.topup-sheet{position:absolute;left:0;right:0;bottom:0;max-width:var(--maxw);margin:0 auto;box-sizing:border-box;padding:10px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line-strong);border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-3);animation:topup-rise .28s var(--ease)}@keyframes topup-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.topup-handle{width:42px;height:4px;margin:0 auto 14px;border-radius:var(--r-pill);background:var(--line-strong)}.topup-title{margin:0 0 6px;font-family:var(--font-display);font-size:var(--fs-lg)}.topup-status{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 14px;color:var(--muted);font-size:var(--fs-sm)}.topup-status .icon{color:var(--gold);font-size:15px}.topup-gap{color:var(--gold);font-weight:700}.topup-note{color:var(--muted);font-size:var(--fs-base);padding:14px 0}.topup-retry{font:inherit;font-weight:700;color:var(--gold);background:transparent;border:0;padding:0;cursor:pointer;text-decoration:underline;-webkit-tap-highlight-color:transparent}.topup-retry:hover{color:var(--text)}.topup-buy-error{margin:0 0 4px;padding:9px 12px;font-size:var(--fs-sm);color:#ffb4a8;background:#ff5c401a;border:1px solid rgba(255,92,64,.3);border-radius:var(--r-md)}.topup-packs{display:flex;flex-direction:column;gap:10px}.topup-pack{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;font:inherit;color:var(--text);text-align:left;background:#ffffff0a;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.topup-pack:hover{background:#ffffff12}.topup-pack:disabled{opacity:.55;cursor:default}.topup-pack.cover{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 7%,transparent)}.topup-pack-ic{width:34px;height:34px;flex:none;display:grid;place-items:center;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);border-radius:10px}.topup-pack-ic .icon{font-size:18px}.topup-pack-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.topup-pack-coins{font-weight:700;font-size:var(--fs-base)}.topup-badges{display:flex;gap:6px;flex-wrap:wrap}.topup-badge{font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:var(--r-pill);padding:2px 9px}.topup-badge.cover{color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent)}.topup-badge.best{color:color-mix(in srgb,var(--brand) 85%,#fff);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}.topup-badge.firstbuy{color:#3a2600;background:linear-gradient(90deg,var(--gold),#ff7eb3);border:0}.topup-pack-was{font-weight:500;font-size:11px;color:var(--faint)}.topup-pack-price{flex:none;font-weight:700;font-size:var(--fs-md);font-variant-numeric:tabular-nums;color:var(--gold)}.topup-close{width:100%;margin-top:14px;padding:12px 16px;font:inherit;font-weight:600;font-size:var(--fs-sm);color:var(--muted);background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.topup-close:hover{color:var(--text)}.binge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:0 18px;background:linear-gradient(180deg,#08080c8c,#08080ceb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in var(--dur) var(--ease)}.binge-card{width:100%;max-width:320px;text-align:center;padding:26px 22px;background:#14141cb8;border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--sh-3)}.binge-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700;font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase}.binge-title{margin:8px 0 14px;font-size:var(--fs-xl);font-family:var(--font-display);line-height:1.2}.binge-sub{color:var(--muted);font-size:var(--fs-sm);margin:-6px 0 14px;line-height:1.55}.binge-ring{position:relative;width:64px;height:64px;margin:2px auto 10px}.binge-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.binge-ring circle{fill:none;stroke-width:2.5}.binge-ring .binge-ring-track{stroke:#ffffff29}.binge-ring .binge-ring-fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:binge-ring-drain var(--binge-countdown, 5s) linear forwards}@keyframes binge-ring-drain{to{stroke-dashoffset:1}}.binge-ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.binge-count-note{color:var(--muted);font-size:var(--fs-sm);margin-bottom:14px}.binge-card .cta+.cta{margin-top:10px}.binge-card a.cta{text-decoration:none}.binge-autounlock{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;color:var(--muted);font-size:var(--fs-sm);cursor:pointer}.binge-autounlock input{accent-color:var(--accent);cursor:pointer}@media(prefers-reduced-motion:reduce){.binge-ring .binge-ring-fill{animation:none;opacity:.4}}.skip-next-pill{position:absolute;right:12px;bottom:76px;z-index:5;display:inline-flex;align-items:center;gap:5px;background:#14141cb3;color:#fff;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:9px 16px;font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .36s var(--ease) both;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.skip-next-pill:hover{transform:translateY(-1px);background:#1e1e28cc}.wm-overlay{position:absolute;z-index:3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;color:#fff;opacity:.16;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:top 2.4s ease-in-out,left 2.4s ease-in-out}@media(prefers-reduced-motion:reduce){.wm-overlay{transition:none}}.screen.watch{padding-top:max(10px,env(safe-area-inset-top))}.screen.watch .player-wrap{margin:0 10px;border-radius:var(--r-lg);border:1px solid var(--line);isolation:isolate;box-shadow:0 30px 70px -28px color-mix(in srgb,var(--accent) 50%,transparent),var(--sh-3)}.screen.watch .player{position:relative;z-index:1}.player-skel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,var(--surface-2),#0b0b10);overflow:hidden}.player-skel:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-52%,-50%);border-left:26px solid rgba(255,255,255,.1);border-top:17px solid transparent;border-bottom:17px solid transparent}.player-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}.screen.watch .player-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(115% 100% at 50% 48%,transparent 64%,rgba(0,0,0,.3) 100%);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff0a}.screen.watch .next-ep-banner{z-index:4}.screen.watch .lock-overlay{z-index:7;border-radius:inherit}.screen.watch .tap-play{position:absolute;top:0;right:0;bottom:56px;left:0;z-index:3;display:grid;place-items:center;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(60% 50% at 50% 50%,rgba(0,0,0,.28),transparent 75%);animation:fade-in var(--dur) var(--ease)}.screen.watch .tap-play.is-playing{background:transparent;animation:none}.tap-play-circle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 14px 38px -10px color-mix(in srgb,var(--brand) 70%,transparent),inset 0 1px #ffffff40,var(--sh-2);transition:transform var(--dur) var(--ease)}.tap-play-circle .icon{font-size:36px;margin-left:4px}.tap-play:hover .tap-play-circle{transform:scale(1.06)}.tap-play:active .tap-play-circle{transform:scale(.95)}.screen.watch .fs-btn{position:absolute;top:10px;right:10px;z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#14141c8c;color:#fff;border:1px solid var(--line-strong);cursor:pointer;box-shadow:var(--sh-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.screen.watch .fs-btn:hover{transform:translateY(-1px);background:#1e1e28b8}.screen.watch .fs-btn .icon{font-size:20px}.screen.watch .player-wrap:fullscreen,.screen.watch .player-wrap.is-fullscreen{width:100vw;height:100vh;aspect-ratio:auto;margin:0;border:0;border-radius:0;background:#000}.screen.watch .player-wrap:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;margin:0;border:0;border-radius:0;background:#000}.screen.watch .player-wrap:fullscreen .player,.screen.watch .player-wrap.is-fullscreen .player{width:100%;height:100%;object-fit:contain}.screen.watch .player-wrap:-webkit-full-screen .player{width:100%;height:100%;object-fit:contain}.screen.watch .lock-overlay{padding:0 18px}.screen.watch .lock-card{width:100%;background:#14141c9e;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border:1px solid rgba(255,255,255,.14);box-shadow:var(--sh-3),inset 0 1px #ffffff14}.screen.watch .lock-card h3{font-size:var(--fs-lg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.screen.watch .lock-sub{font-size:var(--fs-sm);margin-bottom:18px}.screen.watch .lock-overlay{background:linear-gradient(180deg,#08080c29,#08080c8c 38%,#08080ce6)}.screen.watch .meta{padding:22px 18px 6px}.screen.watch .meta h1{margin:12px 0 0;line-height:1.15}.screen.watch .meta h1:after{content:"";display:block;width:44px;height:3px;margin-top:10px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),transparent)}.watch-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 10px}.watch-meta-row .watch-share{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-strong));color:color-mix(in srgb,var(--accent) 35%,#fff)}.watch-meta-row .watch-share:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.watch-meta-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--fs-sm);font-weight:600}.watch-meta-item .icon{font-size:15px;color:var(--faint)}.watch-owned{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:700;color:color-mix(in srgb,var(--accent) 82%,#fff);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:var(--r-pill);padding:3px 10px}.watch-owned .icon{font-size:13px}.synopsis-wrap{position:relative}.synopsis-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.screen.watch .synopsis{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;color:var(--muted)}.synopsis-toggle:checked~.synopsis{display:block;-webkit-line-clamp:unset;white-space:pre-line;max-width:64ch;color:var(--text)}.synopsis-more{display:inline-flex;align-items:center;margin-top:6px;min-height:28px;color:color-mix(in srgb,var(--accent) 80%,#fff);font-size:var(--fs-sm);font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.synopsis-more:after{content:"อ่านต่อ"}.synopsis-toggle:checked~.synopsis-more:after{content:"ย่อลง"}.synopsis-toggle:focus-visible~.synopsis-more{outline:2px solid color-mix(in srgb,var(--accent) 75%,#fff);outline-offset:2px;border-radius:6px}.screen.watch .episodes-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 14px 2px}.screen.watch .episodes-title{margin:0;font-size:16px;font-weight:700;letter-spacing:.01em}.screen.watch .episodes-count{font-size:13px;color:var(--ink-3, #9a9aa6)}.screen.watch .ep-ranges{display:flex;gap:8px;overflow-x:auto;padding:8px 12px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.screen.watch .ep-ranges::-webkit-scrollbar{display:none}.screen.watch .ep-range{flex:0 0 auto;min-height:40px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--ink-2, #c9c9d2);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.screen.watch .ep-range:hover{background:#ffffff0f}.screen.watch .ep-range.active{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000));border-color:transparent;color:#fff}.screen.watch .episodes{display:flex;flex-direction:column;gap:6px;padding:6px 12px 10px}.screen.watch .ep{min-height:52px;padding:12px 14px;border:1px solid transparent;background:#ffffff06;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.screen.watch .ep:hover{background:#ffffff0d}.screen.watch .ep:active{transform:scale(.98)}.screen.watch .ep.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,var(--surface-2)),var(--surface-2) 65%);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 10px 26px -14px color-mix(in srgb,var(--accent) 55%,transparent)}.screen.watch .ep.active .ep-title{font-weight:700}.screen.watch .ep.locked .ep-idx{opacity:.7}.ep-eq{display:inline-flex;align-items:flex-end;gap:2px;height:13px}.ep-eq i{width:3px;border-radius:2px;background:currentColor;transform-origin:bottom;animation:ep-eq 1.05s var(--ease) infinite}.ep-eq i:nth-child(1){height:8px;animation-delay:-.2s}.ep-eq i:nth-child(2){height:13px;animation-delay:-.55s}.ep-eq i:nth-child(3){height:10px;animation-delay:-.85s}@keyframes ep-eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.ep-price{padding:3px 10px}.ep-price .icon{font-size:17px}.watch-skel-player{aspect-ratio:9 / 16;border-radius:var(--r-lg);margin:0 10px}.watch-skel-meta{padding:22px 18px;display:flex;flex-direction:column;gap:10px}.watch-skel-pill{height:22px;width:30%;border-radius:var(--r-pill)}.watch-skel-title{height:30px;width:60%;border-radius:8px}.watch-skel-line{height:14px;width:90%;border-radius:6px}.screen.watch .watch-back{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;z-index:20;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0c0c1299;color:#fff;border:1px solid var(--line-strong);cursor:pointer;box-shadow:var(--sh-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.screen.watch .watch-back:hover{background:#1c1c26c7}.screen.watch .watch-back:active{transform:scale(.94)}.screen.watch .watch-back .icon{font-size:20px;transform:scaleX(-1)}.screen.watch .unmute-pill{position:absolute;left:50%;top:64px;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:#0c0c12a8;border:1px solid var(--line-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:unmute-in var(--dur) var(--ease)}.unmute-ic{font-size:15px;line-height:1}@keyframes unmute-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.screen.watch .watch-now-playing{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:13px;color:var(--muted)}.screen.watch .watch-now-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent);flex:none}.screen.watch .watch-now-eptitle{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.ep-eq i{animation:none;transform:scaleY(.8)}.player-skel:after{animation:none}.screen.watch .unmute-pill{animation:none}}@media(min-width:768px)and (max-width:1023px){.screen.watch{max-width:680px}.screen.watch .player-wrap{height:min(82vh,860px);width:auto;aspect-ratio:9 / 16;margin:0 auto}}@media(min-width:1024px){.screen.watch{max-width:1100px}.watch-stage{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);grid-template-areas:"player meta" "player rail";column-gap:32px;align-items:start;padding:8px 8px 0}.screen.watch .player-wrap{grid-area:player;margin:0;position:sticky;top:16px;height:min(74vh,720px);width:auto;aspect-ratio:9 / 16;justify-self:center}.screen.watch .meta{grid-area:meta;padding-top:0}.screen.watch .episodes-section{grid-area:rail}.screen.watch .episodes{max-height:60vh;overflow-y:auto}.screen.watch .sticky-cta{display:none}.screen.watch .watch-back{left:max(16px,calc(50vw - 534px))}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100dvh;max-width:var(--maxw, 480px);margin:0 auto;padding:24px;text-align:center;background:var(--bg, #08080c);color:var(--text, #f5f5f8)}.error-card{width:100%;background:linear-gradient(180deg,var(--surface-2, #1c1c27),var(--surface-1, #14141c));border:1px solid var(--line, rgba(255, 255, 255, .08));border-radius:var(--r-lg, 22px);box-shadow:var(--sh-2, 0 6px 22px rgba(0, 0, 0, .45));padding:30px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.error-card h1{font-family:var(--font-display, system-ui),sans-serif;font-size:var(--fs-xl, 26px);margin:0}.error-card .error-code{font-family:var(--font-display, system-ui),sans-serif;font-size:56px;font-weight:800;line-height:1;color:var(--brand, #ff1e8f)}.error-card .error-sub{color:var(--muted, #a2a2b0);font-size:var(--fs-base, 15px);line-height:1.6;margin:0}.error-card .error-action{width:100%;margin-top:10px;background:var(--grad-brand, linear-gradient(135deg, #ff1e8f 0%, #ff6a00 100%));color:#fff;border:0;border-radius:var(--r-md, 16px);padding:16px 18px;font:inherit;font-weight:700;font-size:var(--fs-md, 17px);text-decoration:none;text-align:center;cursor:pointer;display:inline-block;box-shadow:var(--glow-accent, 0 10px 34px -8px rgba(255, 30, 143, .5))}:root{--bg: #08080c;--surface: #14141c;--surface-1: #14141c;--surface-2: #1c1c27;--surface-3: #262633;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .15);--text: #f5f5f8;--muted: #a2a2b0;--faint: #6c6c7c;--brand: #ff1e8f;--brand-2: #ff6a00;--brand-amber: #ffc107;--brand-violet: #7b2cff;--brand-soft: rgba(255, 30, 143, .16);--grad-brand: linear-gradient(135deg, #ff1e8f 0%, #ff6a00 100%);--gold: #ffce5c;--grad-gold: linear-gradient(135deg, #ffd76a 0%, #f5a623 100%);--accent: var(--brand);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--radius: var(--r-md);--sh-1: 0 1px 2px rgba(0, 0, 0, .45);--sh-2: 0 6px 22px rgba(0, 0, 0, .45);--sh-3: 0 18px 50px rgba(0, 0, 0, .6);--glow-accent: 0 12px 30px -10px color-mix(in srgb, var(--accent) 34%, transparent);--font-body: "IBM Plex Sans Thai", system-ui, sans-serif;--font-display: "Anuphan", "IBM Plex Sans Thai", system-ui, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 26px;--fs-2xl: 32px;--fs-3xl: 42px;--maxw: 480px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .2s}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(125% 75% at 50% -12%,rgba(255,30,143,.24),transparent 60%),radial-gradient(95% 65% at 100% 2%,rgba(255,106,0,.16),transparent 58%),var(--bg)}::selection{background:var(--brand-soft)}.screen{max-width:var(--maxw);margin:0 auto;min-height:100dvh;padding-bottom:calc(152px + env(safe-area-inset-bottom))}.center{display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;padding:28px 24px;text-align:center;min-height:70dvh}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.08}.text-grad{color:#ff4d97}.cta{position:relative;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad-brand);color:#fff;border:0;border-radius:var(--r-md);padding:16px 20px;font:inherit;font-weight:700;font-size:var(--fs-md);cursor:pointer;box-shadow:var(--glow-accent);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease),filter var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.cta:active{transform:translateY(0) scale(.99);filter:brightness(.97)}.cta:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none;filter:none}.cta.accent{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#fff 6%),color-mix(in srgb,var(--accent) 70%,#000 18%))}.cta.coins{background:var(--grad-gold);color:#3a2600;box-shadow:0 10px 30px -8px #f5a62380}.cta.ghost{background:#ffffff0d;color:var(--text);border:1px solid var(--line-strong);box-shadow:none;margin-top:10px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta.ghost:hover{background:#ffffff17;transform:translateY(-1px);filter:none}.cta.sm{padding:11px 16px;font-size:var(--fs-sm);width:auto;border-radius:var(--r-sm)}.cta.line{background:#06c755;color:#fff;box-shadow:0 10px 30px -10px #06c7558c}.cta.line:hover{background:#05b34c;filter:none}.cta.line .icon{width:1.25em;height:1.25em}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2)}.genre-pill{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--accent) 82%,#fff);background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-pill);padding:4px 12px;text-transform:capitalize}.player-wrap{position:relative;aspect-ratio:9 / 16;background:#000;overflow:hidden}.player{width:100%;height:100%;object-fit:cover;display:block}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#08080c59,#08080ce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in var(--dur) var(--ease)}.lock-card{text-align:center;padding:28px 24px;max-width:340px;background:#14141cb8;border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--sh-3)}.lock-eyebrow{color:var(--accent);font-weight:700;font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase}.lock-card h3{margin:8px 0 10px;font-size:var(--fs-xl);font-family:var(--font-display)}.lock-sub{color:var(--muted);margin-bottom:20px;font-size:var(--fs-base);line-height:1.55}.meta{padding:20px 18px 8px}.meta h1{font-family:var(--font-display);font-size:var(--fs-2xl);margin:12px 0 8px;letter-spacing:-.01em}.synopsis{color:var(--muted);font-size:var(--fs-base);line-height:1.65}.episodes{list-style:none;padding:8px 10px}.ep{position:relative;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease)}.ep:hover{background:#ffffff0a}.ep.active{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.ep.locked .ep-title{color:var(--muted)}.ep-idx{width:30px;height:30px;flex:none;display:grid;place-items:center;background:var(--surface-3);border-radius:9px;font-size:var(--fs-sm);font-weight:700;color:var(--text)}.ep.active .ep-idx{background:var(--accent);color:#fff}.ep-title{flex:1;font-size:var(--fs-base)}.ep-state{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.ep-state .icon{font-size:16px}.ep:not(.locked) .ep-state{color:color-mix(in srgb,var(--accent) 75%,#fff)}.ep-free{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);border-radius:var(--r-pill);padding:2px 9px}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.field{width:100%;background:var(--surface-1);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:15px 16px;font:inherit;font-size:var(--fs-md);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.field::placeholder{color:var(--faint)}.field:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--surface-2)}.login-note{color:var(--muted);font-size:var(--fs-base);line-height:1.6}.sticky-cta{position:fixed;left:0;right:0;bottom:0;max-width:var(--maxw);margin:0 auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg) 38%);z-index:20;display:flex;flex-direction:column;gap:10px}.lock-card .cta+.cta{margin-top:10px}.next-ep-banner{position:absolute;left:0;right:0;bottom:56px;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.next-ep-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;background:#14141cb3;color:#fff;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:11px 22px;font:inherit;font-size:var(--fs-base);font-weight:600;cursor:pointer;box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.next-ep-btn:hover{transform:translateY(-1px);background:#1e1e28cc}.next-ep-btn:disabled{opacity:.6;cursor:default}.bottom-nav{position:fixed;left:0;right:0;bottom:0;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-1) 86%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);z-index:30}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;text-decoration:none;color:var(--faint);font-size:11px;font-weight:600;transition:color var(--dur) var(--ease)}.bottom-nav-item .icon{font-size:22px}.bottom-nav-item.active{color:var(--brand)}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-ic{display:grid;place-items:center;width:46px;height:26px;border-radius:var(--r-pill);transition:background var(--dur) var(--ease)}.bottom-nav-item.active .bottom-nav-ic{background:var(--brand-soft);box-shadow:0 0 18px -4px color-mix(in srgb,var(--brand) 50%,transparent)}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex:none}.coin-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold);background:color-mix(in srgb,var(--gold) 13%,transparent);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap}.coin-chip .icon{font-size:17px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px 36px;text-align:center}.empty-art{position:relative;width:100px;height:86px;margin-bottom:10px}.empty-art span{position:absolute;width:52px;height:76px;border-radius:10px;border:1px solid var(--line-strong);background:linear-gradient(165deg,var(--surface-3),var(--surface-1));box-shadow:var(--sh-2)}.empty-art span:nth-child(1){left:0;top:8px;transform:rotate(-10deg);opacity:.55}.empty-art span:nth-child(2){right:0;top:8px;transform:rotate(10deg);opacity:.55}.empty-art span:nth-child(3){left:24px;top:0;background:linear-gradient(165deg,color-mix(in srgb,var(--brand) 28%,var(--surface-3)),var(--surface-1));border-color:color-mix(in srgb,var(--brand) 32%,var(--line-strong))}.empty-art span:nth-child(3):after{content:"";position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);border-left:11px solid rgba(255,255,255,.85);border-top:7px solid transparent;border-bottom:7px solid transparent}.empty-state p{color:var(--muted);font-size:var(--fs-base);line-height:1.6;max-width:30ch}.empty-state .cta{text-decoration:none;margin-top:8px}.nf{display:flex;align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.nf-state{animation:rise .36s var(--ease) both}.nf-code{font-size:64px;font-weight:800;line-height:1;letter-spacing:.02em;color:var(--brand);text-shadow:0 8px 40px color-mix(in srgb,var(--brand) 45%,transparent);margin-top:2px}.nf-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;margin:2px 0}:where(a,button,[role=button],input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 75%,#fff);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.rise{animation:rise .36s var(--ease) both}.spinner{width:1em;height:1em;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(min-width:768px){.bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:18px 18px 0 0}}