:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf7;background:#090c11;font-synthesis:none;color-scheme:dark;--bg: #090c11;--panel: #10151e;--panel-2: #151c28;--line: #242d3d;--muted: #8390a5;--accent: #7c9cff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}button,input,textarea,select{font:inherit}button{color:inherit}.center,.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.signal-mark,.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#90a8ff,#566fe0);color:#071020;font-weight:900;box-shadow:0 10px 40px #526de044}.signal-mark{width:54px;height:54px;border-radius:15px;font-size:26px}.login-card{width:min(400px,100%);display:grid;gap:24px;padding:28px;border:1px solid var(--line);background:linear-gradient(150deg,#151b26,#0e131b);border-radius:22px;box-shadow:0 28px 80px #0008}.login-card h1{margin:0 0 4px;font-size:25px}.login-card p{margin:0;color:var(--muted)}.login-card form{display:grid;gap:10px}.login-card label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;color:#fff;background:#090d14;outline:none}textarea{resize:vertical;min-height:76px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c9cff20}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.primary{border:0;border-radius:10px;padding:13px 16px;background:var(--accent);color:#081020;font-weight:800}.error-text{color:#ff818b;font-size:13px}.login-install{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.login-install div{display:grid;gap:3px}.login-install strong{font-size:12px}.login-install span{color:var(--muted);font-size:11px;line-height:1.35}.install-help{margin-top:-12px;padding:10px 11px;border:1px solid #40558b;border-radius:9px;background:#17233e;color:#cbd7fa;font-size:11px;line-height:1.45}.app-shell{min-height:100vh;min-height:100dvh}header{position:sticky;z-index:20;top:0;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202838cc;background:#0b0f16e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;font-size:15px}.brand-mark{width:27px;height:27px;border-radius:8px;font-size:13px}.header-actions{display:flex;align-items:center;gap:4px}.icon-button{border:0;background:transparent;color:var(--muted);padding:8px;font-size:12px;border-radius:7px}.icon-button:hover{background:var(--panel-2);color:#fff}.icon-button.live{color:#65d9a1}.compose-button{color:#a9bbff}.icon-button.danger:hover{background:#3a1c21;color:#ff9aa2}.inline-close{border:0;padding:0 4px;background:transparent;color:inherit;opacity:.7}.small-button{flex:none;padding:6px 9px;border:1px solid #354055;border-radius:8px;background:#151c28;color:#c5cede;font-size:11px;font-weight:700}.primary-small{border-color:#718de8;background:#7895f2;color:#071020}.quiet-button{border-color:transparent;background:transparent;color:var(--muted)}.device-panel{width:min(760px,calc(100% - 20px));min-height:42px;margin:10px auto 0;padding:7px 8px 7px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #2a3446;border-radius:11px;background:#101620}.device-panel.ready{border-color:#285e49;background:#0e1b17}.device-statuses,.device-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:6px;color:#98a5b8;font-size:11px;white-space:nowrap}.status-chip i{width:7px;height:7px;border-radius:50%;background:#657086;box-shadow:0 0 0 3px #6570861c}.status-chip.good{color:#8ce0b7}.status-chip.good i{background:#58d399;box-shadow:0 0 0 3px #58d3991c}.status-chip.bad{color:#ff9aa2}.status-chip.bad i{background:#f16470;box-shadow:0 0 0 3px #f164701c}.install-banner{margin:10px auto 0;width:min(760px,calc(100% - 20px));padding:10px 12px;border:1px solid #40558b;border-radius:10px;background:#17233e;color:#cbd7fa;font-size:12px;line-height:1.4}.install-banner.warning{border-color:#815c2b;background:#322510;color:#f0ca89}.install-banner.offline-banner{border-color:#3b4657;background:#151b24;color:#9aa7ba}.composer-shell{width:min(760px,calc(100% - 20px));margin:10px auto 0}.composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.42fr);gap:10px;padding:12px;border:1px solid #334261;border-radius:12px;background:linear-gradient(145deg,#151d2a,#101620);box-shadow:0 14px 35px #0005}.composer-heading,.composer .wide-field,.composer-actions{grid-column:1 / -1}.composer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.composer-heading strong{font-size:13px}.composer-heading span{color:var(--muted);font-size:10px}.composer label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.composer input,.composer textarea,.composer select{color:#e9edf7;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}.composer-actions{display:flex;justify-content:flex-end;gap:6px}.mailboxes{width:min(760px,calc(100% - 20px));margin:10px auto 0;display:flex;gap:4px;padding:3px;border:1px solid #222b3a;border-radius:10px;background:#0e131b}.mailboxes button{flex:1;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#7f8ca0;font-size:11px;font-weight:700}.mailboxes button.active{background:#202b42;color:#dce4f5;box-shadow:inset 0 0 0 1px #3b4d76}.mailboxes small{margin-left:3px;color:#65738a;font-size:8px;font-weight:600;text-transform:uppercase}.topics{position:sticky;z-index:15;top:calc(54px + env(safe-area-inset-top));display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:9px max(10px,calc((100vw - 760px)/2));border-bottom:1px solid #171e29;background:#090c11e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topics::-webkit-scrollbar{display:none}.topics button{white-space:nowrap;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#101620;color:#aab3c3;font-size:12px}.topics button.active{color:#fff;border-color:#627cca;background:#1c2945}.topics i{width:6px;height:6px;border-radius:50%;background:var(--topic)}.topics small{min-width:16px;color:var(--muted);font-size:10px;text-align:right}.feed{width:min(760px,100%);margin:0 auto;padding:10px 10px calc(30px + env(safe-area-inset-bottom));display:grid;gap:8px}article{position:relative;display:grid;grid-template-columns:3px 1fr;overflow:hidden;border:1px solid #202938;border-radius:11px;background:linear-gradient(145deg,#121822,#0e131b);box-shadow:0 5px 18px #0002}article.pinned{border-color:#4b5780}article.dismissed{opacity:.78}.event-rail{background:#64758c}.severity-success .event-rail{background:#52c994}.severity-warning .event-rail{background:#e4b354}.severity-error .event-rail,.severity-critical .event-rail{background:#f16470}.severity-critical{border-color:#71343b;box-shadow:0 5px 25px #d73f4a12}.event-content{min-width:0;padding:10px 11px 9px}.event-meta{display:flex;align-items:center;gap:7px;color:#69788f;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.event-meta time{margin-left:auto}.event-meta .delete{border:0;padding:0 2px;background:transparent;color:#4d5a6d;font-size:11px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.event-meta .delete:hover,.event-meta .delete:focus-visible{color:#ff858e}article:hover .delete,article:focus-within .delete{opacity:1}@media(hover:none){.event-meta .delete{opacity:.7}}.severity{color:#9cabc2;font-weight:800}.severity-critical .severity,.severity-error .severity{color:#ff858e}.severity-warning .severity{color:#ebbe68}.severity-success .severity{color:#68d7a6}h2{margin:5px 0 0;font-size:15px;line-height:1.28;letter-spacing:-.01em}.body{margin:5px 0 0;color:#b3bdcd;font-size:13px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}footer{min-height:19px;margin-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.event-topics{display:flex;gap:5px;flex-wrap:wrap}.event-topics button{border:0;padding:0;background:transparent;color:#718abe;font-size:10px}.open-link{color:#91aaff;font-size:11px;text-decoration:none;white-space:nowrap}.footer-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.footer-actions button{border:0;padding:0;background:transparent;color:#7f90ad;font-size:10px}.footer-actions button:hover{color:#b9c7df}.footer-actions button.delete{color:#8d6067}.footer-actions button.delete:hover{color:#ff858e}.footer-actions button:disabled{opacity:.35}.html-widget{display:block;width:100%;margin-top:9px;border:1px solid #283347;border-radius:8px;background:#111620}.metric-widget{display:flex;align-items:baseline;gap:6px;margin-top:8px;padding:9px 11px;border-radius:8px;background:#0b1018}.metric-widget strong{font-size:26px;letter-spacing:-.04em}.metric-widget span{color:var(--muted)}.metric-widget small{margin-left:auto;color:#60d39c;font-weight:700}.metric-widget small.negative{color:#ff747e}.progress-widget{margin-top:9px}.progress-widget div{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11px;color:var(--muted)}progress{display:block;width:100%;height:7px;border:0;border-radius:99px;overflow:hidden}progress::-webkit-progress-bar{background:#222b39}progress::-webkit-progress-value{background:var(--accent)}.spark-widget{position:relative;height:80px;margin-top:8px;padding:8px;border-radius:8px;background:#0b1018}.spark-widget svg{width:100%;height:100%;overflow:visible}.spark-widget polyline{fill:none;stroke:#83a1ff;stroke-width:1.8;vector-effect:non-scaling-stroke}.spark-widget strong{position:absolute;top:9px;right:10px;font-size:18px;text-shadow:0 1px 8px #000}.table-wrap{overflow-x:auto;margin-top:8px;border:1px solid #253044;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:6px 8px;border-bottom:1px solid #202938;text-align:left;white-space:nowrap}th{color:#8998ae;background:#141b27;font-size:9px;text-transform:uppercase}tr:last-child td{border-bottom:0}.event-image{display:block;width:100%;max-height:420px;margin-top:8px;object-fit:contain;border-radius:7px;background:#080b10}.empty{padding:80px 20px;color:var(--muted);text-align:center;line-height:1.7}.empty strong{color:#fff}.load-more{margin:8px auto;padding:9px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}@media(min-width:900px){.feed{padding-top:16px}article{border-radius:12px}.event-content{padding:12px 14px 10px}}@media(max-width:520px){header{padding-left:10px;padding-right:6px}.header-actions{gap:0}.icon-button{padding:8px 6px}.device-panel{align-items:flex-start}.device-statuses{display:grid;gap:4px}.device-actions{justify-content:flex-end}.composer{grid-template-columns:1fr}.composer>*{grid-column:1}.composer-heading{align-items:flex-start;flex-direction:column;gap:3px}footer{align-items:flex-start;flex-direction:column;gap:7px}.footer-actions{width:100%;margin-left:0;justify-content:flex-end}}