:root{--bg-0:#05070e;--bg-1:#0a0e1a;--panel:#0e1424;--panel-2:#111931;--line:#1c2540;--line-2:#26314f;--ink:#e9eefb;--muted:#8492b4;--dim:#5b6a8c;--cyan:56 189 248;--violet:139 92 246;--emerald:52 211 153;--amber:251 191 36;--rose:244 114 182;--red:248 113 113;--r:18px;--r-sm:12px;--gap:14px;--font:"Satoshi","General Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Cabinet Grotesk","Satoshi",ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(60vw 40vh at 15% -5%,rgba(var(--violet)/.14),transparent 60%),radial-gradient(50vw 35vh at 95% 0%,rgba(var(--cyan)/.12),transparent 60%),linear-gradient(160deg,var(--bg-0),var(--bg-1));background-attachment:fixed}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:rgba(var(--cyan)/.3);border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(var(--cyan)/.55);background-clip:content-box}::selection{background:rgba(var(--cyan)/.35)}a{color:inherit;text-decoration:none}.app{max-width:1600px;margin:0 auto;padding:0 20px 40px}.topbar{display:flex;align-items:center;gap:16px;height:60px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg-0),transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:1.15rem}.brand .logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,rgb(var(--cyan)),rgb(var(--violet)));box-shadow:0 6px 20px rgba(var(--cyan)/.4);font-size:16px}.tag{font-size:.7rem;color:var(--muted);border:1px solid var(--line);padding:3px 9px;border-radius:99px}.topbar .spacer{flex:1}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.grid{display:grid;grid-template-columns:300px minmax(0,1.55fr) 340px;gap:var(--gap);align-items:start}@media(max-width:1150px){.grid{grid-template-columns:270px minmax(0,1fr)}.col-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}}@media(max-width:820px){.grid,.col-right{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.panel{background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid var(--line);border-radius:var(--r);padding:14px;position:relative;overflow:hidden;box-shadow:0 14px 34px -22px #000c}.panel-h{display:flex;align-items:center;gap:9px;margin-bottom:12px}.panel-h .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;background:rgba(var(--cyan)/.14);color:rgb(var(--cyan));border:1px solid rgba(var(--cyan)/.25)}.panel-h h3{margin:0;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}.panel-h .sub{font-size:.62rem;color:var(--dim);letter-spacing:.06em}.panel-h .right{margin-left:auto}.pill{font-size:.62rem;padding:3px 8px;border-radius:99px;border:1px solid var(--line-2);color:var(--muted)}.pill.ok{color:rgb(var(--emerald));border-color:rgba(var(--emerald)/.4);background:rgba(var(--emerald)/.1)}.pill.warn{color:rgb(var(--amber));border-color:rgba(var(--amber)/.4);background:rgba(var(--amber)/.1)}.pill.bad{color:rgb(var(--red));border-color:rgba(var(--red)/.4);background:rgba(var(--red)/.1)}.greet h2{margin:0 0 2px;font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.greet .date{color:var(--muted);font-size:.82rem}.greet .grad{background:linear-gradient(92deg,rgb(var(--cyan)),rgb(var(--violet)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.weather{display:flex;align-items:center;gap:14px}.weather .t{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.weather .ico{font-size:2.2rem}.weather .meta{color:var(--muted);font-size:.78rem;display:flex;flex-direction:column;gap:2px;margin-left:auto;text-align:right}.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;text-align:center}.stat .v{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.stat .l{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}.stat.cyan .v{color:rgb(var(--cyan))}.stat.rose .v{color:rgb(var(--rose))}.stat.emerald .v{color:rgb(var(--emerald))}.stat.amber .v{color:rgb(var(--amber))}.bar{height:7px;border-radius:99px;background:#ffffff12;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,rgb(var(--cyan)),rgb(var(--violet)));box-shadow:0 0 10px rgba(var(--cyan)/.5);transition:width .6s}.bar.warn>i{background:linear-gradient(90deg,rgb(var(--amber)),rgb(var(--rose)))}.bar.bad>i{background:linear-gradient(90deg,rgb(var(--rose)),rgb(var(--red)))}.kv{display:flex;justify-content:space-between;font-size:.72rem;margin:9px 0 5px}.kv .k{color:var(--muted)}.kv .val{font-variant-numeric:tabular-nums;font-weight:600}.net{display:grid;grid-template-columns:1fr 1fr;gap:10px}.net .b{background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 11px}.net .b .dir{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.net .b .v{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.net .down .v{color:rgb(var(--cyan))}.net .up .v{color:rgb(var(--violet))}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.cc{display:flex;align-items:center;gap:10px;background:#ffffff07;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 11px;transition:border-color .2s,transform .2s,background .2s}.cc:hover{border-color:rgba(var(--cyan)/.4);transform:translateY(-2px);background:#ffffff0d}.cc .dot{width:9px;height:9px;border-radius:99px;flex:none}.cc .nm{font-weight:650;font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc .st{font-size:.63rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc .use{margin-left:auto;text-align:right;font-size:.62rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.dot.run{background:rgb(var(--emerald));box-shadow:0 0 rgba(var(--emerald)/.6);animation:pulse 2.4s infinite}.dot.stop{background:var(--dim)}.dot.bad{background:rgb(var(--red))}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--emerald)/.5)}70%{box-shadow:0 0 0 6px rgba(var(--emerald)/0)}to{box-shadow:0 0 rgba(var(--emerald)/0)}}.rowh{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 8px}.rowh .t{font-size:.8rem;font-weight:700;letter-spacing:.02em}.rowh .c{font-size:.65rem;color:var(--dim)}.posters{display:flex;gap:11px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.poster{flex:none;width:132px;scroll-snap-align:start}.poster .art{width:132px;height:198px;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(160deg,#141c33,#0d1428);position:relative;box-shadow:0 12px 26px -14px #000000e6;transition:transform .25s,box-shadow .25s}.poster:hover .art{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -16px rgba(var(--cyan)/.4)}.poster .art img{width:100%;height:100%;object-fit:cover;display:block}.poster .art .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dim);font-size:22px}.poster .prog{position:absolute;left:0;bottom:0;height:4px;background:rgb(var(--cyan));box-shadow:0 0 8px rgb(var(--cyan))}.poster .nm{font-size:.72rem;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster .meta{font-size:.62rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauges{display:flex;gap:14px;align-items:center;justify-content:space-around;margin-bottom:6px}.ring{position:relative;width:76px;height:76px}.ring .lab{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring .lab .v{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.ring .lab .l{font-size:.55rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.spark{width:100%;height:44px;display:block}.disk{margin-top:9px}.disk .kv{margin:7px 0 4px}.mini{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);margin-top:8px}.mini b{color:var(--ink);font-variant-numeric:tabular-nums}.slist{display:flex;flex-direction:column;gap:2px}.sitem{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.78rem}.sitem:last-child{border-bottom:0}.sitem .nm{font-weight:600}.sitem .r{margin-left:auto;color:var(--muted);font-size:.68rem}.foot{color:var(--dim);font-size:.66rem;text-align:center;margin-top:22px}.skel{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:sh 1.4s infinite;border-radius:8px}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.appic{border-radius:8px;object-fit:contain;flex:none;background:#ffffff0d;padding:4px;border:1px solid var(--line)}.appic.fallback{display:grid;place-items:center;font-weight:800;color:rgb(var(--cyan));background:rgba(var(--cyan)/.12)}.cc .st{display:flex;align-items:center;gap:6px}.sdot{width:7px;height:7px;border-radius:99px;flex:none;background:var(--dim)}.sdot.run{background:rgb(var(--emerald));box-shadow:0 0 6px rgba(var(--emerald)/.7)}.sdot.bad{background:rgb(var(--red));box-shadow:0 0 6px rgba(var(--red)/.7)}.sdot.stop{background:var(--dim)}.ghwrap{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.ghwrap{grid-template-columns:1fr}}.ghrepos{display:flex;flex-direction:column;gap:7px}.ghrepo{display:block;background:#ffffff07;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 11px;transition:border-color .2s,transform .2s,background .2s}.ghrepo:hover{border-color:rgba(var(--cyan)/.4);transform:translate(3px);background:#ffffff0d}.ghrepo .nm{font-weight:650;font-size:.82rem}.ghrepo .lock{font-size:.7rem}.ghrepo .rr{display:flex;gap:12px;font-size:.68rem;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums;align-items:center}.ghrepo .lang{color:rgb(var(--amber))}.ghrepo .iss{color:rgb(var(--emerald))}.ghprs{display:flex;flex-direction:column;gap:2px}.ghpr{display:flex;align-items:center;gap:8px;padding:7px 3px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.76rem}.ghpr:last-child{border-bottom:0}.ghpr .pd{width:7px;height:7px;border-radius:99px;background:rgb(var(--violet));box-shadow:0 0 6px rgba(var(--violet)/.7);flex:none}.ghpr .pt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ghpr .pm{color:var(--dim);font-size:.64rem;white-space:nowrap;flex:none}.panel{animation:pIn .5s both}.col-left .panel:nth-child(2){animation-delay:.05s}.col-left .panel:nth-child(3){animation-delay:.1s}.col-left .panel:nth-child(4){animation-delay:.15s}.col-center .panel:nth-child(2){animation-delay:.08s}.col-center .panel:nth-child(3){animation-delay:.14s}.col-right .panel:nth-child(2){animation-delay:.12s}@keyframes pIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative;border-radius:22px;overflow:hidden;min-height:330px;display:flex;align-items:flex-end;border:1px solid var(--line);box-shadow:0 26px 60px -30px #000000e6;animation:pIn .6s both;isolation:isolate}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:saturate(1.05);animation:heroPan 24s ease-in-out infinite alternate}@keyframes heroPan{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.14) translate3d(-2%,-2%,0)}}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,14,.94) 0%,rgba(5,7,14,.78) 34%,rgba(5,7,14,.25) 70%,transparent 100%),linear-gradient(0deg,rgba(5,7,14,.95),transparent 55%)}.hero-body{padding:26px 30px;max-width:640px}.hero-kick{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--cyan));margin-bottom:12px}.hero-kick .live{width:7px;height:7px;border-radius:99px;background:rgb(var(--cyan));box-shadow:0 0 rgba(var(--cyan)/.6);animation:pulse 2s infinite}.hero-title{font-family:var(--display);font-weight:900;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 12px;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted);margin-bottom:12px}.badge{padding:3px 9px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);font-weight:600;color:var(--ink);font-size:.72rem}.badge.soft{background:rgba(var(--cyan)/.14);border-color:rgba(var(--cyan)/.3);color:rgb(var(--cyan))}.hero-ov{color:#c3cde3;font-size:.86rem;line-height:1.5;margin:0 0 16px;max-width:520px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-prog{height:5px;border-radius:99px;background:#ffffff29;overflow:hidden;max-width:340px;margin-bottom:16px}.hero-prog>i{display:block;height:100%;background:linear-gradient(90deg,rgb(var(--cyan)),rgb(var(--violet)));box-shadow:0 0 12px rgba(var(--cyan)/.7)}.hero-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:99px;font-weight:700;font-size:.9rem;color:#05070e;background:linear-gradient(180deg,#fff,#dfe8fb);box-shadow:0 10px 30px -10px #ffffff80;transition:transform .25s var(--ease),box-shadow .25s}.hero-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 40px -12px rgba(var(--cyan)/.6)}.hero-btn .play{font-size:.8rem}.mediapanel .rows{display:flex;flex-direction:column;gap:20px}.mrow .rowh{margin:0 2px 10px}.mrow .rowh .t{font-family:var(--display);font-size:1rem;font-weight:800;letter-spacing:-.01em}.arrs{display:flex;gap:6px}.arrs button{width:28px;height:28px;border-radius:99px;border:1px solid var(--line-2);background:#ffffff0d;color:var(--ink);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.arrs button:hover{background:rgba(var(--cyan)/.16);border-color:rgba(var(--cyan)/.4);transform:scale(1.08)}.rail-wrap{position:relative}.rail-wrap:before,.rail-wrap:after{content:"";position:absolute;top:0;bottom:14px;width:34px;z-index:2;pointer-events:none}.rail-wrap:before{left:0;background:linear-gradient(90deg,var(--bg-1),transparent)}.rail-wrap:after{right:0;background:linear-gradient(270deg,var(--bg-1),transparent)}.rail{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.poster{flex:none;width:150px;scroll-snap-align:start;display:block}.poster .art{width:150px;height:225px;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(160deg,#141c33,#0d1428);position:relative;box-shadow:0 14px 30px -16px #000000e6;transition:transform .3s var(--ease),box-shadow .3s}.poster:hover .art{transform:translateY(-6px) scale(1.03);box-shadow:0 26px 46px -18px rgba(var(--cyan)/.45);border-color:rgba(var(--cyan)/.5)}.poster .art img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.poster .art .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dim);font-size:26px;z-index:0}.poster .pov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;opacity:0;background:linear-gradient(0deg,#05070e99,#05070e1a);transition:opacity .3s}.poster:hover .pov{opacity:1}.poster .pov .pp{width:44px;height:44px;border-radius:99px;display:grid;place-items:center;font-size:.9rem;color:#05070e;background:#fffffff2;box-shadow:0 8px 24px #00000080;transform:scale(.8);transition:transform .3s var(--ease)}.poster:hover .pov .pp{transform:scale(1)}.poster .prog{position:absolute;left:0;bottom:0;height:4px;z-index:3;background:rgb(var(--cyan));box-shadow:0 0 10px rgb(var(--cyan))}.poster .nm{font-size:.76rem;font-weight:600;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster .meta{font-size:.64rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){.hero{min-height:280px}.hero-body{padding:20px}.poster,.poster .art{width:128px}.poster .art{height:192px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}