:root{--bg:#080713;--panel:#121023;--panel2:#1b1730;--text:#f7f3ff;--muted:#aaa1c6;--line:rgba(255,255,255,.12);--accent:#ff2d75;--accent2:#8b5cf6;--good:#2ee59d;--shadow:0 20px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(255,45,117,.28),transparent 32%),radial-gradient(circle at 90% 10%,rgba(139,92,246,.25),transparent 34%),linear-gradient(135deg,#05040a,#0c0a18 45%,#120916);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%);pointer-events:none}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,56px);background:rgba(8,7,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:900;font-size:22px}.brand img{width:38px;height:38px}.site-header nav{display:flex;gap:18px;align-items:center}.site-header nav a{color:var(--muted);text-decoration:none;font-weight:700}.site-header nav a:hover{color:white}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;align-items:center;padding:70px clamp(16px,4vw,56px) 44px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#ffb3cd;font-weight:900;font-size:12px}.hero h1,.detail-hero h1,.player-top h1{font-size:clamp(40px,8vw,86px);line-height:.92;margin:8px 0 16px}.hero p{max-width:700px;color:var(--muted);font-size:20px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn,.watch-link{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);text-decoration:none;padding:12px 16px;border-radius:16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.btn.primary,.watch-link{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;box-shadow:0 12px 34px rgba(255,45,117,.25)}.hero-card{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow);min-height:210px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--accent);filter:blur(60px);opacity:.35;right:-30px;top:-30px}.hero-card strong{font-size:28px;z-index:1}.hero-card small{color:var(--muted);z-index:1}.pulse{position:absolute;left:28px;top:28px;width:18px;height:18px;background:var(--good);border-radius:50%;box-shadow:0 0 0 14px rgba(46,229,157,.12)}.wrap{width:min(1220px,calc(100% - 32px));margin:0 auto 50px}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:20px 0}.toolbar h2,.episodes h2,.server-panel h2,.watch-sidebar h2{font-size:30px;margin:0 0 6px}.toolbar p{color:var(--muted);margin:0}.toolbar input{width:min(420px,100%);padding:15px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:white;outline:none}.chips{display:flex;gap:10px;overflow:auto;padding:8px 0 18px}.chip,.server-btn{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;white-space:nowrap}.chip.active,.server-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.drama-card{background:rgba(18,16,35,.82);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.drama-card:hover{transform:translateY(-4px);border-color:rgba(255,45,117,.55)}.poster{display:block;position:relative;aspect-ratio:2/2.75;background:#1b1730;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-weight:900;font-size:12px}.card-body{padding:18px}.card-body h3{margin:0 0 8px;font-size:22px}.card-body h3 a{color:white;text-decoration:none}.card-body p{color:var(--muted);line-height:1.45;min-height:62px}.meta{display:flex;gap:8px;flex-wrap:wrap;color:#d6cfff;font-size:13px;margin:12px 0}.meta span{background:rgba(255,255,255,.07);border:1px solid var(--line);padding:6px 9px;border-radius:999px}.detail-wrap{padding-top:34px}.detail-hero{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center;background:rgba(18,16,35,.82);border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:var(--shadow)}.detail-poster{width:100%;border-radius:22px;box-shadow:var(--shadow)}.detail-hero h1{font-size:clamp(34px,6vw,66px)}.detail-hero p{color:var(--muted);font-size:18px;line-height:1.55}.episodes{margin-top:30px}.episode-list{display:grid;gap:10px}.episode-row,.side-episode{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;color:white;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:14px}.episode-row:hover,.side-episode:hover,.side-episode.current{border-color:rgba(255,45,117,.65);background:rgba(255,45,117,.12)}.episode-row span{color:#ffb3cd;font-weight:900}.episode-row em{color:var(--muted);font-style:normal}.watch-wrap{width:min(1380px,calc(100% - 32px));margin:28px auto 60px;display:grid;grid-template-columns:1fr 340px;gap:22px}.player-shell,.watch-sidebar,.empty{background:rgba(18,16,35,.82);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.player-top{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}.player-top h1{font-size:clamp(24px,4vw,42px);margin-bottom:4px}.player-top span{color:var(--muted)}.player-box{position:relative;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.player-box iframe,.player-box video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.player-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.player-placeholder strong{display:block;color:white;font-size:28px}.server-panel{padding-top:18px}.server-buttons{display:flex;gap:10px;flex-wrap:wrap}.server-note{color:var(--muted)}.watch-sidebar{height:max-content;position:sticky;top:86px}.side-episode{display:block;margin-bottom:10px}.side-episode span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--muted);padding:30px 16px;border-top:1px solid var(--line);background:rgba(0,0,0,.18)}.footer strong{color:white}code{background:rgba(0,0,0,.28);padding:2px 6px;border-radius:7px}.empty{text-align:center;padding:60px 20px}.empty p{color:var(--muted)}
@media (max-width:950px){.hero{grid-template-columns:1fr;padding-top:44px}.grid{grid-template-columns:repeat(2,1fr)}.watch-wrap{grid-template-columns:1fr}.watch-sidebar{position:static}.detail-hero{grid-template-columns:1fr}.detail-poster{max-width:320px}.toolbar{align-items:stretch;flex-direction:column}.episode-row{grid-template-columns:1fr}.site-header nav{gap:10px}.site-header nav a{font-size:14px}}
@media (max-width:600px){.site-header{padding:12px 14px}.brand span{font-size:18px}.site-header nav a:nth-child(2){display:none}.hero h1{font-size:50px}.hero p{font-size:17px}.grid{grid-template-columns:1fr}.hero-card{min-height:160px}.player-shell,.watch-sidebar,.detail-hero{padding:14px;border-radius:20px}.player-box{border-radius:14px}.player-top{display:block}.player-top .btn{margin-top:12px}.toolbar h2{font-size:25px}}