:root{--c-bg: #0a1020;--c-surface: #121c30;--c-raised: #1d2a44;--c-hairline: #2c3d5a;--c-card: #0e1626;--c-card-alt: #101a2c;--c-placeholder: #16223a;--c-accent: #7b5cfa;--c-accent-hover: #8e74ff;--c-accent-light: #a490ff;--c-accent-link: #8e74ff;--c-accent-link-hover: #b9a6ff;--c-success: #3ddc97;--c-warning: #ffb13d;--c-vip: #e5c07b;--c-error: #ff5a63;--c-error-text: #ff7a82;--c-ink: #f4f4f8;--c-ink-strong: #f8f8fc;--c-ink-secondary: #b6b6c6;--c-ink-muted: #8a8a9c;--c-ink-body: #c9c9d6;--c-ink-ui: #ededf2;--font-display: "Sora", sans-serif;--font-ui: "Manrope", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-6: 48px;--sp-9: 72px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--shadow-card: 0 18px 40px rgba(0, 0, 0, .45);--shadow-float: 0 30px 80px rgba(0, 0, 0, .5);--shadow-accent: 0 10px 30px rgba(123, 92, 250, .38)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-ink-ui);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}a{color:var(--c-accent-link);text-decoration:none}a:hover{color:var(--c-accent-link-hover)}h1,h2,h3,h4,p{margin:0}button,input{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}@keyframes shimmer{0%{background-position:-460px 0}to{background-position:460px 0}}@keyframes bufpulse{0%,to{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}.container{max-width:1440px;margin:0 auto;padding:0 var(--sp-6)}@media (max-width: 900px){.container{padding:0 var(--sp-3)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-ui);font-weight:700;font-size:14px;border-radius:var(--r-sm);padding:13px 24px;border:none;cursor:pointer;transition:.18s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--c-accent);color:#fff;box-shadow:var(--shadow-accent)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);transform:translateY(-1px)}.btn--light{background:var(--c-ink);color:var(--c-bg)}.btn--light:hover:not(:disabled){background:#fff}.btn--secondary{background:#ffffff1f;color:var(--c-ink-ui);border:1px solid rgba(255,255,255,.18)}.btn--secondary:hover:not(:disabled){background:#fff3}.btn--ghost{background:transparent;color:var(--c-ink-ui);padding:13px 12px}.btn--ghost:hover:not(:disabled){color:var(--c-accent-link)}.btn--vip{background:var(--c-vip);color:var(--c-bg)}.btn--sm{padding:9px 15px;font-size:13px}.btn--lg{padding:17px 32px;font-size:16px;border-radius:9px}.btn--icon{width:44px;height:44px;padding:0;border-radius:var(--r-pill);background:#ffffff1a;color:var(--c-ink-ui);border:1px solid rgba(255,255,255,.18);font-size:16px}.btn--icon:hover:not(:disabled){background:#fff3}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-weight:700;font-size:11px;padding:5px 9px;border-radius:4px;line-height:1.3}.badge--success{color:var(--c-success);background:#3ddc9724}.badge--vip{color:var(--c-bg);background:var(--c-vip);letter-spacing:.08em;text-transform:uppercase}.badge--premium{color:#fff;background:var(--c-accent)}.badge--neutral{color:var(--c-ink-ui);background:#ffffff1f}.badge--warning{color:var(--c-warning);background:#ffb13d24}.badge--outline{font-family:var(--font-mono);font-weight:600;color:var(--c-ink-ui);background:transparent;border:1px solid rgba(255,255,255,.3)}.badge--mono{font-family:var(--font-mono);font-weight:500;color:var(--c-ink-muted);background:transparent}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-family:var(--font-ui);font-weight:600;font-size:12px;color:#ededf299}.field__input{background:var(--c-placeholder);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px 15px;font-family:var(--font-ui);font-size:14.5px;color:var(--c-ink-ui);outline:none;transition:.15s;width:100%}.field__input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #7b5cfa33}.field__input--error{border-color:var(--c-error)}.field__error{margin:0;font-family:var(--font-ui);font-weight:500;font-size:12px;color:var(--c-error-text)}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);height:74px;background:linear-gradient(to bottom,#05080feb,#05080fb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar--solid{background:#0c1424;border-bottom:1px solid rgba(255,255,255,.07)}.navbar__brand{display:flex;align-items:center;gap:9px;flex:none}.navbar__wordmark{font-family:var(--font-display);font-weight:800;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-ui)}.navbar__links{display:flex;align-items:center;gap:var(--sp-4)}.navbar__link{font-family:var(--font-ui);font-weight:600;font-size:14px;color:#ededf2a6;padding-bottom:3px;border-bottom:2px solid transparent}.navbar__link:hover{color:var(--c-ink-ui)}.navbar__link--active{font-weight:700;color:var(--c-ink);border-bottom-color:var(--c-accent)}.navbar__right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}@media (max-width: 900px){.navbar__links{display:none}.navbar{padding:0 var(--sp-3)}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;background:#0a1020eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);padding:10px 4px calc(6px + env(safe-area-inset-bottom,0px))}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:44px;font-family:var(--font-ui);font-weight:600;font-size:10.5px;color:#ededf280}.tabbar__item--active{color:var(--c-ink);font-weight:700}.tabbar__dot{width:20px;height:20px;border-radius:5px;background:#ffffff38}.tabbar__item--active .tabbar__dot{background:var(--c-accent)}@media (max-width: 760px){.tabbar{display:flex}body{padding-bottom:78px}}.avatar{border-radius:8px;display:grid;place-items:center;font-family:var(--font-ui);font-weight:800;color:#fff;background:linear-gradient(150deg,var(--c-accent),#4a33b8);flex:none}.content-row{display:flex;flex-direction:column;gap:14px}.content-row__header{display:flex;align-items:baseline;gap:12px}.content-row__title{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--c-ink)}.content-row__meta{font-family:var(--font-mono);font-size:12px;color:#ededf266}.content-row__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.content-row__track::-webkit-scrollbar{display:none}.content-card{position:relative;flex:none;width:186px;border-radius:8px;overflow:hidden;background-color:var(--c-placeholder);border:1px solid rgba(255,255,255,.07);aspect-ratio:2 / 3;scroll-snap-align:start;transition:transform .2s;cursor:pointer;color:inherit}.content-card:hover{transform:translateY(-6px)}.content-card--wide{width:260px;aspect-ratio:16 / 9}.content-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.content-card__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.content-card__preview--ready{opacity:1}.content-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#05080feb,#05080f00 48%)}.content-card__body{position:absolute;left:11px;right:11px;bottom:11px}.content-card__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.2;color:var(--c-ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card__meta{margin:5px 0 0;font-family:var(--font-mono);font-size:10.5px;color:#ededf2a6}.content-card__tier{position:absolute;top:9px;right:9px;font-family:var(--font-ui);font-weight:800;font-size:9px;letter-spacing:.08em;color:var(--c-bg);background:var(--c-vip);padding:4px 6px;border-radius:3px}.content-card__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff38}.content-card__progress>span{display:block;height:100%;background:var(--c-accent)}.content-card--locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#05080fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.content-card__lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;text-align:center;color:var(--c-vip);font-family:var(--font-ui);font-weight:700;font-size:10px;letter-spacing:.08em}.skeleton{background:linear-gradient(90deg,#131d2e 25%,#22314c,#131d2e 75%);background-size:460px 100%;animation:shimmer 1.4s linear infinite;border-radius:8px}.hero{position:relative;border-radius:0;overflow:hidden;color:var(--c-ink-ui);min-height:78vh;display:flex;align-items:flex-end}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0a1020f5,#0a10208c 55%,#0a102033),linear-gradient(to top,#0a1020 2%,#0a102000 45%)}.hero__content{position:relative;padding:var(--sp-9) var(--sp-6) var(--sp-6);max-width:640px}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--c-success)}.hero__title{margin:16px 0 0;font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.03em;color:var(--c-ink-strong)}.hero__badges{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:20px 0 0}.hero__synopsis{margin:18px 0 0;font-family:var(--font-ui);font-size:16.5px;line-height:1.6;color:var(--c-ink-body);max-width:58ch}.hero__actions{display:flex;gap:11px;align-items:center;margin:28px 0 0;flex-wrap:wrap}@media (max-width: 760px){.hero__content{padding:190px var(--sp-3) var(--sp-4)}}.plan-card{background:var(--c-card-alt);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:420px}.plan-card--featured{background:linear-gradient(160deg,rgba(123,92,250,.16),var(--c-card-alt) 60%);border:1.5px solid rgba(123,92,250,.55);box-shadow:0 20px 50px #7b5cfa29}.plan-card--vip{background:linear-gradient(160deg,rgba(229,192,123,.12),var(--c-card-alt) 60%);border:1.5px solid rgba(229,192,123,.4)}.plan-card__head{display:flex;align-items:center;gap:10px}.plan-card__name{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--c-ink)}.plan-card__price{display:flex;align-items:baseline;gap:6px;margin:20px 0 0}.plan-card__price-amount{font-family:var(--font-display);font-weight:800;font-size:46px;letter-spacing:-.03em;color:var(--c-ink-strong)}.plan-card__price-unit{font-family:var(--font-ui);font-weight:500;font-size:14px;color:#ededf280}.plan-card__divider{height:1px;background:#ffffff14;margin:24px 0}.plan-card__feats{display:grid;gap:12px;flex:1}.plan-card__feat{display:flex;gap:10px;align-items:flex-start;font-family:var(--font-ui);font-size:13.5px;line-height:1.45;color:var(--c-ink-secondary)}.plan-card__feat-check{width:16px;height:16px;border-radius:999px;background:#7b5cfa2e;color:var(--c-accent-link);font-size:10px;font-weight:700;display:grid;place-items:center;flex:none;margin-top:2px}.episode{display:flex;gap:20px;align-items:center;padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.05);border-radius:8px;transition:.16s}.episode:hover{background:#ffffff0b}.episode__num{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--c-ink-muted);width:22px;text-align:center;flex:none}.episode__thumb{position:relative;width:184px;aspect-ratio:16 / 9;border-radius:7px;flex:none;overflow:hidden;background-color:var(--c-placeholder);border:1px solid rgba(255,255,255,.07)}.episode__body{flex:1;min-width:0}.episode__title-row{display:flex;align-items:baseline;gap:12px}.episode__title{margin:0;font-family:var(--font-ui);font-weight:600;font-size:16px;color:var(--c-ink-ui)}.episode__dur{margin-left:auto;font-family:var(--font-mono);font-size:12.5px;color:var(--c-ink-muted)}.episode__synopsis{margin:7px 0 0;font-family:var(--font-ui);font-size:14px;line-height:1.55;color:#ededf28c}.progress{height:4px;border-radius:4px;background:#ffffff2e;overflow:hidden}.progress>span{display:block;height:100%;background:var(--c-accent)}.search-box{display:flex;align-items:center;gap:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 13px}.search-box--focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #7b5cfa33;background:var(--c-placeholder)}.search-box input{border:none;background:transparent;outline:none;color:var(--c-ink);font-family:var(--font-ui);font-size:14px;flex:1;min-width:0}.search-box input::placeholder{color:#ededf273}.search-suggestions{margin-top:8px;background:var(--c-surface);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;box-shadow:0 24px 60px #0009}.search-suggestion{display:flex;align-items:center;gap:13px;padding:10px 16px;cursor:pointer}.search-suggestion:hover{background:#ffffff0d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05080fb3;display:grid;place-items:center;padding:var(--sp-3)}.modal{background:var(--c-surface);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px;max-width:420px;width:100%;box-shadow:0 24px 60px #000000a6}.modal__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--c-ink)}.modal__body{margin:9px 0 0;font-family:var(--font-ui);font-size:13.5px;line-height:1.6;color:#ededf299}.modal__actions{display:flex;gap:9px;margin-top:18px}.toast-stack{position:fixed;right:var(--sp-3);bottom:var(--sp-3);z-index:200;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:12px;background:var(--c-placeholder);border-radius:9px;padding:13px 15px;border:1px solid;box-shadow:var(--shadow-card)}.toast--success{border-color:#3ddc9766;border-left:3px solid var(--c-success)}.toast--error{border-color:#ff5a6366;border-left:3px solid var(--c-error)}.toast__icon{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.toast--success .toast__icon{background:#3ddc9729;color:var(--c-success)}.toast--error .toast__icon{background:#ff5a6329;color:var(--c-error-text)}.toast__title{margin:0;font-family:var(--font-ui);font-weight:600;font-size:13.5px;color:var(--c-ink-ui)}.toast__detail{margin:3px 0 0;font-family:var(--font-ui);font-size:12px;color:#ededf280}.state-panel{text-align:center;padding:var(--sp-6) var(--sp-3);max-width:440px;margin:0 auto}.state-panel__icon{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:22px}.state-panel__icon--error{color:var(--c-error-text);background:#ff5a631f;border:1px solid rgba(255,90,99,.35)}.state-panel__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25;color:var(--c-ink)}.state-panel__body{margin:9px 0 0;font-family:var(--font-ui);font-size:13.5px;line-height:1.6;color:#ededf28c}.state-panel__actions{display:flex;gap:9px;justify-content:center;margin-top:20px;flex-wrap:wrap}.player{position:relative;width:100%;height:100vh;background:#05080f;overflow:hidden}.player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,#05080fbf,#05080f00 22%,#05080f00 58%,#05080fe0);transition:opacity .18s;color:#fff}.player__overlay--hidden{opacity:0;pointer-events:none}.player__top{display:flex;align-items:center;gap:20px;padding:30px 44px}.player__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px}.player__subtitle{margin:5px 0 0;font-family:var(--font-mono);font-size:14px;color:#ffffffa6}.player__center{display:flex;align-items:center;justify-content:center;gap:44px;flex:1}.player__play{width:92px;height:92px;border-radius:999px;background:#fffffff0;color:#05080f;display:grid;place-items:center;font-size:28px;border:none;cursor:pointer}.player__skip{width:60px;height:60px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--font-ui);font-weight:600;font-size:15px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player__bottom{padding:0 44px 34px}.player__seek{position:relative;height:6px;border-radius:6px;background:#ffffff38;margin-bottom:22px;cursor:pointer}.player__seek-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--c-accent);box-shadow:0 0 18px #7b5cfab3}.player__seek-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 2px 12px #0009}.player__row{display:flex;align-items:center;gap:22px}.player__time{font-family:var(--font-mono);font-weight:600;font-size:18px;letter-spacing:.02em}.player__buf{display:flex;gap:6px;align-items:center;justify-content:center;height:46px}.player__buf span{width:6px;height:46px;border-radius:6px;background:var(--c-accent);animation:bufpulse 1.05s ease-in-out infinite}@media (max-width: 760px){.player__top,.player__bottom{padding-left:14px;padding-right:14px}.player__center{gap:26px}.player__play{width:58px;height:58px;font-size:18px}.player__skip{width:44px;height:44px;font-size:12px}}.page{min-height:100vh;background:var(--c-bg);color:var(--c-ink-ui)}.section{padding:var(--sp-6) var(--sp-6)}@media (max-width: 760px){.section{padding:var(--sp-4) var(--sp-3)}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.card-surface{background:var(--c-card-alt);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px}.placeholder-art{background-color:var(--c-placeholder);background-image:repeating-linear-gradient(118deg,#ffffff0f 0,#ffffff0f 5px,#fff0 5px,#fff0 13px)}.eyebrow-chip{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.16em;color:var(--c-accent-link);padding:6px 8px;border:1px solid rgba(123,92,250,.42);border-radius:5px}