:root{--bg:#0a0d14;--bg-raised:#11151f;--bg-card:#161b27;--border:#262c3b;--text:#c7cbd6;--text-dim:#7c8296;--text-h:#f2f4f8;--accent:#4fb3ff;--accent-dim:#4fb3ff26;--danger:#ff6b6b;--shadow:#00000073 0 10px 30px -10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0;font-weight:600}button,select,input{font:inherit;color:inherit}.app{flex-direction:column;min-height:100svh;display:flex}.app__header{border-bottom:1px solid var(--border);background:var(--bg-raised);z-index:10;align-items:center;gap:32px;padding:16px 24px;display:flex;position:sticky;top:0}.app__header h1{letter-spacing:-.3px;white-space:nowrap;font-size:20px}.app__nav{gap:4px;display:flex}.app__nav-item{cursor:pointer;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;transition:color .15s,background .15s}.app__nav-item:hover{color:var(--text-h);background:var(--bg-card)}.app__nav-item--active{color:var(--accent);background:var(--accent-dim)}.app__main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.dashboard__satellite{margin-bottom:40px}.dashboard__satellite-title{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:22px}.dashboard__sector{margin-bottom:24px}.dashboard__sector-title{color:var(--text-dim);margin-bottom:10px;font-size:15px;font-weight:500}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.channel-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.channel-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.channel-card__img{aspect-ratio:1;object-fit:cover;background:#000;width:100%;display:block}.channel-card__label{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.channel-card__product{color:var(--text-h);font-size:14px;font-weight:600}.channel-card__sector{color:var(--text-dim);font-size:12px}.loop-player__backdrop{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.loop-player{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden}.loop-player__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.loop-player__header p{color:var(--text-dim);margin-top:4px;font-size:13px}.loop-player__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.loop-player__stage{background:#000;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:auto}.loop-player__frame{max-width:100%;max-height:70vh;display:block}.loop-player__status{color:var(--text-dim);padding:40px}.loop-player__status--error{color:var(--danger)}.loop-player__controls{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex}.loop-player__controls button,.map-viewer__time button{background:var(--accent-dim);color:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:6px 14px}.loop-player__controls input[type=range]{flex:1}.loop-player__count{color:var(--text-dim);white-space:nowrap;font-size:12px}.map-viewer{flex-direction:column;gap:12px;height:calc(100svh - 160px);min-height:400px;display:flex}.map-viewer__controls{flex-wrap:wrap;gap:16px;display:flex}.map-viewer__controls label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.map-viewer__controls select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-h);border-radius:8px;padding:6px 10px}.map-viewer__stage{border:1px solid var(--border);background:#000;border-radius:12px;flex:1;overflow:hidden}.map-viewer__time{align-items:center;gap:12px;display:flex}.map-viewer__time input[type=range]{flex:1}.map-viewer__time span{color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.map-viewer__status--error{color:var(--danger)}.map-viewer__preload{color:var(--text-dim);font-size:12px}.storm-panel{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.storm-panel__status{color:var(--text-dim);text-align:center;padding:40px}.storm-panel__status--error{color:var(--danger)}.storm-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.storm-card__img{aspect-ratio:1;object-fit:cover;background:#000;width:100%;display:block}.storm-card__body{padding:14px 16px}.storm-card__body h3{font-size:17px}.storm-card__classification{color:var(--accent);margin-top:2px;font-size:13px}.storm-card__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.storm-card__stats dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.storm-card__stats dd{color:var(--text-h);margin:0;font-size:13px}.storm-card__body a{color:var(--accent);font-size:13px;text-decoration:none}.storm-card__body a:hover{text-decoration:underline}