:root{color-scheme:dark;--bg:#101116;--surface:#191b22;--border:#30333f;--text:#f4f3ef;--muted:#c2c3cc;--gold:#e1bd75;--purple:#b7a1e8;font-family:system-ui,-apple-system,"Yu Gothic UI","Noto Sans JP",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.85}a{color:var(--gold);text-underline-offset:4px}a:hover{color:#ffe1a5}header,main,footer{width:min(100% - 40px,840px);margin:auto}header{padding:32px 0 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--text);font-size:22px;font-weight:750;letter-spacing:.02em;text-decoration:none}.brand span{color:var(--gold)}nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}main{padding:40px 0 64px}h1{font-size:clamp(28px,5vw,40px);line-height:1.4;margin:0 0 12px;letter-spacing:-.02em}h2{font-size:21px;line-height:1.5;margin:36px 0 12px}p{margin:12px 0}.meta,.muted{color:var(--muted);font-size:14px}.lead{font-size:18px;color:var(--muted);max-width:40em}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin:24px 0}.panel h2{margin-top:0}ul,ol{padding-left:24px}li{margin:8px 0}footer{padding:24px 0 40px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}footer a{margin-right:16px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.button,button{display:inline-block;border:1px solid var(--gold);border-radius:12px;background:var(--gold);color:#191612;text-decoration:none;padding:12px 20px;min-height:48px;font:inherit;font-weight:650;cursor:pointer}.secondary{background:transparent;color:var(--gold)}button:disabled{opacity:.5;cursor:default}label{display:block;margin:20px 0 8px;font-weight:600}input,textarea{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--bg);font:inherit}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--purple);outline-offset:2px}.status{min-height:32px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;vertical-align:top;padding:14px 8px;border-bottom:1px solid var(--border)}th{color:var(--purple)}.table-wrap{overflow:auto}code{overflow-wrap:anywhere}.skip{position:absolute;top:-80px;left:16px;background:var(--surface);padding:8px}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--purple);outline-offset:4px}@media(max-width:520px){header{align-items:flex-start;flex-direction:column;gap:12px;padding-top:24px}main{padding-top:32px}.panel{padding:20px}th,td{min-width:120px}.actions>*{width:100%;text-align:center}}