*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05070d;color:#dbe4f4;font-family:Arial,sans-serif}.snapshot-page{height:100%;display:grid;grid-template-rows:54px 1fr 32px}.topbar{display:flex;align-items:center;gap:14px;padding:0 14px;background:#090d16;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:800;letter-spacing:.08em}.brand span{color:#e8a820}.meta{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.03)}.pill.ok{color:#00c896}.clock{margin-left:auto;font:700 11px monospace}.main{position:relative;min-height:0}.tv-frame,#tv-widget{position:absolute;inset:0}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#05070d;z-index:5}.loading h1{font-size:18px}.loading p{color:#7f8aa3}.footer{display:flex;align-items:center;gap:18px;padding:0 14px;background:#080b12;border-top:1px solid rgba(255,255,255,.06);font:10px monospace;color:#7f8aa3}.warn{margin-left:auto;color:#e8a820}