:root{--bg: #e9edf0;--panel: #ffffff;--ink: #15202b;--muted: #5e6b78;--rule: #cdd5dc;--accent: #1c5fd6;--up: #1f9d61;--down: #d2481e;--wait: #c08a12;--ui: "Atkinson Hyperlegible", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #12181e;--panel: #1a222a;--ink: #e6ecf1;--muted: #93a1ae;--rule: #2c3741;--accent: #6b9cf2;--up: #3fcf8a;--down: #f07a4f;--wait: #e2b33f;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--ui)}.page{max-width:880px;margin:0 auto;padding:40px 20px 64px}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}h1{font-size:1.75rem;line-height:1.2;margin:0;letter-spacing:-.01em}h2{font-size:1.125rem;margin:0 0 6px}.summary,.quiet{color:var(--muted);margin:0}.add{margin-bottom:20px}.add label{display:block;font-weight:700;font-size:.875rem;margin-bottom:6px}.add-row{display:flex;gap:8px}input{flex:1;min-width:0;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:9px 12px}button{font:inherit;font-weight:700;border:0;border-radius:6px;padding:9px 16px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--rule)}button.link{background:none;color:var(--accent);padding:4px 6px;font-weight:400}button.link.danger{color:var(--down)}:is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{color:var(--down);border-left:3px solid var(--down);padding:4px 12px;margin:0 0 20px}.empty{color:var(--muted);border:1px dashed var(--rule);border-radius:8px;padding:28px;text-align:center}.enroll{background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:20px;margin-bottom:20px}.enroll p{margin:0 0 12px;color:var(--muted);max-width:70ch}.command{margin:0 0 12px;padding:12px 14px;background:var(--bg);border-radius:6px;overflow-x:auto;font:.8125rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-all}.enroll-actions{display:flex;gap:8px}.panel{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--rule);border-radius:8px}.row{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:16px;padding:14px 18px}.row+.row{border-top:1px solid var(--rule)}.row-main{display:flex;flex-direction:column;min-width:0}.row-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-status{font-size:.875rem;color:var(--muted)}.row-ip{font:.875rem var(--mono);color:var(--muted)}.row-actions{display:flex;gap:4px}.led{width:12px;height:12px;border-radius:50%;border:1px solid var(--rule);background:var(--bg)}.led-online{background:var(--up);border-color:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 22%,transparent),0 0 10px color-mix(in srgb,var(--up) 55%,transparent)}.led-offline{background:var(--down);border-color:var(--down)}.led-pending{border-color:var(--wait);background:color-mix(in srgb,var(--wait) 35%,transparent);animation:blink 1.6s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.35}}.row-history{grid-column:1 / -1;margin:0;font-size:.875rem}.history{list-style:none;padding:4px 0 0 30px;display:grid;gap:6px}.history li{display:grid;grid-template-columns:8px auto 1fr;gap:10px;align-items:center}.history .led{width:8px;height:8px;box-shadow:none}@media (prefers-reduced-motion: reduce){.led-pending{animation:none}}@media (max-width: 600px){.row{grid-template-columns:14px 1fr;row-gap:6px}.row-ip,.row-actions{grid-column:2}.add-row{flex-direction:column}}.account{display:flex;align-items:baseline;gap:8px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:24px}.tab{background:none;color:var(--muted);border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:8px 12px}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.summary{margin-bottom:16px}.notice{border-left:3px solid var(--wait);padding:4px 12px;margin:0 0 20px}.you{color:var(--muted);font-weight:400}.password{margin-top:32px;max-width:420px}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px}.auth-brand{color:var(--muted);font-weight:700;margin:0 0 12px}.auth-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--rule);border-radius:8px;padding:28px}.auth-card h1{font-size:1.375rem;margin-bottom:16px}.stack{display:flex;flex-direction:column;gap:14px}.stack label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.875rem}.stack p{margin:0}.small{font-size:.875rem}.code-input{font:1.25rem var(--mono);letter-spacing:.15em}.qr{align-self:center;border-radius:6px;background:#fff;padding:8px}details summary{cursor:pointer;color:var(--accent)}.secret{display:block;margin-top:8px;font:.9375rem var(--mono);word-break:break-all}.recovery{list-style:none;margin:0;padding:12px 16px;background:var(--bg);border-radius:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;font:.875rem var(--mono)}@media (max-width: 420px){.recovery{grid-template-columns:1fr}}.row.row-person{grid-template-columns:14px 1fr auto}@media (max-width: 600px){.row.row-person{grid-template-columns:14px 1fr}}