:root{color-scheme:dark;--bg:#0b1015;--panel:#131b23;--line:#2a3947;--text:#ecf2f7;--muted:#9db0c0;--cyan:#54d6c6;--red:#ff6b6b;--focus:#ffd166;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--focus);color:#111;padding:.5rem;z-index:3}.skip-link:focus{top:1rem}.masthead,main{max-width:88rem;margin:auto;padding:1rem}.masthead{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--line)}h1,h2,p{margin-top:0}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.12em;font-size:.75rem;margin-bottom:.25rem}.connection{border:1px solid var(--line);border-radius:99rem;padding:.4rem .8rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;padding:1rem;margin:1rem 0}.auth-panel,.controls,.view-heading,.form-row,.button-row{display:flex;align-items:end;justify-content:space-between;gap:.75rem}.auth-panel form{min-width:min(100%,34rem)}label{display:block;font-weight:700;margin-bottom:.35rem}input,textarea{width:100%;background:#091017;color:var(--text);border:1px solid #52697b;border-radius:.4rem;padding:.65rem}textarea{min-height:7rem;resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--red)}button{border:1px solid var(--cyan);border-radius:.4rem;background:var(--cyan);color:#071310;font-weight:800;padding:.62rem .9rem;cursor:pointer}button.quiet{background:transparent;color:var(--text);border-color:#617789}button.danger{background:var(--red);border-color:var(--red);color:#1b0606}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tabs{display:flex;gap:.5rem;list-style:none;padding:0;overflow:auto}.tabs button{white-space:nowrap;background:transparent;color:var(--text);border-color:var(--line)}.tabs button[aria-current=page]{border-color:var(--cyan);color:var(--cyan)}#updated,.notice{color:var(--muted)}.notice[data-kind=error],.dialog-error{color:#ff9b9b}.dialog-error:empty{display:none}.notice[data-kind=uncertain]{color:var(--focus)}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.75rem}.record{border:1px solid var(--line);border-radius:.5rem;padding:.8rem;min-width:0}.record h3{margin-top:0;overflow-wrap:anywhere}.fields{display:grid;grid-template-columns:minmax(8rem,35%) 1fr;gap:.3rem .7rem;margin:0}.fields dt{color:var(--muted);overflow-wrap:anywhere}.fields dd{margin:0;overflow-wrap:anywhere}.strategy-actions{margin-top:.75rem}dialog{width:min(36rem,calc(100% - 2rem));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:.75rem}dialog::backdrop{background:#000b}#confirmation-field[hidden]{display:none}@media(max-width:44rem){.masthead,.auth-panel,.controls,.view-heading,.form-row{align-items:stretch;flex-direction:column}.auth-panel form{min-width:0}.button-row{flex-wrap:wrap}.button-row button{flex:1}.masthead{align-items:flex-start}.fields{grid-template-columns:1fr}.fields dd{margin-bottom:.5rem}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s,border-color .15s}}
