:root{--tv-ink:#17151b;--tv-muted:#8f8b97;--tv-border:#eceaf0;--tv-purple:#8056df;--tv-pink:#f05d79;--tv-bg:#fcfbfd;--tv-sidebar:248px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--tv-bg);color:var(--tv-ink)}a{color:inherit;text-decoration:none}.tv-site-shell{min-height:100vh}.tv-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--tv-sidebar);padding:30px 18px 22px;background:#fff;border-right:1px solid var(--tv-border);display:flex;flex-direction:column}.tv-sidebar-head{margin:0 10px 44px}.tv-brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.05em}.tv-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:13px;background:linear-gradient(135deg,#8056df,#f05d79);box-shadow:0 5px 15px #8056df30}.tv-brand-accent{color:var(--tv-pink)}.tv-main-nav{display:flex;flex-direction:column;gap:5px}.tv-main-nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;color:#85808e;font-size:14px;font-weight:600}.tv-main-nav a i{width:18px;text-align:center;font-size:16px}.tv-main-nav a.active,.tv-main-nav a:hover{color:var(--tv-purple);background:#f5f1fd}.tv-sidebar-section-title{margin:35px 14px 10px;color:#b1adb7;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.16em}.tv-nav-badge{margin-left:auto;padding:3px 7px;border-radius:5px;color:#a066ee;background:#f0e6fc;font-size:9px}.tv-sidebar-footer{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding:0 14px;color:#bbb7c0;font-size:10px}.tv-sidebar-footer a{color:#908b98}.tv-main-content{margin-left:var(--tv-sidebar);min-height:100vh}.tv-topbar{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tv-border);background:#fff}.tv-search{display:flex;align-items:center;gap:10px;width:300px;color:#b0acb8}.tv-search input{width:100%;border:0;outline:0;background:transparent;color:var(--tv-ink);font-size:13px}.tv-topbar-actions{display:flex;align-items:center;gap:18px;color:#75717d;font-size:13px}.tv-coin-pill{display:flex;gap:7px;align-items:center;color:#c99b28}.tv-coin-pill i{color:#ddae2d}.tv-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ae86eb,#8056df);font-size:12px;font-weight:800}.tv-login-link{font-weight:700;color:var(--tv-purple)}.tv-mobile-header{display:none}.tv-main-content>section{max-width:1250px;margin:auto}.tv-hero{position:relative;display:flex;align-items:center;min-height:470px;padding:65px 8vw 62px;overflow:hidden;background:linear-gradient(120deg,#f6f1ff,#fff4f4)}.tv-hero-copy{position:relative;z-index:1}.tv-kicker{display:block;color:#9e80d7;font-size:10px;font-weight:800;letter-spacing:.18em}.tv-hero h1{margin:18px 0 12px;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.065em}.tv-hero h1 em{color:var(--tv-pink);font-family:Georgia,serif;font-weight:400}.tv-hero p{max-width:370px;color:#8e8994;line-height:1.7}.tv-hero-actions{display:flex;gap:12px;margin-top:30px}.tv-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:750;cursor:pointer}.tv-button-primary{color:#fff;background:linear-gradient(110deg,#8056df,#a66be2);box-shadow:0 8px 20px #8056df36}.tv-button-ghost{color:#6e6876;background:#fff;border-color:#e9e5ee}.tv-hero-art{position:absolute;right:9%;top:50%;width:390px;height:420px;transform:translateY(-50%)}.tv-hero-glow{position:absolute;inset:50px 20px;background:radial-gradient(ellipse,#f8bbd6,#e8dafe 55%,transparent 70%);filter:blur(3px)}.tv-hero-card{position:absolute;border-radius:24px;box-shadow:0 25px 45px #4a376a25}.tv-hero-card-back{right:8px;top:28px;width:260px;height:355px;transform:rotate(11deg);background:linear-gradient(145deg,#f6c6b4,#ec7e9f)}.tv-hero-card-front{left:30px;top:18px;width:260px;height:355px;transform:rotate(-8deg);background:linear-gradient(155deg,#a777e4 0%,#eb7895 48%,#f5bf87 100%)}.tv-hero-card-front span{position:absolute;bottom:20px;left:20px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.16em}.tv-card-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;color:#fff;background:#fff4;border:1px solid #fff8;font-size:20px}.tv-section,.tv-continue{padding:56px 8vw 10px}.tv-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.tv-section-heading h2,.tv-continue h2{margin:8px 0 0;font-size:28px;letter-spacing:-.04em}.tv-section-heading>a,.tv-continue>a{color:var(--tv-purple);font-size:12px;font-weight:700}.tv-poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tv-poster-card{min-width:0}.tv-poster-image{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;display:flex;align-items:end;padding:15px;box-shadow:0 9px 24px #352b5020;transition:transform .2s}.tv-poster-card:hover .tv-poster-image{transform:translateY(-5px)}.tv-poster-red{background:linear-gradient(155deg,#5f2a5a,#db6686 52%,#f7bd86)}.tv-poster-blue{background:linear-gradient(155deg,#152e64,#58a3d7 50%,#d6b4e7)}.tv-poster-purple{background:linear-gradient(155deg,#39205f,#a370db 50%,#ee82a0)}.tv-poster-green{background:linear-gradient(155deg,#244b4d,#55a680 50%,#ead693)}.tv-poster-orange{background:linear-gradient(155deg,#8c3d33,#e48057 50%,#f7c17c)}.tv-poster-pink{background:linear-gradient(155deg,#7c2856,#dc709f 50%,#f1bd9f)}.tv-poster-number{position:absolute;right:13px;top:10px;color:#fff5;font:700 52px/1 Georgia,serif}.tv-poster-label{position:absolute;left:14px;top:14px;padding:5px 7px;border-radius:4px;background:#fff4;color:#fff;font-size:8px;font-weight:800;letter-spacing:.12em}.tv-poster-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border:1px solid #fff7;border-radius:50%;color:#fff;background:#fff3;font-size:13px}.tv-poster-card>strong{display:block;margin:12px 2px 4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-poster-card>small{display:block;margin:0 2px;color:#9b96a1;font-size:11px}.tv-continue{margin-top:35px;background:#f5f0fb}.tv-continue .tv-section-heading{margin-bottom:15px}.tv-progress-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.tv-progress-card{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border-radius:12px}.tv-progress-thumb{display:grid;place-items:center;width:68px;height:76px;flex:none;border-radius:8px;color:#fff}.tv-progress-card>div:nth-child(2){flex:1}.tv-progress-card strong,.tv-progress-card small{display:block}.tv-progress-card small{margin:4px 0 8px;color:#a19ca8;font-size:11px}.tv-progress{height:4px;border-radius:5px;background:#eeeaf2}.tv-progress span{display:block;height:100%;border-radius:5px;background:var(--tv-purple)}.tv-progress-time{color:#aaa5b0;font-size:10px}.tv-page-heading,.tv-series-detail,.tv-player-page{padding:55px 8vw 22px}.tv-page-heading h1{margin:13px 0 8px;font-size:42px;letter-spacing:-.055em}.tv-page-heading p{color:#96919d}.tv-filter-row{display:flex;align-items:center;gap:8px;padding:16px 8vw 25px;border-bottom:1px solid var(--tv-border)}.tv-filter{padding:9px 15px;border:1px solid var(--tv-border);border-radius:8px;background:#fff;color:#8b8690;font-size:12px}.tv-filter.active{color:var(--tv-purple);border-color:#d8c6f4;background:#f7f2fd}.tv-sort{margin-left:auto;color:#8b8690;font-size:12px}.tv-poster-grid-wide{padding:40px 8vw 70px;grid-template-columns:repeat(4,1fr)}.tv-series-detail{display:flex;gap:58px;align-items:center;min-height:440px;background:linear-gradient(120deg,#f8f3ff,#fff)}.tv-detail-art{position:relative;flex:none;width:275px;height:365px;border-radius:20px;box-shadow:0 20px 40px #3c2c5428}.tv-detail-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border:1px solid #fff8;border-radius:50%;color:#fff;background:#fff4}.tv-detail-copy{max-width:525px}.tv-detail-copy h1{margin:13px 0;font-size:52px;letter-spacing:-.06em}.tv-detail-copy p{color:#8e8994;line-height:1.75}.tv-detail-meta{display:flex;gap:20px;margin-top:17px;color:#85808e;font-size:12px}.tv-detail-meta i{color:#e5ae37}.tv-muted{color:#aaa5b0;font-size:12px}.tv-episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:70px}.tv-episode{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid var(--tv-border);border-radius:11px;background:#fff}.tv-episode>span{color:#b59ce4;font:700 20px Georgia}.tv-episode div{flex:1}.tv-episode strong,.tv-episode small{display:block}.tv-episode small{margin-top:3px;color:#aaa5b0;font-size:10px}.tv-episode>i{color:var(--tv-purple);font-size:11px}.tv-player-page{padding-top:35px}.tv-player{max-width:980px;margin:auto;aspect-ratio:16/9;background:#16131b;border-radius:16px;overflow:hidden}.tv-player-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:13px;color:#fff}.tv-player-placeholder i{display:grid;place-items:center;width:68px;height:68px;border:1px solid #fff7;border-radius:50%;font-size:22px}.tv-player-placeholder span{color:#bbb5c1;font-size:12px}.tv-player-info{max-width:980px;margin:25px auto}.tv-player-info h1{margin:10px 0;font-size:28px}.tv-player-actions{display:flex;gap:10px}.tv-auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 91px);padding:50px 20px}.tv-auth-card{width:min(100%,440px);padding:40px;border:1px solid var(--tv-border);border-radius:20px;background:#fff;box-shadow:0 14px 35px #30273d0d}.tv-auth-brand{margin-bottom:34px}.tv-auth-card h1{margin:13px 0 8px;font-size:36px;letter-spacing:-.06em}.tv-auth-card>p{color:#97929d;font-size:13px}.tv-auth-card form{margin-top:25px}.tv-auth-card label{display:block;margin:16px 0 7px;color:#686270;font-size:12px;font-weight:650}.tv-input{width:100%;padding:12px 13px;border:1px solid var(--tv-border);border-radius:9px;outline:0;background:#fcfbfd;color:var(--tv-ink);font-size:13px}.tv-input:focus{border-color:#bd9de9;box-shadow:0 0 0 3px #8056df14}.tv-auth-links{text-align:right;margin:10px 0 20px;font-size:11px;color:var(--tv-purple)}.tv-button-full{width:100%;margin-top:23px}.tv-auth-bottom{text-align:center;margin-bottom:0!important;font-size:12px!important}.tv-auth-bottom a{color:var(--tv-purple);font-weight:700}.tv-code-input{display:flex;gap:8px}.tv-code-input .tv-input{flex:1}.tv-code-input button{padding:0 12px;border:0;border-radius:8px;color:#e76682;background:#fff0f3;font-weight:700;font-size:11px}.tv-terms{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.tv-terms input{accent-color:var(--tv-purple)}.tv-terms a{color:var(--tv-purple);font-weight:700}.tv-empty-page{display:grid;place-items:center;align-content:center;min-height:70vh;text-align:center}.tv-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:#a681e4;background:#f0e8fd;font-size:24px}.tv-empty-page h1{margin:18px 0 6px}.tv-empty-page p{color:#9e98a4}.tv-icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;color:#6c6773;background:transparent;font-size:17px}.tv-close-button{display:none}@media(max-width:900px){:root{--tv-sidebar:230px}.tv-hero{padding-left:7vw}.tv-hero-art{right:-50px;opacity:.7}.tv-poster-grid-wide{grid-template-columns:repeat(3,1fr)}.tv-sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:10px 0 30px #2416311a}.tv-sidebar.is-open{transform:none}.tv-sidebar-backdrop{position:fixed;z-index:19;inset:0;background:#211a2b55;opacity:0;pointer-events:none;transition:opacity .2s}.tv-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.tv-mobile-header{position:relative;z-index:10;display:flex;height:70px;padding:0 20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tv-border);background:#fff}.tv-main-content{margin-left:0}.tv-topbar{height:70px;padding:0 20px}.tv-search{width:200px}.tv-close-button{display:grid}.tv-sidebar-head{display:flex;align-items:center;justify-content:space-between}}@media(max-width:620px){.tv-topbar{height:62px}.tv-search{width:130px}.tv-topbar-actions{gap:10px}.tv-topbar-actions .tv-coin-pill{display:none}.tv-hero{min-height:470px;padding:48px 25px}.tv-hero h1{font-size:47px}.tv-hero-art{right:-120px;opacity:.35}.tv-section,.tv-continue{padding:40px 25px 10px}.tv-poster-grid,.tv-poster-grid-wide{grid-template-columns:repeat(2,1fr);gap:16px}.tv-progress-list{grid-template-columns:1fr}.tv-page-heading,.tv-series-detail,.tv-player-page{padding:40px 25px 20px}.tv-page-heading h1{font-size:37px}.tv-filter-row{padding:10px 25px 20px;overflow:auto;white-space:nowrap}.tv-sort{display:none}.tv-series-detail{display:block;min-height:0}.tv-detail-art{width:190px;height:252px;margin:0 auto 30px}.tv-detail-copy h1{font-size:39px}.tv-episode-grid{grid-template-columns:repeat(2,1fr);padding:0 25px 50px}.tv-episode{padding:11px}.tv-episode>span{font-size:16px}.tv-episode small{display:none}.tv-auth-wrap{padding:30px 15px}.tv-auth-card{padding:30px 23px}}.tv-list-empty{min-height:38vh}.tv-list-empty h1{margin:17px 0 7px;font-size:25px}.tv-list-empty .tv-button{margin-top:10px}.tv-history-list{padding:0 8vw 70px;grid-template-columns:repeat(2,1fr)}.tv-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 8vw 80px}.tv-plan-card{position:relative;padding:27px;border:1px solid var(--tv-border);border-radius:15px;background:#fff}.tv-plan-card.featured{border-color:#c8afe9;box-shadow:0 12px 28px #8056df15}.tv-plan-card h2{margin:14px 0;font-size:23px}.tv-plan-card>strong{display:block;font-size:27px}.tv-plan-card>strong small{font-size:11px;color:#9c96a3;font-weight:500}.tv-plan-card p{min-height:42px;color:#99939f;font-size:12px;line-height:1.6}.tv-plan-popular{position:absolute;right:16px;top:15px;padding:5px 8px;border-radius:5px;color:#8a5dd4;background:#f3eafe;font-size:8px;font-weight:800;letter-spacing:.08em}.tv-order-empty{display:grid;place-items:center;align-content:center;min-height:35vh;padding-bottom:60px;text-align:center}.tv-order-empty h2{margin:17px 0 5px;font-size:20px}.tv-order-empty p{color:#9c96a2;font-size:12px}.tv-order-empty .tv-button{margin-top:9px}.tv-profile-card{display:flex;align-items:center;gap:18px;margin:15px 8vw 25px;padding:20px;border:1px solid var(--tv-border);border-radius:13px;background:#fff}.tv-profile-avatar{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ae86eb,#8056df);font-size:19px;font-weight:800}.tv-profile-card>div:nth-child(2){flex:1}.tv-profile-card h2{margin:0 0 5px;font-size:17px}.tv-profile-card p{margin:0;color:#9b95a2;font-size:11px}.tv-profile-links{margin:0 8vw 60px;border:1px solid var(--tv-border);border-radius:12px;background:#fff;overflow:hidden}.tv-profile-links a{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--tv-border);font-size:12px}.tv-profile-links a:last-child{border-bottom:0}.tv-profile-links a>i:first-child{width:20px;color:#9d7bda;text-align:center}.tv-profile-links a>i:last-child{margin-left:auto;color:#b8b3bd;font-size:10px}.tv-legal-panel{margin:10px 8vw 70px}.tv-legal-panel h2{margin:0 0 10px;font-size:18px}.tv-legal-panel p{margin-bottom:28px;color:#89838f;font-size:13px;line-height:1.7}.tv-legal-panel p:last-child{margin-bottom:0}@media(max-width:900px){.tv-plan-grid{padding-left:5vw;padding-right:5vw;gap:10px}.tv-plan-card{padding:20px}.tv-history-list{padding-left:5vw;padding-right:5vw}}@media(max-width:620px){.tv-plan-grid{grid-template-columns:1fr;padding:15px 25px 50px}.tv-plan-card p{min-height:0}.tv-history-list{grid-template-columns:1fr;padding:5px 25px 50px}.tv-profile-card{margin-left:25px;margin-right:25px;align-items:flex-start;flex-wrap:wrap}.tv-profile-card>div:nth-child(2){min-width:60%}.tv-profile-card .tv-button{margin-left:76px}.tv-profile-links{margin-left:25px;margin-right:25px}.tv-legal-panel{margin-left:25px;margin-right:25px}}:root{ --tales-red: #eb3039; --tales-red-dark: #d92135; --tales-text: #17181c; --tales-muted: #797a82; --tales-line: #eeeeef; --tv-purple: var(--tales-red); --tv-pink: var(--tales-red); --tv-bg: #fff; --tv-ink: var(--tales-text); --tv-border: var(--tales-line); }
.tv-site-logo { width: auto; max-width: 160px; height: 38px; object-fit: contain; }