*{box-sizing:border-box}html,body,#root{color:#fff;background:#07131d;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.obs-page{background:radial-gradient(circle at 0 0,#26678173,#0000 32%),linear-gradient(#0b2233 0%,#081723 100%);grid-template-rows:92px 58px 420px 1fr;width:100vw;height:100vh;display:grid}.top-strip{background:linear-gradient(90deg,#17647a,#1e7790);border-bottom:2px solid #ffffff2e;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand{align-items:center;gap:16px;min-width:0;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 5px 12px #00000073);width:62px;height:62px}.brand h1{letter-spacing:.4px;white-space:nowrap;margin:0;font-size:31px;font-weight:900;line-height:1.05}.brand p{opacity:.95;margin:8px 0 0;font-size:14px;font-weight:800}.divider{opacity:.7;margin:0 16px}.weather-block{white-space:nowrap;align-items:center;gap:14px;font-size:27px;font-weight:900;display:flex}.info-strip{background:#14566ae6;border-bottom:1px solid #ffffff29;grid-template-columns:1.2fr 1.6fr 1.4fr 1.1fr .9fr 1fr;align-items:center;gap:18px;padding:0 22px;display:grid}.info-strip div{white-space:nowrap;gap:8px;min-width:0;display:flex}.info-strip span{opacity:.75;font-size:14px;font-weight:700}.info-strip strong{text-overflow:ellipsis;font-size:15px;overflow:hidden}.camera-grid{background:#08131c;grid-template-columns:1fr 1fr;display:grid}.camera-box{background:#000;border-right:2px solid #ffffff24;position:relative;overflow:hidden}.camera-box:last-child{border-right:none}.camera-placeholder{background:linear-gradient(135deg,#ffffff0d,#0000 45%),radial-gradient(circle,#2175914d,#0000 55%),#050505;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.camera-placeholder span{color:#ffffff29;letter-spacing:5px;font-size:42px;font-weight:950}.camera-label{z-index:2;color:#fff;text-shadow:0 2px 6px #000;font-size:14px;font-weight:900;position:absolute;bottom:12px;left:14px}.results-section{color:#081723;background:#e8eef3;grid-template-rows:46px auto 1fr;display:grid;overflow:hidden}.table-head{color:#fff;background:linear-gradient(90deg,#8aa0ad,#a6bac6);grid-template-columns:100px 1.55fr 1.25fr 1fr 1.1fr 1fr;align-items:center;padding:0 14px;font-size:18px;font-weight:950;display:grid}.top5-panel{z-index:5;background:linear-gradient(90deg,#dbe8ee,#edf4f7);border-bottom:3px solid #17647a73;box-shadow:0 7px 18px #0000002e}.scroll-window{position:relative;overflow:hidden}.scroll-content{animation:38s linear infinite smoothScrollDown}.scroll-window:hover .scroll-content{animation-play-state:paused}.table-row{background:#ffffff9e;border-bottom:1px solid #0817231f;grid-template-columns:100px 1.55fr 1.25fr 1fr 1.1fr 1fr;align-items:center;min-height:44px;padding:10px 14px;font-size:16px;font-weight:850;display:grid}.table-row:nth-child(2n){background:#ffffff61}.top5-row{background:linear-gradient(90deg,#f9fbfc,#dcecf2);font-weight:950}.top5-row:nth-child(2n){background:linear-gradient(90deg,#eef7fb,#d3e6ee)}.rank{color:#17647a;font-weight:950}.empty-state{color:#101820;width:230px;padding:22px 18px;font-size:22px;font-weight:950;line-height:1.35}.new-arrival-glow{color:#06131d;animation:1.2s ease-in-out infinite alternate arrivalGlow;box-shadow:inset 0 0 0 2px #ffd54fe6,0 0 18px #ffd54fd9;background:linear-gradient(90deg,#fff7cc,#e9fff2)!important}@keyframes smoothScrollDown{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes arrivalGlow{0%{filter:brightness()}to{filter:brightness(1.25)}}@media (width>=1700px){.obs-page{grid-template-rows:92px 58px 420px 1fr}.brand h1{font-size:32px}.weather-block{font-size:28px}.table-row{min-height:43px}}