:root{--bg: #0f1115;--surface: #181b22;--border: #2a2f3a;--text: #e8eaf0;--text-dim: #9aa3b2;--accent: #4f8cff;--accent-hover: #6ba0ff;--danger: #ff5c5c;--ok: #3ecf8e;--radius: 10px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.4rem;margin:0 0 .25rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header.site{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:.9rem 1.25rem}header.site .brand{font-weight:700;color:var(--text)}header.site nav{display:flex;gap:1rem;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-top:1.25rem}.muted{color:var(--text-dim);font-size:.9rem}button,.btn{appearance:none;border:1px solid var(--border);background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer}button:hover{background:var(--accent-hover)}button.secondary{background:transparent;color:var(--text)}button.secondary:hover{background:var(--surface)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;margin-top:1rem;font-weight:600}input,select{width:100%;margin-top:.35rem;padding:.5rem .65rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font:inherit}.status{margin-top:1rem;min-height:1.4em;font-size:.9rem}.status[data-kind=error]{color:var(--danger)}.status[data-kind=ok]{color:var(--ok)}.actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between}.card h2{font-size:1.05rem;margin:0 0 .5rem}.plain-list{list-style:none;padding:0;margin:0}.prewrap{white-space:pre-wrap;margin:0}fieldset.bare{border:none;margin:0;padding:0}