*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0a;width:100%;height:100%;overflow:hidden}.sync-btn{color:#0f8;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:4px 10px;font-family:system-ui,sans-serif;font-size:12px;transition:background .15s,border-color .15s}.sync-btn:hover:not(:disabled){background:#2a2a2a;border-color:#0f8}.sync-btn:disabled{color:#666;cursor:wait;background:#333}.snapshots-panel{z-index:10;font-family:system-ui,sans-serif;font-size:12px;position:absolute;top:12px;right:50px}@media (max-width:640px){.snapshots-panel{top:48px;left:12px;right:auto}}.snapshots-toggle{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:system-ui,sans-serif;font-size:12px;transition:background .15s;display:flex}.snapshots-toggle:hover{color:#fff;background:#1e1e1ee6}.status-dot.loading{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.footer-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#777;white-space:nowrap;z-index:5;background:#0009;border-radius:20px;padding:4px 14px;font-family:system-ui,sans-serif;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.footer-bar a{color:#0f8;text-decoration:none;transition:color .15s}.footer-bar a:hover{color:#3fa;text-decoration:underline}.about-btn-inline{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.about-btn-inline:hover{color:#0f8}.about-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-panel{background:#111;border:1px solid #333;border-radius:12px;width:calc(100% - 32px);max-width:420px;padding:24px;font-family:system-ui,sans-serif;font-size:14px;position:relative}.about-close{color:#666;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .15s;position:absolute;top:12px;right:12px}.about-close:hover{color:#fff}.transits-panel{z-index:10;font-family:system-ui,sans-serif;font-size:12px;position:absolute;bottom:56px;right:12px}.transits-toggle{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-family:system-ui,sans-serif;font-size:12px;transition:background .15s;display:flex}.transits-toggle:hover{color:#fff;background:#1e1e1ee6}.transits-body{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ccc;background:#000000d9;border-radius:8px;margin-top:4px;padding:10px 12px}@media (max-width:640px){.transits-panel{bottom:56px;left:12px;right:auto}}.snapshots-list{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:8px;max-height:40vh;margin-top:4px;padding:6px 4px;overflow-y:auto}