:root{--gold:#ffc433;--honey:#ffe08a;--cream:#fff5d6;--muted:#c8b98c;--bg:#090805;--panel:rgba(18,14,7,.82);--line:rgba(255,196,51,.22);--shadow:0 22px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#070604;color:var(--cream);font-family:Inter,system-ui,sans-serif}.bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,4,2,.82),rgba(5,4,2,.94) 18%,rgba(5,4,2,.94) 82%,rgba(5,4,2,.82)),linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.92)),url('/assets/honeycomb-bg.png') center/cover no-repeat}.shell{width:min(1320px,calc(100% - 36px));margin:0 auto;padding:26px 0 70px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;gap:12px;align-items:center}.brand>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,196,51,.16);border:1px solid var(--line)}.brand small,.kicker,.type{display:block;color:var(--gold);font-weight:900;letter-spacing:.16em;font-size:.72rem}.brand strong{font-size:1.5rem;letter-spacing:-.05em}.actions{display:flex;gap:10px;flex-wrap:wrap}button,input{font:inherit}button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--cream);padding:12px 16px;font-weight:800;cursor:pointer}button:hover{transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:26px 0}.hero,.playerPanel,.libraryTop,.card,.showDetail{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,196,51,.08),rgba(8,7,4,.88));box-shadow:var(--shadow);backdrop-filter:blur(12px);border-radius:32px}.hero{padding:28px}.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.92;letter-spacing:-.08em;margin:0}.sub{color:var(--muted);line-height:1.7;max-width:720px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{border:1px solid rgba(255,196,51,.14);border-radius:24px;padding:18px;background:rgba(0,0,0,.22)}.stats b{display:block;color:var(--gold);font-size:2.6rem}.stats span{color:var(--muted)}.playerPanel{padding:18px;margin-bottom:22px}.now{display:flex;justify-content:space-between;align-items:end;gap:14px}.now h2{margin:.2rem 0;font-size:2rem;letter-spacing:-.06em}.now p{margin:.2rem 0;color:var(--muted)}#playBadge,.chip{border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:900}video{width:100%;aspect-ratio:16/9;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#222;margin-top:12px}.libraryTop{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;margin-bottom:18px}.tabs{display:flex;gap:8px}.tab.active{background:linear-gradient(135deg,var(--gold),#ffad19);color:#1b1306}input{min-width:280px;border:1px solid var(--line);border-radius:999px;padding:13px 16px;background:rgba(0,0,0,.32);color:var(--cream);outline:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{overflow:hidden;cursor:pointer;transition:.18s ease}.card:hover{transform:translateY(-4px);border-color:rgba(255,196,51,.42)}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.fallback{display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,196,51,.12),rgba(0,0,0,.2)),repeating-linear-gradient(135deg,rgba(255,196,51,.18) 0 13px,rgba(0,0,0,.18) 13px 26px)}.fallback span{font-size:2.4rem}.fallback small{font-weight:900;letter-spacing:.08em}.cardBody{padding:16px}.card h3{margin:8px 0;font-size:1.28rem;line-height:1.12;letter-spacing:-.04em}.card p{color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.warn{margin-top:12px;color:#1a1000;background:var(--gold);border-radius:12px;padding:9px;font-size:.82rem;font-weight:900}.showDetail{padding:22px}.back{margin-bottom:16px}.showHero{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.showPoster{width:100%;border-radius:24px;aspect-ratio:2/3;object-fit:cover}.showHero h2{font-size:clamp(2.2rem,5vw,4.4rem);margin:0;letter-spacing:-.08em;line-height:.94}.showHero p{color:var(--muted);line-height:1.65}.season{margin-top:30px}.season h3{font-size:2rem;letter-spacing:-.06em}.episodes{display:grid;gap:12px}.episode{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:12px;background:rgba(0,0,0,.22);cursor:pointer}.episode:hover{border-color:rgba(255,196,51,.45)}.still{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;background:#201a0d}.episode b{font-size:1.1rem}.episode p{color:var(--muted);line-height:1.5}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(30px);opacity:0;background:rgba(10,7,3,.94);border:1px solid var(--line);padding:12px 16px;border-radius:999px;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1050px){.hero,.showHero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{width:calc(100% - 18px)}.topbar,.libraryTop,.now{align-items:stretch;flex-direction:column}.grid{grid-template-columns:repeat(2,1fr)}.episode{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}input{min-width:0;width:100%}}@media(max-width:520px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero{padding:18px}}
