.howto-button{position:fixed;top:12px;right:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 2px 8px #00000014;font-size:.9rem}.howto-button>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:.85rem}.howto{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 20px 60px #0000004d}.howto::backdrop{background:#140f0a80}.howto-body{padding:20px 24px 24px;line-height:1.55}.howto header{display:flex;justify-content:space-between;align-items:center;gap:12px}.howto h2{margin:0}.howto h3{margin:1.4em 0 .4em;font-size:1.05rem;color:var(--accent)}.howto ul,.howto ol{padding-left:1.3em;margin:.4em 0}.howto li{margin:.35em 0}.howto-lead{font-size:1.05rem}.howto-close{background:none;border:0;font-size:1.8rem;line-height:1;padding:0 4px;color:var(--muted)}.howto-cats{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.howto-cats li{margin:0;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:.9rem}.howto-tip{color:var(--muted);font-style:italic}.howto-footer{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:520px){.howto-button{top:8px;right:8px;font-size:.8rem}.howto-body{padding:16px}}.howto .code-block{background:color-mix(in srgb,var(--text) 6%,var(--surface));border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:.78rem/1.45 ui-monospace,monospace;overflow-x:auto;white-space:pre}.howto code{font:.85em ui-monospace,monospace;background:color-mix(in srgb,var(--text) 6%,transparent);padding:0 4px;border-radius:4px}.howto a{color:var(--accent)}