:root{--bg:#16181c;--panel:#1e2126;--line:#2c3037;--ink:#e8e6e3;--dim:#9aa0a8;--accent:#ff8c1a;--ok:#4caf7d;--warn:#e0b33a;--bad:#e0603a;--accent-weak:#2a2113;--ok-weak:#16261e;--paper:#fff;--on-accent:#1a1206;--field:#14161a;--radius:6px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:20px}h2{margin:24px 0 8px;font-size:16px}.btn,button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button.link{color:var(--accent);text-align:left;font-size:inherit;line-height:inherit;background:0 0;border:none;padding:0}button.link:hover:not(:disabled){border-color:#0000;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:6px 10px;font-family:inherit;font-size:14px}textarea{resize:vertical;min-height:120px;line-height:1.8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.dim{color:var(--dim)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>input,.row>select,.row>textarea{flex:auto;min-width:0}.row>.btn,.row>button{white-space:nowrap;flex:none}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center}.spread,.stack{gap:12px;display:flex}.stack{flex-direction:column}.grid{gap:12px;display:grid}.muted-note{color:var(--dim);font-size:12px}.error{color:var(--bad)}.num{font-variant-numeric:tabular-nums}