:root{font:15px/1.5 system-ui,sans-serif;color-scheme:light dark;--bg:#f6f7f9;--panel:#fff;--ink:#17232d;--muted:#637180;--line:#d7dfe6;--accent:#3266d4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}header{display:flex;align-items:center;gap:20px;padding:18px max(20px,calc((100vw - 1000px)/2));border-bottom:1px solid var(--line);background:var(--panel)}header>a{font-size:22px;font-weight:750}nav{margin-left:auto;display:flex;align-items:center;gap:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:1000px;margin:28px auto;padding:0 20px 60px}h1{font-size:26px}h2{font-size:18px}p{color:var(--muted)}section,fieldset{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0;min-width:0}fieldset legend{font-weight:650}label{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:var(--muted)}input,textarea,select,button{font:inherit}input,textarea,select{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);min-width:0;width:100%}textarea{min-height:85px;resize:vertical}input[type=checkbox]{width:auto}label.check{flex-direction:row;align-items:center}button{border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--panel);color:var(--ink);cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}.meta{font:13px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted)}code{overflow-wrap:anywhere}#notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 18px;border-radius:10px;background:var(--ink);color:var(--panel);box-shadow:0 4px 24px #0003}#notice:empty{display:none}.badge{display:inline-block;padding:2px 9px;border-radius:20px;background:var(--bg);color:var(--muted);font-size:13px;margin:0 8px}.error{color:#d14d56}.muted{color:var(--muted);font-size:13px}small{color:var(--muted)}@media(prefers-color-scheme:dark){:root{--bg:#0c1218;--panel:#171f29;--ink:#e1e8ef;--muted:#a4afbd;--line:#303d4a;--accent:#84acff}}@media(max-width:600px){header{padding:14px 16px;gap:12px}header>span{display:none}main{margin:18px auto;padding:0 14px 55px}section,fieldset{padding:14px}.grid{display:block}}