:root{--bg: #040615;--panel: rgba(10, 16, 37, .82);--border: rgba(129, 200, 255, .17);--text: #f8fafc;--cyan: #00e5ff;--violet: #8b5cf6;--pink: #ec4899;--orange: #f97316;--green: #22c55e;--shadow: 0 20px 70px rgba(0,0,0,.42)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}body{overflow-x:hidden;background:radial-gradient(circle at 10% 10%,rgba(236,72,153,.14),transparent 26%),radial-gradient(circle at 90% 12%,rgba(0,229,255,.11),transparent 24%),linear-gradient(135deg,#02030f,#060b22 55%,#0b1333)}a{color:inherit;text-decoration:none}.app-shell{position:relative;max-width:1440px;margin:0 auto;padding:16px}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;opacity:.18}.glow{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(50px);pointer-events:none;opacity:.28}.glow-a{top:-120px;right:-80px;background:#00e5ff59}.glow-b{left:-80px;bottom:-120px;background:#ec489947}.topbar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:12px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:56px;height:56px;border-radius:18px;background:conic-gradient(from 25deg,var(--cyan),var(--violet),var(--pink),var(--orange),var(--cyan));display:grid;place-items:center;font-weight:900;color:#05111f;box-shadow:0 0 32px #00e5ff3d}.brand-title{font-size:clamp(22px,2vw,34px);font-weight:900;background:linear-gradient(90deg,#fff,#7dd3fc,#d8b4fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{margin-top:4px;color:#bfd5ff;font-size:13px}.status-pill{border:1px solid rgba(0,229,255,.22);background:#050a1abf;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 0 20px #00e5ff14;font-size:13px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}.nav-row{position:relative;z-index:2;display:flex;gap:10px;overflow-x:auto;padding-bottom:16px}.nav-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#0a122a94;border:1px solid rgba(125,211,252,.16);color:#d6e7ff;font-size:13px}.nav-pill.active{background:linear-gradient(90deg,#00e5ff24,#ec48991a);border-color:#00e5ff57}.card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0e,#ffffff04),var(--panel);border-radius:28px;box-shadow:var(--shadow)}.hero,.page-hero,.panel{padding:22px;margin-bottom:16px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:center}.hero-copy h1,.page-hero h2{margin:0 0 12px;line-height:1.2}.hero-copy h1{font-size:clamp(30px,3vw,50px)}.page-hero h2{font-size:clamp(26px,2.4vw,38px)}.eyebrow{color:var(--cyan);font-weight:900;margin-bottom:10px}.hero-copy p,.page-hero p,.panel-head p,.project-card p,.kpi-card p,.info-list li,.mix-row small,.decision-card p{color:#bfd5ff;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-actions a{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:999px;border:1px solid rgba(0,229,255,.25);background:#00e5ff14}.hero-box{display:grid;gap:12px}.hero-mini-card{padding:14px 16px;border-radius:20px;background:#050b1db8;border:1px solid rgba(125,211,252,.16)}.hero-mini-card span{display:block;color:#9fb7db;font-size:13px;margin-bottom:6px}.hero-mini-card strong,.hero-stat strong{font-size:clamp(24px,2.2vw,34px)}.hero-stat{min-width:230px;padding:20px;border-radius:22px;background:#040a19bd;border:1px solid rgba(0,229,255,.2);text-align:center}.hero-stat span{display:block;color:#9fb7db;margin-bottom:8px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:16px}.kpi-card{padding:18px}.kpi-card strong{display:block;font-size:clamp(28px,2vw,38px);margin:10px 0 8px;direction:ltr;text-align:right}.kpi-head{display:flex;justify-content:space-between;align-items:center;color:#d8e5ff;font-size:13px}.kpi-bar{margin-top:14px;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.kpi-bar span{display:block;width:58%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--orange));animation:flow 2.3s ease-in-out infinite alternate}.clickable{transition:.2s ease}.clickable:hover{transform:translateY(-4px);border-color:#00e5ff57}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px}.project-card{padding:18px}.project-head{display:flex;justify-content:space-between;align-items:center}.project-card h4{margin:16px 0 10px;font-size:22px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panel-head h3{margin:0;font-size:22px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.chart-wrap{height:320px}.scene{position:relative;overflow:hidden;min-height:460px;margin-bottom:16px;border-radius:30px;border:1px solid rgba(125,211,252,.16);background:radial-gradient(circle at 12% 18%,rgba(236,72,153,.12),transparent 22%),radial-gradient(circle at 88% 18%,rgba(0,229,255,.14),transparent 24%),linear-gradient(160deg,#05091af0,#090f2af0);box-shadow:var(--shadow)}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1px),radial-gradient(circle,rgba(0,229,255,.45) 1px,transparent 1px);background-size:90px 90px,140px 140px;opacity:.18;pointer-events:none}.scene-tag.top{position:absolute;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:#040a1cb8;border:1px solid rgba(0,229,255,.24);font-size:12px;color:var(--cyan);z-index:3}.visual-card{position:absolute;width:280px;padding:16px;border-radius:24px;background:#070d20d1;border:1px solid rgba(125,211,252,.16);z-index:2}.visual-svg{width:100%;height:auto;display:block}.visual-title{margin-top:12px;font-size:18px;font-weight:700}.visual-note{margin-top:4px;color:#9db4d8;font-size:13px}.satellite-pos{top:56px;right:52px}.ground-pos{bottom:42px;left:42px}.beam{position:absolute;height:4px;border-radius:999px;box-shadow:0 0 14px #00e5ff47;z-index:1}.beam-up{width:390px;background:linear-gradient(90deg,#ffffff40,#00e5fff2);left:230px;top:300px;transform:rotate(-25deg)}.beam-down{width:360px;background:linear-gradient(90deg,#ffffff40,#f97316eb);left:430px;top:160px;transform:rotate(154deg)}.packet{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 14px #ffffffd9;z-index:2}.packet-up{left:260px;top:315px;background:#fff;animation:moveUp 2.6s linear infinite}.packet-down{left:635px;top:170px;background:var(--orange);animation:moveDown 2.8s linear infinite}.up2{animation-delay:.85s}.up3{animation-delay:1.55s}.down2{animation-delay:.9s}.down3{animation-delay:1.8s}.scene-chip{position:absolute;z-index:3;padding:8px 12px;border-radius:999px;font-size:12px;background:#040a1cd1;border:1px solid rgba(125,211,252,.18);color:#dff5ff}.chip-a{left:400px;top:235px}.chip-b{left:495px;top:225px}.chip-c{left:315px;bottom:50px}.fiber-left{top:90px;left:44px}.fiber-right{top:90px;right:44px}.fiber-line{position:absolute;left:288px;right:288px;top:220px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--orange),var(--cyan));box-shadow:0 0 18px #00e5ff3d}.fiber-pulse{position:absolute;top:216px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 14px #ffffffd9;animation:pulseLine 2.4s linear infinite}.fp1{left:300px}.fp2{left:320px;animation-delay:.8s;background:var(--orange)}.fp3{left:340px;animation-delay:1.55s;background:var(--cyan)}.chip-d{left:130px;top:56px}.chip-e{left:50%;top:176px;transform:translate(-50%)}.chip-f{right:134px;top:56px}.info-list{margin:0;padding-right:18px}.info-list li{margin-bottom:10px}.mix-list{display:grid;gap:14px}.mix-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.mix-head span{color:#dce8ff}.mix-head b{direction:ltr}.mix-meter{height:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.mix-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink))}.mix-row small{display:block;margin-top:6px}.decision-grid{display:grid;gap:12px}.decision-card{padding:16px}.decision-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:700}.decision-card.good{border-color:#22c55e47}.decision-card.warn{border-color:#f9731647}.decision-card.neutral{border-color:#7dd3fc2e}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#fff}@keyframes pulse{0%{box-shadow:0 0 #22c55ea6}75%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes flow{0%{width:34%}to{width:92%}}@keyframes moveUp{0%{transform:translate(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translate(330px,-165px) scale(1);opacity:0}}@keyframes moveDown{0%{transform:translate(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translate(-310px,165px) scale(1);opacity:0}}@keyframes pulseLine{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(420px);opacity:0}}@media(max-width:1150px){.hero,.two-col,.page-hero{grid-template-columns:1fr}.visual-card{width:240px}.beam-up{width:290px;left:200px;top:290px}.beam-down{width:270px;left:430px;top:170px}@keyframes moveUp{0%{transform:translate(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translate(250px,-128px) scale(1);opacity:0}}@keyframes moveDown{0%{transform:translate(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translate(-230px,122px) scale(1);opacity:0}}.fiber-line{left:260px;right:260px}}@media(max-width:900px){.topbar{grid-template-columns:1fr}.status-pill{width:100%;justify-content:space-between;overflow:hidden}.hero{grid-template-columns:1fr}.scene{min-height:620px}.satellite-pos{top:70px;right:50%;transform:translate(50%)}.ground-pos{bottom:40px;left:50%;transform:translate(-50%)}.beam-up{width:200px;left:50%;top:310px;transform:translate(-50%) rotate(-90deg)}.beam-down{width:200px;left:50%;top:305px;transform:translate(-50%) rotate(90deg)}.packet-up,.packet-down{left:50%;margin-left:-6px}.packet-up{top:360px;animation:moveUpMobile 2.6s linear infinite}.packet-down{top:250px;animation:moveDownMobile 2.8s linear infinite}.chip-a,.chip-b,.chip-c,.chip-d,.chip-e,.chip-f{display:none}.fiber-left{top:70px;left:50%;transform:translate(-50%)}.fiber-right{top:340px;left:50%;right:auto;transform:translate(-50%)}.fiber-line{left:50%;right:auto;top:300px;width:10px;height:90px;transform:translate(-50%)}.fiber-pulse{left:50%;margin-left:-9px;top:304px;animation:pulseColumn 2.2s linear infinite}}@media(max-width:640px){.app-shell{padding:12px}.hero,.page-hero,.panel,.kpi-card,.project-card{padding:18px}.brand-title{font-size:24px}.scene{min-height:590px}.visual-card{width:210px}.chart-wrap{height:250px}}@keyframes moveUpMobile{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-160px) scale(1);opacity:0}}@keyframes moveDownMobile{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(160px) scale(1);opacity:0}}@keyframes pulseColumn{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(72px);opacity:0}}.insights-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrap{width:100%;overflow-x:auto;border-radius:18px;border:1px solid rgba(125,211,252,.12)}.insight-table{width:100%;border-collapse:collapse;min-width:680px;background:#050a1a59}.insight-table th,.insight-table td{padding:12px 14px;border-bottom:1px solid rgba(125,211,252,.1);text-align:right;white-space:nowrap}.insight-table th{color:#9ed9ff;font-size:12px;background:#00e5ff0f}.insight-table td{color:#e8f2ff;font-size:13px}.insight-table tr:hover td{background:#00e5ff0b}.empty-cell{text-align:center!important;color:#9bb0d3!important}.mono{direction:ltr;display:inline-block;font-family:Consolas,Monaco,monospace;color:#dff7ff}.small-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;border:1px solid rgba(125,211,252,.18);background:#ffffff0e;color:#e8f2ff}.small-badge.starlink,.small-badge.youtube{border-color:#f973164d;background:#f973161f;color:#fed7aa}.small-badge.fiber,.small-badge.web\/video{border-color:#38bdf84d;background:#38bdf81f;color:#bae6fd}.small-badge.unknown{border-color:#94a3b842;background:#94a3b81a;color:#cbd5e1}@media(max-width:1100px){.insights-layout{grid-template-columns:1fr}}.subscriber-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:190px}.subscriber-cell strong{color:#fff;font-size:13px;font-weight:800}.subscriber-cell em{color:#8bdcff;font-size:12px;font-style:normal}.subscriber-cell small{color:#94a3b8;font-size:11px}.subscriber-cell{display:flex;flex-direction:column;gap:3px;min-width:190px}.subscriber-main{display:flex;align-items:center;gap:7px;font-weight:700}.subscriber-sub{font-size:12px;opacity:.78}.subscriber-ip{font-size:12px;opacity:.62;direction:ltr;text-align:left}.subscriber-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;opacity:.72}.ppp-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:#94a3b8;box-shadow:0 0 0 3px #94a3b81f}.ppp-dot.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e24}.ppp-dot.stale{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.ppp-badge{font-size:10px;line-height:1;padding:4px 7px;border-radius:999px;background:#94a3b824;color:#cbd5e1}.ppp-badge.online{background:#22c55e24;color:#86efac}.ppp-badge.stale{background:#f59e0b29;color:#fcd34d}.youtube-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.youtube-detail-list{display:grid;gap:11px}.youtube-detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.16)}.youtube-detail-list>div:last-child{border-bottom:0;padding-bottom:0}.youtube-detail-list span{color:var(--muted);font-size:.88rem}.youtube-detail-list strong{text-align:left;overflow-wrap:anywhere}.yt-good{color:#22c55e}.yt-warning{color:#f59e0b}.yt-danger{color:#ef4444}.yt-domain{min-width:210px;max-width:360px;overflow-wrap:anywhere;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}@media(max-width:900px){.youtube-live-grid{grid-template-columns:1fr}.yt-domain{min-width:150px;max-width:240px}}.youtube-control-panel{display:grid;gap:18px}.youtube-token-section{display:grid;gap:12px;padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172a57}.youtube-token-copy{display:grid;gap:5px}.youtube-token-copy span{color:var(--muted);font-size:.88rem;line-height:1.7}.youtube-token-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px}.youtube-token-controls input{width:100%;min-width:0;padding:12px 14px;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0206179e;color:#f8fafc;font:inherit;direction:ltr}.youtube-token-controls input:focus{outline:none;border-color:#38bdf8b8;box-shadow:0 0 0 3px #38bdf81f}.youtube-token-state{width:fit-content;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.youtube-token-state.ready{background:#22c55e24;color:#86efac}.youtube-token-state.missing{background:#f59e0b24;color:#fcd34d}.youtube-control-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.youtube-control-status-grid>div{display:grid;gap:7px;padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#ffffff09}.youtube-control-status-grid span{color:var(--muted);font-size:.82rem}.youtube-control-status-grid strong{overflow-wrap:anywhere}.youtube-control-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.youtube-control-btn{min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:12px;color:#f8fafc;font:inherit;font-weight:750;cursor:pointer;transition:transform .16s ease,opacity .16s ease,border-color .16s ease}.youtube-control-btn:not(:disabled):hover{transform:translateY(-1px)}.youtube-control-btn:disabled{cursor:not-allowed;opacity:.36}.youtube-control-btn.baseline{background:#0ea5e92e;border-color:#0ea5e961}.youtube-control-btn.learning{background:#22c55e2e;border-color:#22c55e61}.youtube-control-btn.cooldown{background:#f59e0b2e;border-color:#f59e0b61}.youtube-control-btn.finish{background:#a855f72e;border-color:#a855f761}.youtube-control-btn.secondary{background:#38bdf829;border-color:#38bdf852}.youtube-control-btn.ghost{background:#94a3b817;border-color:#94a3b838}.youtube-control-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.youtube-control-guide span{padding:10px 12px;border-radius:12px;background:#94a3b812;color:var(--muted);font-size:.82rem;line-height:1.6}.youtube-control-message{padding:12px 14px;border-radius:12px;font-weight:700}.youtube-control-message.success{background:#22c55e21;color:#86efac}.youtube-control-message.error{background:#ef444421;color:#fca5a5}.youtube-control-message.busy{background:#38bdf821;color:#7dd3fc}@media(max-width:1050px){.youtube-control-status-grid,.youtube-control-actions,.youtube-control-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.youtube-token-controls,.youtube-control-status-grid,.youtube-control-actions,.youtube-control-guide{grid-template-columns:1fr}.youtube-control-btn{width:100%}}