:root{color-scheme:light dark;--bg: #f6f6f7;--surface: #ffffff;--surface-2: #fbfbfc;--ink: #16181d;--ink-2: #4c5260;--ink-3: #818894;--line: #e3e5e9;--accent: #2f57d6;--accent-ink: #ffffff;--danger: #b42318;--danger-bg: #fef3f2;--ok: #067647;--ok-bg: #ecfdf3;--radius: 10px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 10%);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #14161a;--surface: #1b1e24;--surface-2: #202430;--ink: #ecedf1;--ink-2: #b3b9c6;--ink-3: #838b9a;--line: #2b303b;--accent: #7e9cff;--accent-ink: #10131a;--danger: #ff9b90;--danger-bg: #2d1a18;--ok: #6ee7b7;--ok-bg: #14251d;--shadow: none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:12.5px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 20px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px;font-weight:700}.spacer{flex:1}.who{color:var(--ink-3);font-size:13px}main{max-width:960px;margin:0 auto;padding:28px 20px 80px}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login{width:100%;max-width:360px;padding:26px}.login p{margin:6px 0 20px;color:var(--ink-2);font-size:13.5px}label{display:block;margin-bottom:6px;font-size:13px;font-weight:550;color:var(--ink-2)}input[type=text],input[type=password],input[type=number],input[type=color],textarea,select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:14px}input[type=color]{padding:3px;height:38px;cursor:pointer}textarea{resize:vertical;min-height:90px;line-height:1.5}textarea.prompt{min-height:280px;font-family:var(--mono);font-size:13px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{margin-bottom:16px}.hint{margin:5px 0 0;font-size:12.5px;color:var(--ink-3)}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}button{font:inherit;font-size:13.5px;font-weight:550;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}button:hover:not(:disabled){border-color:var(--ink-3)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled){filter:brightness(1.06)}button.ghost{background:transparent;border-color:transparent;color:var(--ink-2);padding:6px 8px}button.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--line)}button.danger{background:#b91c1c;border-color:#b91c1c;color:#fff;padding:6px 10px}button.danger:hover:not(:disabled){filter:brightness(1.08)}.nowrap{white-space:nowrap}.hint.warn{color:#9a3412}.hint code{font-size:12px;background:var(--surface-2);padding:1px 4px;border-radius:4px}.actions{display:flex;gap:10px;align-items:center;margin-top:4px}.notice{margin:0 0 16px;padding:10px 12px;border-radius:8px;font-size:13.5px;border:1px solid var(--line);background:var(--surface-2)}.notice.error{color:var(--danger);background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.notice.ok{color:var(--ok);background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.page-head p{margin:4px 0 20px;color:var(--ink-2);font-size:13.5px}.sites{display:grid;gap:10px}.site-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer}.site-row:hover{border-color:var(--ink-3)}.site-name{font-weight:600}.site-meta{color:var(--ink-3);font-size:12.5px}.counts{display:flex;gap:8px;margin-left:auto;align-items:center}.pill{padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:12px;color:var(--ink-2);white-space:nowrap}.pill.lead{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}.detail-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.keybox{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--line);border-radius:8px;background:var(--surface-2);margin-bottom:20px;font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}.section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.section>h2{margin-bottom:14px}.empty{color:var(--ink-3);font-size:13.5px;margin:0}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-weight:600;padding:0 8px 8px 0;border-bottom:1px solid var(--line)}td{padding:9px 8px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:none}.hist-what{color:var(--ink-2)}.hist-diff{display:block;margin-top:3px;color:var(--ink-3);font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.lead-msg{color:var(--ink-2);max-width:42ch}@media (max-width: 640px){main{padding:20px 14px 60px}.row{flex-direction:column}.site-row{flex-wrap:wrap}.counts{margin-left:0;width:100%}table,th,td{font-size:13px}}
