*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f7f9;--surface: #ffffff;--text: #1a222c;--muted: #5c6773;--accent: #0f6cbd;--border: #d9dee5;--code-bg: #10151c;--code-text: #e6edf5;--error: #b42318}@media(prefers-color-scheme:dark){:root{--bg: #10151c;--surface: #18202b;--text: #e6edf5;--muted: #97a3b0;--accent: #4da3e8;--border: #2a3541;--code-bg: #0b0f14}}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.gate form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:22rem;display:flex;flex-direction:column;gap:.9rem;text-align:center}.gate h1{font-size:1.4rem}.gate p{color:var(--muted);font-size:.9rem}.gate input{padding:.65rem .8rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem}.gate input:focus{outline:2px solid var(--accent);outline-offset:1px}.gate button{padding:.65rem;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.gate button:disabled{opacity:.6;cursor:default}.gate .error{color:var(--error);font-weight:600}.page{max-width:52rem;margin:0 auto;padding:3rem 1.5rem 5rem}.page header{margin-bottom:2.5rem}.page h1{font-size:1.9rem;line-height:1.25}.page .subtitle{color:var(--muted);margin-top:.5rem;font-size:1.05rem}.page section{margin-bottom:2.2rem}.page h2{font-size:1.25rem;margin-bottom:.7rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.page p{margin-bottom:.7rem}.page ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.45rem}.codeblock{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:.8rem}.codeblock-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .9rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.85rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.codeblock-bar button{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.25rem .7rem;font-size:.8rem;cursor:pointer}.codeblock-bar button:hover{border-color:var(--accent)}.codeblock pre{background:var(--code-bg);color:var(--code-text);padding:1rem;overflow-x:auto;font-size:.82rem;line-height:1.5}.codeblock code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}