:root{--ink: #16181d;--muted: #666c78;--line: #d9dde5;--bg: #f6f7f9;--accent: #2a4d8f;--bad: #a3232b;--good: #1d6b3f;color-scheme:light}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--accent)}header.bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid var(--line)}header.bar .brand{font-weight:600}header.bar nav{display:flex;gap:1rem;margin-left:auto;align-items:center}main{max-width:46rem;margin:2rem auto;padding:0 1.25rem}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.card h2{margin:0 0 1rem;font-size:1.05rem}.field{display:block;margin-bottom:1rem}.field-label{display:block;font-weight:500;margin-bottom:.25rem}.field-hint{display:block;color:var(--muted);font-size:.85rem;margin-top:.25rem}input[type=text],input[type=email],input[type=password],input[type=number]{width:100%;padding:.5rem .6rem;border:1px solid var(--line);border-radius:5px;font:inherit}button{font:inherit;padding:.45rem .9rem;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:#fff;cursor:pointer}button.secondary{background:#fff;color:var(--accent)}button.danger{background:#fff;color:var(--bad);border-color:var(--bad)}button:disabled{opacity:.55;cursor:default}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.problem{color:var(--bad);background:#fdf2f2;border:1px solid #f0c9cb;padding:.6rem .8rem;border-radius:5px}.notice{color:var(--good);background:#f1f8f3;border:1px solid #c6e2d0;padding:.6rem .8rem;border-radius:5px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--line)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.pill{font-size:.78rem;padding:.1rem .45rem;border-radius:99px;border:1px solid var(--line);background:var(--bg)}.quadrant{margin-bottom:1.5rem}.quadrant h3{margin:0 0 .15rem;font-size:.95rem}.quadrant .field-hint{margin-top:0;margin-bottom:.5rem}ul.items{list-style:none;margin:0;padding:0}.item{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line)}.item-draft{flex-basis:100%;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-top:.25rem;border:1px solid var(--line);border-radius:6px}.draft-text{width:100%;font:inherit;line-height:1.45;padding:.6rem;border:1px solid var(--line);border-radius:4px;resize:vertical}.item:last-child{border-bottom:none}.item-main{min-width:0}.item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34rem}.item-meta{font-size:.82rem}.problem-inline{color:var(--bad)}main{max-width:62rem}.settings{display:grid;grid-template-columns:15rem 1fr;gap:1.5rem;align-items:start}.settings-nav{position:sticky;top:1rem}.settings-group{margin-bottom:1.5rem}.settings-group h3{margin:0 0 .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.settings-group ul{list-style:none;margin:0;padding:0}.settings-link{display:block;padding:.5rem .7rem;border-radius:6px;text-decoration:none;color:var(--ink);border:1px solid transparent}.settings-link:hover{background:#fff;border-color:var(--line)}.settings-link.active{background:#fff;border-color:var(--accent)}.settings-label{display:block;font-weight:500}.settings-blurb{display:block;font-size:.8rem;color:var(--muted)}.settings-panel{min-width:0}@media(max-width:46rem){.settings{grid-template-columns:1fr}.settings-nav{position:static}}.connection-list{list-style:none;margin:0;padding:0}.connection{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.connection:last-child{border-bottom:0}.connection p{margin:.2rem 0 0;font-size:.85rem}.connection.revoked{opacity:.55}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.05rem .45rem;vertical-align:.1em}
