:root{--bg:#f8f9fb;--surface:#fff;--text:#14161b;--muted:#757b87;--line:#e9ebef;--accent:#ed5b45;--accent-dark:#d94b37;--peach:#fff0ec;--blue:#eaf4ff;--shadow:0 14px 45px rgba(31,38,52,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;padding:0 32px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--accent);color:white;display:grid;place-items:center;font-family:'Plus Jakarta Sans';font-weight:800;font-size:20px;box-shadow:0 7px 16px rgba(237,91,69,.24)}.brand b{display:block;font-family:'Plus Jakarta Sans';font-size:18px;line-height:15px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;color:var(--accent);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-left:1px}.desktop-nav{display:flex;gap:30px;margin-left:30px}.desktop-nav a{font-size:13px;color:#7b8089;font-weight:600;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button{width:36px;height:36px;border-radius:10px;background:transparent;color:#858b94;font-size:20px;display:grid;place-items:center}.icon-button:hover{background:#f4f5f7;color:var(--text)}.avatar{width:34px;height:34px;border-radius:50%;background:#ffd6c8;color:#d75b43;font-size:11px;font-weight:800}.menu-button{display:none}.layout{display:flex}.sidebar{width:230px;flex:none;background:var(--surface);border-right:1px solid var(--line);min-height:calc(100vh - 76px);position:sticky;top:76px;height:calc(100vh - 76px)}.sidebar-scroll{padding:30px 18px;height:100%;overflow:auto}.side-section{margin-bottom:30px}.side-label,.section-kicker{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#a2a7ae}.side-label{margin:0 12px 12px}.side-link{display:flex;align-items:center;gap:12px;height:43px;padding:0 12px;border-radius:11px;color:#777d87;font-weight:600;margin-bottom:3px}.side-link:hover,.side-link.active{background:var(--peach);color:var(--accent)}.side-icon{width:18px;text-align:center;font-size:18px;font-weight:400}.provider-link,.group-link{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#777d87;font-size:13px;border-radius:9px}.provider-link:hover,.group-link:hover{background:#f7f8fa;color:var(--text)}.provider-dot{width:7px;height:7px;border-radius:50%;background:#ffc2b3}.sidebar-footer{border-top:1px solid var(--line);padding:18px 12px;color:#727883;font-size:12px;display:flex;align-items:center;gap:7px;position:absolute;bottom:0;background:white;width:calc(100% - 36px)}.sidebar-footer small{margin-left:auto;color:#a5aab2}.status-dot{width:7px;height:7px;background:#47c98a;border-radius:50%;box-shadow:0 0 0 4px #e9faf2}.mobile-sidebar-head{display:none}.main{flex:1;min-width:0}.page-view{padding:0 44px 60px;max-width:1460px;margin:auto}.hero{min-height:355px;background:linear-gradient(115deg,#fff8f6 0%,#fff 63%);border-bottom:1px solid #f4e3df;margin:0 -44px;padding:50px 64px;display:flex;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:800}.eyebrow i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#f3a394;margin:0 8px 2px}.hero h1{font-family:'Plus Jakarta Sans';font-size:38px;line-height:1.15;letter-spacing:-1.7px;margin:18px 0 12px}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:#7d828a;margin:0 0 24px;max-width:430px;line-height:1.6}.hero-search{height:46px;background:#fff;border:1px solid #f0ded9;border-radius:12px;display:flex;align-items:center;width:min(450px,100%);box-shadow:0 8px 20px rgba(220,112,87,.07)}.hero-search>span,.catalog-search>span{font-size:23px;margin:0 12px;color:#a7adb5}.hero-search input,.catalog-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.hero-search button{height:36px;padding:0 17px;margin-right:4px;border-radius:9px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.hero-tags{display:flex;align-items:center;gap:8px;margin-top:15px;color:#9ca1a9;font-size:11px}.tag-search{background:transparent;color:#7d838c;font-size:11px;padding:0}.tag-search:hover{color:var(--accent)}.hero-art{position:absolute;right:70px;top:0;width:350px;height:100%;opacity:.9}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:310px;height:310px;background:#ffe1d8;right:10px;top:20px}.orb-two{width:220px;height:220px;background:#ffb8a8;right:70px;top:75px;opacity:.55}.floating-card{position:absolute;width:142px;height:190px;border-radius:15px;background:white;box-shadow:0 15px 30px rgba(130,61,45,.16);border:7px solid rgba(255,255,255,.7)}.card-back{transform:rotate(15deg);right:55px;top:66px;background:#fee5dc}.card-front{transform:rotate(-7deg);right:145px;top:92px;padding:0;overflow:hidden}.mini-cover{height:105px;background:linear-gradient(135deg,#cb6e56,#f5c1a6 55%,#75403a);position:relative}.mini-cover:after{content:'DRAMA';position:absolute;color:white;font-weight:800;font-size:16px;bottom:12px;left:12px}.mini-lines{padding:12px}.mini-lines i{display:block;height:6px;background:#eee;border-radius:5px;margin-bottom:7px}.mini-lines i:first-child{width:80%}.play-orb{position:absolute;right:105px;top:143px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(237,91,69,.35);z-index:2;font-size:17px;padding-left:3px}.section-block{padding-top:38px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-kicker{display:block;margin-bottom:6px}.section-head h2,.catalog-toolbar h2{font-family:'Plus Jakarta Sans';font-size:20px;letter-spacing:-.7px;margin:0}.text-button{background:transparent;color:var(--accent);font-size:12px;font-weight:700}.text-button span{font-size:17px;margin-left:4px}.content-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.poster-card{min-width:0;animation:rise .4s ease both}.poster{aspect-ratio:3/4.1;border-radius:13px;overflow:hidden;background:#eef0f3;position:relative;box-shadow:0 7px 18px rgba(35,39,49,.06);cursor:pointer}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.poster:hover img{transform:scale(1.05)}.poster-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#f9c6b8,#e76d57 70%);color:#fff;font-family:'Plus Jakarta Sans';font-size:20px;font-weight:800;text-align:center;padding:15px}.poster-overlay{position:absolute;inset:auto 0 0;padding:35px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:11px;font-weight:700;opacity:0;transition:.2s}.poster:hover .poster-overlay{opacity:1}.card-meta{padding:10px 2px 0}.card-title{font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-source{font-size:11px;color:#969ba4;margin-top:4px}.provider-strip{display:flex;gap:12px;overflow:auto;padding:3px 2px 14px}.provider-tile{flex:0 0 160px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px;cursor:pointer;transition:.2s}.provider-tile:hover{border-color:#f3b6a9;transform:translateY(-3px);box-shadow:var(--shadow)}.provider-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--peach);color:var(--accent);font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;margin-bottom:13px}.provider-tile strong{font-size:13px;display:block}.provider-tile small{color:#9ca1a9;font-size:10px}.loading-state,.empty-state{grid-column:1/-1;min-height:150px;display:grid;place-items:center;color:#9da2aa;border:1px dashed #dfe2e7;border-radius:15px}.loader{display:inline-block;width:18px;height:18px;border:2px solid #f2cfc7;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading-state{display:flex;gap:10px}.hidden{display:none!important}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:44px 0 30px}.page-heading h1{font-family:'Plus Jakarta Sans';font-size:30px;letter-spacing:-1.2px;margin:9px 0 7px}.page-heading p{color:#8b919a;margin:0}.catalog-search{height:42px;width:245px;border:1px solid var(--line);background:white;border-radius:11px;display:flex;align-items:center}.catalog-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:35px}.catalog-menu{border-right:1px solid var(--line);padding-right:18px}.catalog-menu-item{display:flex;align-items:center;justify-content:space-between;padding:11px 11px;border-radius:10px;color:#777d87;font-weight:600;font-size:12px;cursor:pointer;margin-bottom:3px}.catalog-menu-item:hover,.catalog-menu-item.active{background:var(--peach);color:var(--accent)}.catalog-menu-item small{font-size:10px;color:#b4b8bd}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.catalog-toolbar select{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;color:#777d87;outline:0}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(560px,100%);background:#fff;z-index:70;transform:translateX(105%);transition:.35s;box-shadow:-15px 0 45px rgba(20,23,30,.14);overflow:auto}.drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:18px;top:17px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.05);font-size:23px;color:#656a72;z-index:3}.drawer-close:hover{background:#f3f4f6}.drawer-hero{height:270px;background:linear-gradient(130deg,#ed856c,#fad6ca);position:relative;overflow:hidden}.drawer-hero img{width:100%;height:100%;object-fit:cover;opacity:.88}.drawer-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 36%,#fff)}.drawer-body{padding:0 28px 35px;position:relative}.drawer-title{font-family:'Plus Jakarta Sans';font-size:25px;letter-spacing:-.8px;margin:0 0 9px}.drawer-source{color:var(--accent);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.drawer-desc{color:#858b94;line-height:1.65;font-size:13px;margin:18px 0}.drawer-actions{display:flex;gap:9px;margin:20px 0}.primary-button,.secondary-button{height:40px;border-radius:10px;padding:0 17px;font-weight:700;font-size:12px}.primary-button{background:var(--accent);color:#fff}.secondary-button{background:#f4f5f7;color:#636971}.episode-title{font-family:'Plus Jakarta Sans';font-size:15px;margin:27px 0 12px}.episodes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.episode-button{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#737983;font-size:12px}.episode-button:hover{border-color:var(--accent);color:var(--accent);background:var(--peach)}.raw-details{font-family:monospace;font-size:10px;background:#f7f8fa;padding:10px;border-radius:8px;max-height:180px;overflow:auto;white-space:pre-wrap}.backdrop{position:fixed;inset:0;background:rgba(23,27,34,.35);z-index:60;opacity:0;pointer-events:none;transition:.3s}.backdrop.show{opacity:1;pointer-events:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#22252b;color:#fff;padding:11px 17px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:rgba(16,18,22,.78);z-index:90;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-inner{background:#fff;width:min(850px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:18px;padding:28px;position:relative}.player-head{padding-right:35px;margin-bottom:18px}.player-head h2{font-family:'Plus Jakarta Sans';margin:7px 0;font-size:20px}.video-wrap{background:#101216;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#aab0b9}.video-wrap video{width:100%;height:100%;display:block}.video-placeholder{display:grid;place-items:center;gap:10px}.player-links{padding-top:15px;display:flex;gap:8px;flex-wrap:wrap}.player-link{font-size:11px;background:#f4f5f7;color:#68707a;border-radius:8px;padding:8px 11px}.player-link:hover{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1050px){.content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{right:0;opacity:.55}.hero{padding-left:44px}}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.menu-button{display:grid;margin-right:8px;width:30px}.brand{min-width:auto}.brand b{font-size:17px}.desktop-nav{display:none}.sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;z-index:80;transform:translateX(-105%);transition:.3s;width:270px}.sidebar.open{transform:translateX(0)}.mobile-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 22px;font-family:'Plus Jakarta Sans';font-size:16px}.sidebar-footer{position:relative;width:100%;margin-top:60px}.page-view{padding:0 16px 45px}.hero{margin:0 -16px;padding:35px 20px 42px;min-height:390px}.hero h1{font-size:31px}.hero p{font-size:13px;max-width:310px}.hero-art{right:-100px;top:130px;opacity:.33;transform:scale(.8)}.hero-search{width:100%}.hero-tags{gap:7px;flex-wrap:wrap}.section-block{padding-top:30px}.section-head{margin-bottom:14px}.section-head h2{font-size:18px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.poster{border-radius:11px}.card-title{font-size:12px}.provider-strip{margin-right:-16px}.page-heading{padding:30px 0 23px;display:block}.page-heading h1{font-size:26px}.catalog-search{width:100%;margin-top:20px}.catalog-layout{display:block}.catalog-menu{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:22px;gap:6px}.catalog-menu-item{flex:0 0 auto;white-space:nowrap;padding:9px 12px}.catalog-menu-item small{display:none}.catalog-toolbar{display:block}.catalog-toolbar select{margin-top:15px;width:100%}.drawer-body{padding:0 20px 30px}.drawer-hero{height:230px}.modal{padding:10px}.modal-inner{padding:20px 14px}.video-wrap{border-radius:9px;margin:0 -2px}.avatar{display:none}}