:root{--bg:#0a0a0f;--surface:#13131a;--border:#23233a;--text:#e0e0e8;--muted:#808098;--accent:#9d8cff;--green:#00d68f;--red:#ff4757;--danger:#ff4757;--orange:#f0932b;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:clip}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,system-ui,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}#root>footer{margin-top:auto}input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:1em}input:focus{border-color:var(--accent)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:1em;font-weight:600;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){opacity:.85}@keyframes swapSpin{to{transform:rotate(360deg)}}@keyframes swap-pulse{0%,to{opacity:.15}50%{opacity:.45}}.how-wrap{max-width:1140px;margin:0 auto;padding:48px 28px 80px;position:relative}.how-toc{z-index:5;width:220px;max-height:calc(100vh - 120px);padding:8px 0;overflow-y:auto;position:fixed!important;top:88px!important;left:max(28px,50vw - 542px)!important}.how-toc a:hover{color:var(--accent)}.how-main{min-width:0;margin-left:276px;font-size:1rem;line-height:1.7}.how-main h2[id]{scroll-margin-top:80px}.how-h2:hover .how-anchor,.how-anchor:focus{opacity:1!important}.how-anchor:hover{color:var(--accent)!important}@media (width<=900px){.how-toc{width:100%;max-height:none;margin-bottom:20px;position:static;left:auto}.how-main{margin-left:0}.how-wrap{padding:32px 20px}}.onion-full{display:none}.onion-mini{display:inline}@media (width>=1400px){.onion-full{display:inline}.onion-mini{display:none}}@media (width<=640px){body{font-size:15px}button{padding:12px 16px}header>nav{flex-basis:100%!important;order:3!important;margin-left:0!important}header button,header a{min-height:36px;padding:6px 10px!important;font-size:.82em!important}header{gap:6px!important;padding:10px 14px!important}main{width:100%!important;max-width:100vw!important;padding:12px!important;overflow:hidden!important}main *{min-width:0}}@media (width<=380px){header{padding:8px 10px!important}header button,header a{padding:5px 8px!important;font-size:.75em!important}}