:root{--bg: #08161a;--bg-grad: radial-gradient(1200px 600px at 80% -10%, #0c2228 0%, transparent 60%);--surface: #0e1c22;--surface-2: #13242b;--surface-3: #18323a;--border: #1f3138;--border-2: #27424b;--text: #e6f1f4;--text-dim: #9fb3b8;--text-faint: #5f767b;--accent: #22d3ee;--accent-ink: #04181c;--accent-2: #38bdf8;--good: #34d399;--warn: #f0b429;--crit: #ef4444;--uv: #a78bfa;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 22px rgba(0, 0, 0, .28);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--sidebar-w: 248px;--sans: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--sans);color-scheme:dark;--motion: .18s}[data-theme=light]{--bg: #f1f7f8;--bg-grad: radial-gradient(1200px 600px at 80% -10%, #e3f3f4 0%, transparent 60%);--surface: #ffffff;--surface-2: #eef5f6;--surface-3: #e1edee;--border: #d6e6ea;--border-2: #bfd6db;--text: #15252a;--text-dim: #46606a;--text-faint: #7d969c;--accent: #0ea5b8;--accent-ink: #ffffff;--accent-2: #0284a8;--good: #1aa179;--warn: #b97306;--crit: #d23b3b;--uv: #7c3aed;--shadow: 0 1px 2px rgba(15, 40, 45, .06), 0 6px 18px rgba(15, 40, 45, .05);--shadow-sm: 0 1px 2px rgba(15, 40, 45, .06);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent);border-radius:var(--radius-xs)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:var(--surface);border-right:1px solid var(--border)}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.sidebar .brand .logo{color:var(--accent)}.sidebar .brand .name{font-weight:600;font-size:15px;letter-spacing:-.01em}.sidebar .brand .sub{font-size:10.5px;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.sidebar .nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background var(--motion),color var(--motion),border-color var(--motion)}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--surface-2);color:var(--text);border-color:var(--border)}.nav-item .count{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--text-faint)}.nav-item.active .count{color:var(--accent)}.sidebar .kpi-block{margin:8px 4px 4px}.sidebar .kpi-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:var(--radius-sm);font-size:12.5px}.sidebar .kpi-row .k{color:var(--text-dim);display:flex;align-items:center;gap:8px}.sidebar .kpi-row .v{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}.sidebar .kpi-row.ok .v{color:var(--good)}.sidebar .kpi-row.warn .v{color:var(--warn)}.sidebar .kpi-row.crit .v{color:var(--crit)}.sidebar .spacer{flex:1}.sidebar .footer{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:13px 26px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.topbar .crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.topbar .crumb .sep{color:var(--text-faint)}.topbar .crumb strong{color:var(--text);font-weight:600}.topbar .spacer{flex:1}.topbar .ws{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.content{padding:22px 26px 60px;max-width:1500px;width:100%}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);display:inline-block;position:relative}.dot.on{background:var(--good);box-shadow:0 0 color-mix(in srgb,var(--good) 70%,transparent);animation:pulse 2.4s infinite}.dot.off{background:var(--crit)}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--good) 60%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 13px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--motion),border-color var(--motion),color var(--motion),transform var(--motion)}.btn:hover{border-color:var(--border-2);background:var(--surface-3);text-decoration:none}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn.danger{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 45%,var(--border))}.btn.danger:hover{background:color-mix(in srgb,var(--crit) 12%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.sm{padding:4px 9px;font-size:12px}.btn.icon{padding:7px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:background var(--motion),color var(--motion),border-color var(--motion)}.icon-btn:hover{color:var(--text);border-color:var(--border-2);background:var(--surface-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.card.tight{padding:14px}.section-title{font-size:11.5px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;display:flex;align-items:center;gap:8px}.section-title .right{margin-left:auto;font-weight:500;color:var(--text-dim);text-transform:none;letter-spacing:0}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.device-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gauge-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.span-2{grid-template-columns:1fr 1fr}.span-3-1{grid-template-columns:2fr 1fr}@media (max-width: 900px){.span-2,.span-3-1{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi .l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);display:flex;align-items:center;gap:7px}.kpi .v{font-family:var(--mono);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:6px;letter-spacing:-.02em}.kpi .s{font-size:12px;color:var(--text-dim);margin-top:2px}.kpi .accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px}.kpi.good .accent-bar,.kpi.good .v{color:var(--good)}.kpi.warn .accent-bar,.kpi.warn .v{color:var(--warn)}.kpi.crit .accent-bar,.kpi.crit .v{color:var(--crit)}.kpi.neutral .accent-bar{background:var(--accent-2)}.kpi.good .accent-bar{background:var(--good)}.kpi.warn .accent-bar{background:var(--warn)}.kpi.crit .accent-bar{background:var(--crit)}.device-card{position:relative;display:block;cursor:pointer;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 14px 17px;box-shadow:var(--shadow-sm);color:inherit;transition:border-color var(--motion),transform var(--motion),box-shadow var(--motion)}.device-card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.device-card .stripe{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--good)}.device-card.stale .stripe{background:var(--warn)}.device-card.crit .stripe{background:var(--crit)}.device-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.device-card .name{font-weight:600;font-size:14.5px}.device-card .imei{font-family:var(--mono);font-size:11.5px;color:var(--text-faint);margin-top:2px}.device-card .minis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.device-card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:11.5px;color:var(--text-dim)}.device-card .foot.warn{color:var(--warn)}.device-card .spark{margin-top:12px;height:28px;width:100%}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.pill.on{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent);background:color-mix(in srgb,var(--good) 12%,transparent)}.pill.off{color:var(--text-faint)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.pill.crit{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 45%,transparent);background:color-mix(in srgb,var(--crit) 12%,transparent)}.pill.info{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 45%,transparent);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.pill .dot{width:6px;height:6px}.gauge{text-align:center;padding:12px 10px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color var(--motion)}.gauge .v{font-family:var(--mono);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.gauge .u{font-size:11px;color:var(--text-faint);margin-left:3px;font-weight:400}.gauge .lbl{font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.gauge.good .v{color:var(--good)}.gauge.warn .v{color:var(--warn)}.gauge.crit .v{color:var(--crit)}.gauge.info .v{color:var(--accent-2)}.mini-gauge{text-align:left;padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-xs)}.mini-gauge .v{font-family:var(--mono);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.mini-gauge .u{font-size:10px;color:var(--text-faint);margin-left:2px}.mini-gauge .lbl{font-size:9.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.status-row:last-child{border-bottom:none}.status-row .k{color:var(--text-dim);display:flex;align-items:center;gap:8px}.status-row .k svg{color:var(--text-faint)}.status-row .v{font-family:var(--mono);font-variant-numeric:tabular-nums}.status-row .v.warn{color:var(--warn)}.status-row .v.crit{color:var(--crit)}.status-row .v.good{color:var(--good)}.alert{display:flex;align-items:flex-start;gap:10px;background:color-mix(in srgb,var(--warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));color:var(--text);padding:11px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;line-height:1.45}.alert svg{color:var(--warn);flex:none;margin-top:1px}.alert strong{color:var(--warn)}.alert.crit{background:color-mix(in srgb,var(--crit) 10%,transparent);border-color:color-mix(in srgb,var(--crit) 45%,var(--border))}.alert.crit svg,.alert.crit strong{color:var(--crit)}.error-banner{background:color-mix(in srgb,var(--crit) 12%,transparent);border:1px solid color-mix(in srgb,var(--crit) 45%,var(--border));color:var(--crit);padding:9px 14px;border-radius:var(--radius-sm);margin:0 26px 12px;font-size:13px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.ctrl{display:flex;flex-direction:column;gap:5px}.ctrl label{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.ctrl input{width:72px;padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;font-family:var(--mono)}.ctrl input:focus{border-color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-size:12.5px;font-weight:500;transition:all var(--motion)}.toggle:hover{border-color:var(--border-2);color:var(--text)}.toggle.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--accent)}.toggle .ind{width:9px;height:9px;border-radius:50%;background:var(--text-faint);flex:none}.toggle.on .ind{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented button{min-width:34px;padding:6px 8px;border:none;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:13px;font-weight:600;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--motion),color var(--motion)}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--accent);color:var(--accent-ink)}.event-log{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.event{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-xs);border-left:3px solid var(--border);font-size:12.5px}.event.info{border-left-color:var(--accent-2)}.event.warning{border-left-color:var(--warn)}.event.critical{border-left-color:var(--crit)}.event svg{margin-top:1px;flex:none}.event.info svg{color:var(--accent-2)}.event.warning svg{color:var(--warn)}.event.critical svg{color:var(--crit)}.event .ev-ts{font-family:var(--mono);font-size:11px;color:var(--text-faint);white-space:nowrap}.event .ev-type{font-weight:600}.event .ev-text{color:var(--text-dim)}.cmd-table{width:100%;border-collapse:collapse;font-size:12.5px}.cmd-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;padding:7px 8px;border-bottom:1px solid var(--border)}.cmd-table td{padding:8px;border-bottom:1px solid var(--border);font-family:var(--mono);font-variant-numeric:tabular-nums}.cmd-table tbody tr:last-child td{border-bottom:none}.cmd-table .name{font-family:var(--sans);font-weight:500}.cmd-table .stat{display:inline-flex;align-items:center;gap:5px}.cmd-table .stat.sent{color:var(--warn)}.cmd-table .stat.acked{color:var(--good)}.cmd-table .stat .dot{width:6px;height:6px}.cmd-table .stat.sent .dot{background:var(--warn)}.cmd-table .stat.acked .dot{background:var(--good)}.toast{position:fixed;bottom:22px;right:22px;z-index:100;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 15px;box-shadow:var(--shadow);font-size:13px;animation:toast-in var(--motion) ease-out}.toast svg{flex:none}.toast.ok{border-color:color-mix(in srgb,var(--good) 50%,var(--border))}.toast.ok svg{color:var(--good)}.toast.err{border-color:color-mix(in srgb,var(--crit) 50%,var(--border))}.toast.err svg{color:var(--crit)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 6%,transparent),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.sk-card{height:168px}.sk-line{height:12px;margin-bottom:8px}.sk-line.short{width:60%}.empty{text-align:center;padding:48px 24px;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:10px}.empty svg{color:var(--text-faint)}.empty .hint{font-size:13px;max-width:46ch}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow)}.login-card .brand{display:flex;align-items:center;gap:11px;margin-bottom:6px}.login-card .brand .logo{color:var(--accent)}.login-card .brand .name{font-weight:600;font-size:17px;letter-spacing:-.01em}.login-card h1{font-size:20px;margin:8px 0 4px;font-weight:600;letter-spacing:-.01em}.login-card .sub{color:var(--text-dim);font-size:13px;margin:0 0 18px}.login-card .field{margin-bottom:14px}.login-card label{display:block;font-size:11.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.login-card input{width:100%;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px;font-family:var(--mono)}.login-card input:focus{border-color:var(--accent)}.login-card .err{color:var(--crit);font-size:12.5px;margin-bottom:10px}.display{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em;line-height:1}.haze-band{position:relative;margin:10px 0 8px;border-radius:var(--radius-sm);overflow:hidden;background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))}.haze-band canvas{display:block}.haze-aqi{position:absolute;left:12px;bottom:7px;display:flex;align-items:baseline;gap:6px;pointer-events:none}.haze-aqi .v{font-family:var(--mono);font-weight:700;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.45)}.haze-aqi .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);text-shadow:0 1px 4px rgba(0,0,0,.5)}[data-theme=light] .haze-aqi .v{text-shadow:0 1px 3px rgba(255,255,255,.6)}[data-theme=light] .haze-aqi .lbl{text-shadow:0 1px 2px rgba(255,255,255,.6)}.readout-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.readout{background:var(--surface-2);border-radius:var(--radius-xs);padding:6px 9px}.readout .v{font-family:var(--mono);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.readout .v .u{font-size:9.5px;color:var(--text-faint);margin-left:2px;font-weight:400}.readout .lbl{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-top:1px}.haze-ring{position:relative;width:220px;height:220px;display:grid;place-items:center;margin:4px auto 10px}.haze-ring canvas{position:absolute;top:0;right:0;bottom:0;left:0}.haze-ring .ring-aqi{position:relative;text-align:center}.haze-ring .ring-aqi .v{font-family:var(--mono);font-weight:700;font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}.haze-ring .ring-aqi .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:2px}.haze-ring .ring-aqi .sub{font-size:11px;color:var(--text-faint);margin-top:2px;font-family:var(--mono)}.back{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:13px;cursor:pointer}.back:hover{color:var(--text);text-decoration:none}.chart-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.chart-head .kpi{font-family:var(--mono);font-size:20px;font-weight:600}.series-toggles{display:inline-flex;gap:6px;margin-left:auto;flex-wrap:wrap}.series-toggles .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-2);border:1px solid var(--border);color:var(--text-faint);transition:all var(--motion)}.series-toggles .chip .swatch{width:14px;height:2px;border-radius:2px}.series-toggles .chip.on{color:var(--text);border-color:var(--border-2)}.series-toggles .chip.off{opacity:.5;text-decoration:line-through}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;height:auto;flex-direction:row;align-items:center;gap:10px;padding:10px 14px;border-right:none;border-bottom:1px solid var(--border);z-index:30}.sidebar .brand{padding:0;flex:none}.sidebar .brand .sub{display:none}.sidebar .nav{flex-direction:row}.sidebar .kpi-block,.sidebar .footer .label-hide,.sidebar .spacer{display:none}.sidebar .footer{flex-direction:row;border-top:none;padding-top:0;margin-left:auto}.content{padding:16px}.topbar{padding:11px 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.dot.on{animation:none;box-shadow:none}.skeleton:after{animation:none}}