/* Preserved Pebble front.py: slate, gold, one right-anchored input and stack. */
:root{color-scheme:dark;--slate:#2b333b;--surface:#353f49;--line:#4b5763;--ink:#dbe1e7;--muted:#98a4b0;--gold:#f1c46e;--gold-light:#ffe6a7}
*{box-sizing:border-box}[hidden]{display:none!important}
body{font:16px/1.5 system-ui,sans-serif;background:var(--slate);color:var(--ink);text-align:right;min-height:100dvh;margin:0}
#upnav-view{display:grid;justify-items:end;align-content:start;min-height:100dvh;padding:28vh 21rem 2rem 2.5rem}
#uptime-route:empty{display:none}#uptime-route{width:100%}#uptime-route>section,#uptime-route>form{width:24rem;max-width:100%;margin-left:auto}
#stack{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;width:24rem;max-width:100%}
.page #stack{position:fixed;right:1rem;bottom:.75rem;width:18rem;max-height:45vh;overflow:auto}
#message{font-size:.8rem;color:var(--gold-light);margin:0;overflow-wrap:anywhere}#message:empty{display:none}
#upnav-values{list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--gold)}#upnav-values li{text-align:right;overflow-wrap:anywhere}#upnav-values .key{color:var(--muted);margin-right:.65rem}
#upnav-login{position:fixed;right:1rem;bottom:.75rem;font-size:.8rem;max-width:18rem;overflow-wrap:anywhere}.page #upnav-login{position:static}#upnav-login a{text-decoration:none}
input,button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:.5rem}
input{width:100%;min-width:0;text-align:right}input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
button{cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.55;cursor:wait}a{color:var(--gold)}a:hover{color:var(--gold-light)}
form.box{width:100%}.entry{display:flex;align-items:center;gap:.6rem}label{display:block;font-size:.9rem;margin:0 0 .35rem;color:var(--ink)}
small{color:var(--muted)}.system-index ul{list-style:none;padding:0;margin:0}.system-index li{display:grid;grid-template-columns:4rem 1fr auto;gap:1rem;border-bottom:1px solid var(--line);padding:.4rem 0;text-align:left}
@media(max-width:850px){#upnav-view{padding:22vh 1rem 14rem}.page #stack{width:16rem;max-height:30vh}.system-index li{grid-template-columns:3rem 1fr;gap:.4rem}.system-index small{grid-column:2}}
#upnav-level{margin-left:.6rem;color:var(--muted)}#upnav-demote{margin-left:.4rem;border:0;padding:0 .3rem;background:transparent;color:var(--gold)}