:root{--bg:#f6f5f2;--card:#fff;--text:#1d1d1f;--muted:#6b6b70;--accent:#2f5bd3;--accent-text:#fff;--border:#deded8;--notice:#fff4d6;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#141416;--card:#1f1f22;--text:#f2f2f4;--muted:#a0a0a8;--accent:#7c9cff;--accent-text:#0d1020;--border:#34343a;--notice:#3a3218}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:560px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:8px 0 16px;font-size:1.4rem}h2{margin:0 0 8px;font-size:1.15rem}h3{margin:0 0 4px;font-size:1rem}p{margin:0 0 12px}ul{margin:0 0 16px;padding-left:20px}li{margin-bottom:6px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.notice{background:var(--notice);border-radius:12px;margin-bottom:16px;padding:12px 16px}label{margin-bottom:14px;font-weight:600;display:block}.req,.hint{color:var(--muted);font-size:.9em;font-weight:400}input:not([type=file]){width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;margin-top:6px;padding:10px 12px;display:block}button,.button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:10px;margin:4px 8px 4px 0;padding:12px 18px;font-weight:600;display:inline-block}button:disabled,.button.disabled{opacity:.5;cursor:default}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}button.link{color:var(--accent);background:0 0;margin:0;padding:0;font-weight:500;text-decoration:underline}.button input{display:none}.step{border-top:1px solid var(--border);padding:14px 0 6px}.bar{background:var(--border);border-radius:5px;height:10px;margin:12px 0 8px;overflow:hidden}.bar div{background:var(--accent);height:100%;transition:width .3s}.muted{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}code{overflow-wrap:anywhere}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.8rem;display:flex}