:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f4f5f7;color:#1a1a2e}.card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;width:100%;margin:1rem}h1{font-size:1.25rem;margin:0 0 .25rem}p.sub{color:#667;margin:0 0 1.5rem;font-size:.9rem}label{display:block;font-size:.85rem;font-weight:600;margin:1rem 0 .35rem}input{width:100%;padding:.6rem .75rem;font-size:1rem;border:1px solid #ccd;border-radius:8px;background:inherit;color:inherit}input:focus{outline:2px solid #4a6cf7;border-color:transparent}input:disabled,input[readonly]{background:#eef0f4;color:#556;cursor:not-allowed}button{font-weight:600;color:#fff;background:#4a6cf7;border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:default}.msg{margin-top:1rem;padding:.6rem .75rem;border-radius:8px;font-size:.85rem}.msg.error{background:#fdeaea;color:#a12626}.msg.success{background:#e7f6ec;color:#1a8a4a}.msg.warn{background:#fdf4e3;color:#8a5a1a}body[data-route=self]{align-items:center}body[data-route=self] .card{max-width:440px;padding:2.5rem}body[data-route=self] button{margin-top:1.5rem;width:100%;padding:.7rem;font-size:1rem}body[data-route=self] .readonly-note{font-size:.72rem;color:#889;font-weight:400;margin-left:.4rem}body[data-route=pwreset]{align-items:center}body[data-route=pwreset] .card{max-width:420px;padding:2.5rem}body[data-route=pwreset] button{width:100%;margin-top:1.5rem;padding:.7rem;font-size:1rem}body[data-route=pwreset] button:disabled{background:#aab;opacity:1;cursor:not-allowed}body[data-route=pwreset] ul.hints{font-size:.8rem;color:#667;padding-left:1.2rem;margin:.75rem 0 0}body[data-route=pwreset] ul.hints li.ok{color:#1a8a4a}@media(prefers-color-scheme:dark){body[data-route=pwreset]{background:#14141f;color:#e8e8f0}body[data-route=pwreset] .card{background:#1e1e2e;box-shadow:none}body[data-route=pwreset] p.sub,body[data-route=pwreset] ul.hints{color:#99a}body[data-route=pwreset] input{border-color:#445}}body[data-route=admin]{align-items:flex-start;padding:2rem 1rem}body[data-route=admin] .card{max-width:720px;padding:2rem}body[data-route=admin] .card.narrow{max-width:420px;margin-top:12vh}body[data-route=admin] h2{font-size:1rem;margin:1.5rem 0 .5rem}body[data-route=admin] button{margin-top:1rem;padding:.6rem 1rem;font-size:.95rem}body[data-route=admin] button.secondary{background:#5a6478}body[data-route=admin] button.danger{background:#b3352c}body[data-route=admin] button:disabled{opacity:.55}body[data-route=admin] button.full{width:100%}body[data-route=admin] button.backlink{background:none;border:0;color:#4a6cf7;cursor:pointer;padding:0;font-size:.85rem;margin:0 0 .5rem;font-weight:400}body[data-route=admin] .row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}body[data-route=admin] table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}body[data-route=admin] th,body[data-route=admin] td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid #e6e8ee}body[data-route=admin] th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#778}body[data-route=admin] tr.clickable:hover{background:#f7f8fb;cursor:pointer}body[data-route=admin] .pill{display:inline-block;padding:.1rem .5rem;border-radius:99px;font-size:.72rem;font-weight:600}body[data-route=admin] .pill.on{background:#e7f6ec;color:#1a8a4a}body[data-route=admin] .pill.off{background:#fdeaea;color:#a12626}body[data-route=admin] .pill.lock{background:#fdf4e3;color:#8a5a1a}body[data-route=admin] .topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}body[data-route=admin] .muted{color:#778;font-size:.8rem}body[data-route=admin] dl.kv{display:grid;grid-template-columns:9rem 1fr;gap:.35rem 1rem;margin:.5rem 0 0;font-size:.9rem}body[data-route=admin] dl.kv dt{color:#778}body[data-route=admin] dl.kv dd{margin:0}body[data-route=sandbox-dns]{align-items:flex-start;padding:2rem 1rem}body[data-route=sandbox-dns] .card{max-width:1000px;padding:2rem}body[data-route=sandbox-dns] button{padding:.5rem 1rem;font-size:.85rem}body[data-route=sandbox-dns] .summary{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem}body[data-route=sandbox-dns] .summary-item{color:#667}body[data-route=sandbox-dns] table{width:100%;border-collapse:collapse;font-size:.875rem}body[data-route=sandbox-dns] th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#889;border-bottom:1px solid #e2e4ea;padding:0 .5rem .5rem}body[data-route=sandbox-dns] td{padding:.6rem .5rem;border-bottom:1px solid #f0f1f5;vertical-align:middle}body[data-route=sandbox-dns] td.host{font-family:ui-monospace,Cascadia Mono,Menlo,monospace}body[data-route=sandbox-dns] td.instance{color:#334}body[data-route=sandbox-dns] td.instance .instance-line+.instance-line{margin-top:.35rem}body[data-route=sandbox-dns] td.instance .id{display:block;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:.8rem}body[data-route=sandbox-dns] td.instance .name{display:block;font-size:.78rem;color:#778}body[data-route=sandbox-dns] td.instance .none{color:#aab}body[data-route=sandbox-dns] td.detail{color:#667}body[data-route=sandbox-dns] .pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}body[data-route=sandbox-dns] .pill-online{background:#e7f6ec;color:#1a8a4a}body[data-route=sandbox-dns] .pill-degraded{background:#fdf4e3;color:#8a5a1a}body[data-route=sandbox-dns] .pill-unhealthy{background:#fdeaea;color:#a12626}body[data-route=sandbox-dns] .pill-offline{background:#eef0f4;color:#556}body[data-route=sandbox-dns] .pill-unassigned{background:#eef0f4;color:#778}body[data-route=sandbox-dns] .pill-no-target{background:#fdf4e3;color:#8a5a1a}body[data-route=sandbox-dns] .pill-unknown{background:#eef0f4;color:#778}body[data-route=sandbox-dns] .footer{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}body[data-route=sandbox-dns] .stamp{font-size:.75rem;color:#889}