:root{--ink:#f7f9ff;--muted:#9da8bd;--panel:#151b2b;--panel2:#1b2235;--line:#2a334a;--red:#ff3b4e;--blue:#5685ff;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#090d17;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#1d2d59 0,transparent 34rem),#090d17;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header,main,.site-footer{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;font-size:22px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--red),#c51249);font-size:13px;letter-spacing:.02em;box-shadow:0 10px 30px #ff3b4e33}.site-header nav,.site-footer nav{display:flex;gap:26px;font-weight:700;color:#cdd4e2}.site-header nav a:hover,.site-footer nav a:hover{color:white}.hero{min-height:500px;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;padding:80px 0}.hero h1,.page-intro h1,.detail-head h1{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.06em;margin:12px 0 22px;max-width:850px}.hero p,.page-intro p,.detail-head>p{font-size:19px;color:var(--muted);max-width:700px}.eyebrow,.card-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:#ff6c7a}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:850}.button.primary{background:var(--red);box-shadow:0 12px 36px #ff3b4e3d}.button.secondary{background:#ffffff0d;border:1px solid var(--line)}.signal{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:330px;margin:auto}.signal i{position:absolute;border:1px solid #5685ff55;border-radius:50%;animation:pulse 3s infinite}.signal i:nth-child(1){inset:8%}.signal i:nth-child(2){inset:23%;animation-delay:.3s}.signal i:nth-child(3){inset:38%;animation-delay:.6s}.signal strong{z-index:1;background:var(--red);border-radius:999px;padding:10px 16px;font-size:13px;letter-spacing:.12em}@keyframes pulse{50%{border-color:#ff3b4e99;transform:scale(1.035)}}.section{padding:55px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:5px 0}.section-head>a{color:#bdc7d9;font-weight:800}.grid{display:grid;gap:20px}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{overflow:hidden;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-3px);border-color:#53617e}.card-media,.guide-image{position:relative;display:grid;place-items:center;background:#fff;overflow:hidden}.card-media{aspect-ratio:16/9}.card-media img{width:76%;height:76%;object-fit:contain}.guide-image{aspect-ratio:16/9;background:#101624}.guide-image img{width:100%;height:100%;object-fit:cover}.live-pill{position:absolute;top:12px;left:12px;border-radius:999px;background:var(--red);padding:4px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.card-body{padding:20px}.card h2,.card h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:5px 0 10px}.card p{font-size:14px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.page-intro{padding:70px 0 45px}.page-intro h1{font-size:clamp(42px,6vw,68px)}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;padding-top:35px}.breadcrumbs a:hover{color:white}.detail{max-width:960px;margin:auto}.detail-head{padding:50px 0 35px}.detail-head h1{font-size:clamp(42px,6vw,68px)}.player{position:relative;aspect-ratio:16/9;background:#02040a;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px #0008}.player iframe,.player video{width:100%;height:100%;border:0}.cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;border:1px solid var(--line)}.content{max-width:780px;margin:45px auto;font-size:17px;color:#d7deea}.content h2{color:white;font-size:32px;letter-spacing:-.035em;line-height:1.15;margin:55px 0 15px}.content h3{color:white;font-size:23px;margin-top:35px}.content a{color:#8cabff;text-decoration:underline;text-underline-offset:3px}.content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:25px 0}.content th,.content td{padding:13px 15px;border:1px solid var(--line);text-align:left}.content th{background:var(--panel2);color:white}.content li{margin:8px 0}.guide-callout{background:#182440;border:1px solid #35518d;border-radius:16px;padding:22px;margin:30px 0}.guide-callout h2{margin-top:0}.ad-slot{min-height:120px;margin:45px 0;display:grid;place-items:center;border:1px dashed #364058;border-radius:16px;color:#68758d}.ad-slot>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:80px;padding:45px 0;border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:10px 0 0;font-size:13px}@media(max-width:900px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;min-height:auto}.signal{display:none}}@media(max-width:640px){.site-header,main,.site-footer{width:min(100% - 28px,var(--max))}.site-header{height:70px}.site-header nav{gap:14px;font-size:14px}.brand{font-size:19px}.brand-mark{width:34px;height:34px}.hero{padding:60px 0}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.channel-grid,.guide-grid{grid-template-columns:1fr}.section{padding:40px 0}.section-head{align-items:start}.detail-head{padding:38px 0 25px}.content{font-size:16px}.content h2{font-size:27px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{gap:18px}}

.admin-body{min-height:100vh;background:#090d17}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-card{background:#151b2b;border:1px solid #2a334a;border-radius:18px;padding:26px}.login-card{width:min(440px,100%)}.login-card h1,.admin-title h1{margin:8px 0 24px;font-size:42px;letter-spacing:-.05em}.admin-card label{display:grid;gap:8px;margin:17px 0;font-weight:750;color:#cfd7e5}.admin-card input,.admin-card textarea,.admin-card select{width:100%;border:1px solid #36415b;border-radius:10px;background:#0d1220;color:#f7f9ff;padding:12px 14px;font:inherit}.admin-card textarea{resize:vertical;line-height:1.55}.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus{outline:2px solid #5685ff;border-color:transparent}.login-card .button{width:100%;border:0;cursor:pointer;margin-top:8px}.alert{padding:12px 14px;border-radius:10px}.alert.error{background:#461925;color:#ffb9c0}.alert.success{background:#123b2b;color:#9ff2c8}.admin-bar{width:min(1180px,calc(100% - 40px));height:76px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a334a}.admin-bar form{margin:0}.admin-bar button{cursor:pointer;color:white}.admin-main{width:min(1000px,calc(100% - 40px));margin:55px auto}.admin-main.narrow{max-width:820px}.admin-main>.admin-card{margin:20px 0}.admin-list{display:grid}.admin-list a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #2a334a}.status{align-self:center;padding:3px 9px;border-radius:999px;background:#273149;color:#cad3e3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status.active,.status.published{background:#123b2b;color:#9ff2c8}.status.draft{background:#3d2f16;color:#ffda86}.edit-form .button{border:0;cursor:pointer}.code-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}@media(max-width:640px){.admin-bar,.admin-main{width:calc(100% - 28px)}.admin-card{padding:18px}.admin-list a{align-items:flex-start;flex-direction:column;gap:7px}}

.site-header .brand,.site-footer .brand{width:160px;height:40px;background:url('/assets/logo.png') left center/contain no-repeat}.site-header .brand>span,.site-footer .brand>span{display:none}.channel-card .card-media{isolation:isolate;background:linear-gradient(135deg,var(--channel-a,#151b2b),var(--channel-b,#29344f))}.channel-card .card-media:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 15%,rgba(255,255,255,.28),transparent 42%),linear-gradient(115deg,rgba(255,255,255,.08),transparent 50%)}.channel-card .card-media img{width:200px;height:110px;max-width:72%;max-height:72%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));transition:transform .25s ease}.channel-card:hover .card-media img{transform:scale(1.04)}@media(max-width:640px){.site-header .brand,.site-footer .brand{width:136px;height:34px}}

.player{aspect-ratio:16/10;border-radius:24px;border:1px solid #3b4969;background:radial-gradient(circle at 50% 0,#17233f,#02040a 62%);box-shadow:0 34px 90px #000b,0 0 0 1px #6f89c51f,0 0 50px #5685ff17;padding:8px}.player iframe,.player video{display:block;border-radius:17px;background:#02040a}.detail:has(.player) .detail-head{padding-bottom:28px}@media(max-width:640px){.player{aspect-ratio:4/3;border-radius:17px;padding:5px}.player iframe,.player video{border-radius:12px}}

.related-guides{margin:60px 0 10px;padding:26px;border:1px solid #34405b;border-radius:18px;background:linear-gradient(135deg,#182440,#111827)}.related-guides h2{margin:7px 0 16px;font-size:28px}.related-guides ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.related-guides a{display:block;padding:12px 14px;border-radius:10px;background:#ffffff08;color:#dce5ff;text-decoration:none}.related-guides a:hover{background:#ffffff12;color:#fff}

.player{position:relative;min-height:280px;background:#080b13}.player-state{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;background:linear-gradient(135deg,rgba(8,11,19,.97),rgba(25,33,58,.94));transition:opacity .25s ease}.player.is-ready .player-state{opacity:0;pointer-events:none}.player-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:player-spin .8s linear infinite}.player.is-error .player-spinner{display:none}.player-state button{border:0;border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;background:#fff;color:#111827}@keyframes player-spin{to{transform:rotate(360deg)}}

.channel-actions{margin:-8px 0 24px}.official-link{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:inherit;font-weight:700;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.official-link:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);transform:translateY(-1px)}