:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f4;--surface:#fff;--text:#111;--muted:#5c5c5c;--border:#e2e2de;--accent:#ff4d2e;--accent-text:#fff;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--surface:#1c1c1c;--text:#f2f2f2;--muted:#a3a3a3;--border:#2e2e2e}}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.shell{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:1;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;color:#fff;background:#111;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;font-weight:700}.badge-slot{align-items:center;gap:.5rem;margin-left:auto;display:flex}.nav{gap:.25rem;width:100%;display:flex}.nav a{color:#d4d4d4;border-radius:999px;align-items:center;min-height:44px;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.nav a.active{color:#111;background:#fff}.nav a:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main{width:100%;max-width:40rem;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));flex:1;margin:0 auto}.card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.25rem}.card h1{margin:0 0 .5rem;font-size:1.25rem}.card p{color:var(--muted);margin:0 0 1rem}.status{color:var(--muted)}.button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:.75rem;padding:.5rem 1rem}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.update-prompt{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;display:flex}.update-prompt span{flex:12rem}.auth-card{flex-direction:column;gap:.75rem;display:flex}.auth-card h1,.auth-card h2,.auth-card p{margin:0}.auth-card h2{font-size:1.125rem}.welcome-list{color:var(--muted);flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;display:flex}.welcome-list strong{color:var(--text)}.auth-card form,.stack{flex-direction:column;gap:.75rem;display:flex}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.button-block{text-align:center;justify-content:center;align-items:center;width:100%;text-decoration:none;display:inline-flex}.field{flex-direction:column;gap:.25rem;display:flex}.field label{font-weight:600}.input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:.75rem;padding:.5rem .75rem;font-size:max(1rem,16px)}.input:focus-visible,.check input:focus-visible,.auth-card a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input[aria-invalid=true]{border-color:#c62828}.input-code{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.auth-card .hint,.hint{color:var(--muted);font-size:.875rem}.field-error,.form-error{color:#c62828;font-weight:600}@media (prefers-color-scheme:dark){.field-error,.form-error{color:#ff8a80}}.aside{font-size:.9375rem}.auth-card a:not(.button){color:inherit;text-underline-offset:.2em}.code-display{border:1px dashed var(--border);background:var(--bg);letter-spacing:.06em;text-align:center;word-spacing:.3em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:.75rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.125rem;font-weight:600;line-height:1.7;display:block}.check input{flex:none;width:1.25rem;height:1.25rem}.notice{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin:0 0 .75rem;padding:.75rem 1rem}.facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.danger{border-color:#e7b4b4}.availability{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.availability-switch{background:#1f1f1f;border:1px solid #3a3a3a;border-radius:999px;padding:2px;display:inline-flex}.availability-option{color:#d4d4d4;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.25rem .75rem;font-size:.875rem}.availability-option[aria-checked=true]{color:#111;background:#fff;font-weight:600}.availability-option.mode-urgent_only[aria-checked=true]{background:#f2a516}.availability-option.mode-off[aria-checked=true]{color:#fff;background:#ff4d2e}.availability-option:focus-visible{outline-offset:2px;outline:2px solid #ff4d2e}.availability-error{color:#ff8a73;font-size:.8rem}.links{flex-direction:column;gap:1rem;display:flex}.links-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.links-head h1{margin:0;font-size:1.5rem}.links a.button{align-items:center;text-decoration:none;display:inline-flex}.link-list,.binding-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.link-row{flex-direction:column;gap:.5rem;display:flex}.link-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.link-label{overflow-wrap:anywhere;font-weight:600}.muted,.link-meta,.hint{color:var(--muted)}.link-meta,.hint,.pending{margin:0;font-size:.9rem}.pending{color:var(--accent);font-weight:600}.pill{border:1px solid var(--border);border-radius:999px;flex:none;padding:.125rem .625rem;font-size:.8rem}.pill-active{color:#1f8a4c;border-color:#1f8a4c}.pill-pending{border-color:var(--accent);color:var(--accent)}.pill-revoked,.pill-expired,.pill-denied{color:var(--muted)}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.confirm p{margin:0 0 .5rem}.button-danger{color:#fff;background:#c62828;border-color:#c62828}.button:disabled{opacity:.6;cursor:default}.link-form{flex-direction:column;gap:.75rem;display:flex}.field{flex-direction:column;gap:.25rem;font-weight:600;display:flex}.field input,.field select,.times input,.dialog .url{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:.75rem;padding:.5rem .75rem;font-weight:400}.field-group{border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:.75rem 1rem;display:flex}.field-group legend{padding:0 .25rem;font-weight:600}.check{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.check input{width:1.125rem;height:1.125rem}.field-error{color:#c62828;width:100%;margin:0;font-weight:600}.window{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;width:100%;padding-top:.5rem;display:flex}.days,.times{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex}.times label{align-items:center;gap:.5rem;display:inline-flex}.dialog-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:26rem;max-height:100%;display:flex;overflow:auto}.dialog .warning{color:var(--accent);text-align:center;margin:0;font-weight:600}.dialog .qr{background:#fff;border-radius:.5rem;max-width:100%;height:auto}.dialog .url{width:100%;font-family:ui-monospace,monospace;font-size:.85rem}.bindings h2{margin:0 0 .75rem;font-size:1.1rem}.binding-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.mono{font-family:ui-monospace,monospace}.notifications{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.notifications p{flex:14rem;margin:0}.pages-heading{margin:0 0 .75rem;font-size:1.5rem}.page-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.page-row{border:1px solid var(--border);border-left:4px solid var(--border);background:var(--surface);color:inherit;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;text-decoration:none;display:flex}.page-row.signal-call{border-left-color:#f2a516}.page-row.signal-urgent{border-left-color:var(--accent)}.page-row[data-state=acked]{opacity:.7}.page-row:focus-visible,.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-row-top,.page-row-meta{align-items:center;gap:.5rem;display:flex}.page-label{flex:1;font-weight:600}.page-time{color:var(--muted);font-variant-numeric:tabular-nums}.page-note{color:var(--muted);overflow-wrap:anywhere}.signal-chip,.state-badge,.dup-count{border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;font-size:.8rem}.state-badge.held{color:#b37400;border-color:#f2a516}.state-badge.acked{color:#23804a;border-color:#2e9e5b}.pager{flex-direction:column;gap:1rem;display:flex}.lcd{color:#1d2614;text-transform:none;background:linear-gradient(#b6c79b,#9fb385);border:6px solid #2b2b2b;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex;box-shadow:inset 0 2px 10px #00000059}.lcd-row{justify-content:space-between;gap:1rem;display:flex}.lcd-name{overflow-wrap:anywhere;font-size:1.5rem;font-weight:700}.lcd-time{font-variant-numeric:tabular-nums;font-size:1.25rem}.lcd-signal{letter-spacing:.08em;font-size:2.75rem;font-weight:800;line-height:1.1}.lcd-note{overflow-wrap:anywhere;min-height:1.5em;font-size:1.25rem}.lcd-flag{border:2px solid;align-self:flex-start;padding:0 .5rem;font-weight:700}.ack-buttons{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.ack-button{min-height:56px;font-weight:600}.ack-button.chosen{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.ack-button:disabled:not(.chosen){opacity:.5;cursor:default}.ack-done{margin:0;font-weight:600}.ack-error{color:var(--accent);margin:0}.back-link{color:var(--muted)}
