:root{--bg:#07171d;--surface:#0d2028;--line:#24434c;--ink:#edf4f2;--muted:#91a6a8;--cyan:#32c2d1;--yellow:#f2c84b;--red:#f34e59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,sans-serif}.top{height:74px;display:flex;align-items:center;gap:34px;padding:0 32px;border-bottom:1px solid var(--line);background:#081b22}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:22px;text-decoration:none}.brand img{width:36px;height:36px;object-fit:contain}.top nav{display:flex;gap:24px}.top nav a,.panel header>a{color:#b9d0d0;text-decoration:none}.top nav a:first-child{color:var(--yellow);border-bottom:2px solid var(--cyan);padding-bottom:6px}.live{margin-left:auto;padding:9px 13px;border:1px solid var(--line);border-radius:5px;font-weight:800}.live i,.pill{color:var(--red)}.live i,.chat header i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-right:7px}main{max-width:1540px;margin:auto;padding:14px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px}.panel,.chat{border:1px solid var(--line);border-radius:6px;background:var(--surface)}.panel{padding:18px;margin-bottom:14px}.panel header,.chat header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:15px}.eyebrow{margin:0 0 5px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.12em}h1,h2{margin:0;font-size:22px}h1{font-size:26px}.panel header>span,.panel header>a{font-size:12px;color:var(--cyan)}.live-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}.feature,.mini article{position:relative;border:1px solid #32606a;background:#091b22;padding:16px;min-height:188px}.feature{min-height:385px;background:linear-gradient(180deg,#0c2630,#07171d)}.tag{display:inline-block;padding:6px 8px;border:1px solid #56727a;border-radius:5px;font-size:11px;font-weight:800}.pill{position:absolute;right:16px;top:18px;padding:5px 7px;border-radius:4px;background:#f34e5922;font-size:11px;font-weight:900}.crest{margin:50px 0 18px;color:#e9f0ee;font-size:30px;font-weight:900;letter-spacing:.08em}.crest b{margin:0 16px;color:var(--cyan)}.feature h2{font-size:36px}.feature p strong{color:#fff}.feature small,.mini small{display:block;color:#c2d1cf}.feature button,.mini button,.chat button,.schedule button,dialog button{border:0;border-radius:4px;background:var(--yellow);color:#172025;font-weight:900;text-transform:uppercase;cursor:pointer}.feature button{margin-top:22px;padding:12px 24px}.mini{display:grid;gap:14px}.mini article{min-height:185px}.mini h2{margin:23px 0 5px}.mini button{position:absolute;right:14px;bottom:13px;padding:7px 10px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.categories button{min-height:108px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:12px;border:1px solid #32606a;background:#0a1b22;color:var(--ink);text-align:left;cursor:pointer}.categories b{font-size:14px}.categories small{grid-column:1/-1;color:var(--muted)}.schedule ol{margin:0;padding:0;list-style:none}.schedule li{display:grid;grid-template-columns:60px 13px 1fr 110px auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.schedule li span{color:var(--red)}.schedule li small{color:var(--muted)}.schedule button{padding:7px 11px}.chat{display:flex;flex-direction:column;min-height:720px;padding:16px}.chat header span{color:#c7d4d3;font-size:11px}.chat header span i{width:8px;height:8px;background:#58c998}.support{display:grid;grid-template-columns:1fr auto;gap:2px;padding:11px;border:1px solid #735e25;background:#252115}.support b{color:#ffe17d}.support span{font-size:11px;color:#d8c984}.support button{grid-row:1/3;grid-column:2;padding:0 12px}.chat ol{flex:1;overflow:auto;margin:14px 0;padding:0;list-style:none}.chat li{padding:8px 0;border-bottom:1px solid #1d353c}.chat li b{display:block;color:#85ded5;font-size:12px}.chat li span{font-size:13px}.chat form{display:grid;grid-template-columns:1fr auto;gap:7px}.chat form input{min-height:38px;padding:0 10px;border:1px solid var(--line);background:#091a20;color:var(--ink)}.chat form input:first-child{grid-column:1/-1}.chat form button{padding:0 14px}.chat>small{margin-top:8px;color:var(--muted);font-size:10px}dialog{width:min(540px,calc(100vw - 30px));border:1px solid #3a6971;background:#0b1d24;color:var(--ink);padding:22px}dialog::backdrop{background:#000b}.close{float:right;width:30px;height:30px;background:transparent!important;color:var(--ink)!important;font-size:20px}.video{display:grid;place-items:center;min-height:220px;margin:16px 0;background:#07141a;border:1px solid var(--line);text-align:center;color:var(--cyan)}dialog form{display:grid;gap:10px}dialog label{display:grid;gap:4px;color:var(--muted);font-size:12px}dialog input{min-height:38px;border:1px solid var(--line);background:#091a20;color:var(--ink);padding:0 9px}.amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.amounts label{display:block;padding:8px;border:1px solid var(--line);cursor:pointer}.amounts input{min-height:0}@media(max-width:1000px){.layout{grid-template-columns:1fr}.chat{min-height:460px}.categories{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.top{height:auto;flex-wrap:wrap;padding:12px;gap:12px}.top nav{order:3;width:100%;justify-content:space-between;gap:4px}.live{margin-left:0;font-size:10px}.live-grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}.schedule li{grid-template-columns:48px 10px 1fr auto}.schedule li small{display:none}.feature h2{font-size:28px}}