.help-body{--bg:#0b1220;--card:#131c2e;--sidebar-border:#26324a;--text:#e5e7eb;--muted:#94a3b8;--accent:#2563eb;--on-accent:#fff;--link:#7cb4ff;margin:0;padding:24px 16px 40px;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:light){.help-body{--bg:#f3f5f9;--card:#fff;--sidebar-border:#d5dbe6;--text:#111827;--muted:#4b5563;--accent:#1d4ed8;--link:#1d4ed8}}
.help-body *,.help-body *:before,.help-body *:after{box-sizing:border-box}
.help-app{--ha:var(--accent,#d6a84b);--hb:var(--sidebar-border,var(--border,#33415c));--hc:var(--card,var(--surface,#131c2e));--hm:var(--muted,#94a3b8);--hmark:#f5b400;max-width:1500px;margin:auto}
.help-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:18px;align-items:end;padding:24px 26px;border-radius:16px;background:color-mix(in srgb,var(--hc) 88%,var(--ha));border:1px solid var(--hb);margin-bottom:18px}
.help-back{display:inline-block;margin:0 0 10px;padding:6px 12px;border-radius:8px;border:1px solid var(--hb);color:var(--link,var(--ha));text-decoration:none;font-size:.9rem;font-weight:600}.help-back:hover{background:color-mix(in srgb,var(--ha) 14%,transparent)}
.help-hero h1{margin:0 0 6px}.help-hero p{margin:0;color:var(--hm);max-width:75ch}
.help-search{display:flex}.help-search input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid var(--hb);background:var(--hc);color:inherit;font:inherit}
.help-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}
.help-cats{position:sticky;top:16px;display:grid;gap:12px;padding:14px;border:1px solid var(--hb);border-radius:14px;background:var(--hc);max-height:calc(100vh - 32px);overflow:auto}
.help-cats__group{display:grid;gap:2px}.help-cats__group>span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hm);padding:2px 8px}
.help-cats button{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 10px;border-radius:8px;font-size:.92rem;line-height:1.25}
.help-cats button:hover{background:color-mix(in srgb,var(--ha) 16%,transparent)}
.help-cats button:focus-visible{outline:2px solid var(--ha);outline-offset:1px}
.help-cats button[aria-current=true]{background:var(--ha);color:var(--on-accent,#fff);font-weight:700}
.help-cats button[hidden]{display:none}
.help-main{min-width:0}
.help-cat{padding:22px;border:1px solid var(--hb);border-radius:16px;background:var(--hc)}
.help-cat:not(.is-active){display:none}
.help-app.is-searching .help-cat.is-match{display:block;margin-bottom:18px}
.help-app.is-searching .help-cat:not(.is-match){display:none}
.help-cat__head h2{margin:2px 0 6px}.help-path{margin:0;font-size:.8rem;color:var(--hm)}
.help-lead{color:var(--hm);margin:0 0 14px;max-width:95ch}
.help-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px;border-bottom:1px solid var(--hb);padding-bottom:10px}
.help-tabs button{all:unset;cursor:pointer;padding:7px 12px;border-radius:8px;border:1px solid var(--hb);font-size:.9rem}
.help-tabs button[aria-selected=true]{background:var(--ha);color:var(--on-accent,#fff);border-color:var(--ha);font-weight:700}
.help-tabs button:focus-visible{outline:2px solid var(--ha);outline-offset:2px}
.help-shot{margin:0}.help-shot[hidden]{display:none}
.help-shot figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:700;margin-bottom:10px}
.help-shot__body{display:grid;gap:14px}
.help-frame{position:relative;border:1px solid var(--hb);border-radius:10px;overflow:hidden;background:#0b1220;cursor:zoom-in;line-height:0}
.help-frame img{display:block;width:100%;height:auto}
.help-spot{position:absolute;box-sizing:border-box;border:2px solid var(--hmark);border-radius:6px;background:color-mix(in srgb,var(--hmark) 10%,transparent);padding:0;cursor:pointer;min-width:10px;min-height:10px;transition:background .15s,box-shadow .15s}
.help-spot span{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--hmark);color:#1f1607;font:800 12px/22px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #0b1220}
.help-spot:hover,.help-spot.is-on{background:color-mix(in srgb,var(--hmark) 28%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--hmark) 45%,transparent);z-index:2}
.help-spot:focus-visible{outline:3px solid #fff;outline-offset:2px}
.help-legend{counter-reset:l;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px}
.help-legend li{counter-increment:l;position:relative;padding:8px 10px 8px 40px;border:1px solid var(--hb);border-radius:9px;font-size:.9rem;line-height:1.4;cursor:pointer}
.help-legend li:before{content:counter(l);position:absolute;left:9px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--hmark);color:#1f1607;font-weight:800;font-size:12px;display:grid;place-items:center}
.help-legend li.no-spot:before{background:var(--hm)}
.help-legend li:hover,.help-legend li.is-on{border-color:var(--hmark);background:color-mix(in srgb,var(--hmark) 12%,transparent)}
.help-howto{margin-top:22px}.help-howto h3{margin:18px 0 8px}
.help-steps{counter-reset:s;display:grid;gap:8px;padding:0;list-style:none}
.help-steps>li{counter-increment:s;position:relative;padding:10px 12px 10px 46px;background:color-mix(in srgb,var(--hc) 88%,var(--ha));border:1px solid var(--hb);border-radius:10px}
.help-steps>li:before{content:counter(s);position:absolute;left:12px;top:9px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--ha);color:var(--on-accent,#1f1607);font-weight:800}
.help-note,.help-warning{padding:11px 14px;border-left:4px solid #4aa3df;border-radius:6px;background:color-mix(in srgb,#4aa3df 12%,var(--hc));margin:12px 0}
.help-warning{border-color:#e29a36;background:color-mix(in srgb,#e29a36 12%,var(--hc))}
.help-kbd{display:inline-block;padding:1px 6px;border:1px solid var(--hb);border-radius:6px;background:var(--hc);font-weight:700;font-family:ui-monospace,monospace;font-size:.85em;line-height:1.5}
.help-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:8px 0}
.help-table td:first-child{white-space:nowrap}.help-table th,.help-table td{padding:9px;border-bottom:1px solid var(--hb);text-align:left;vertical-align:top}
.help-status{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.help-status--ok{background:#36b37e}.help-status--warn{background:#f5a623}.help-status--bad{background:#e15252}.help-status--info{background:#4aa3df}
.help-empty{padding:28px;text-align:center;border:1px dashed var(--hb);border-radius:14px}
.help-zoom{width:min(96vw,1600px);max-height:94vh;padding:0;border:1px solid var(--hb);border-radius:12px;background:#0b1220;color:#fff}
.help-zoom::backdrop{background:rgba(0,0,0,.75)}
.help-zoom__body{overflow:auto;max-height:94vh}.help-zoom__body .help-frame{cursor:default;border:0;border-radius:0}
.help-zoom__close{position:fixed;right:max(3vw,16px);top:max(4vh,16px);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#111;font-size:18px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:900px){.help-hero,.help-layout{grid-template-columns:1fr}.help-cats{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:6px}.help-cats__group{display:contents}.help-cats__group>span{display:none}.help-cats button{border:1px solid var(--hb)}.help-cat{padding:14px}.help-spot span{width:18px;height:18px;left:-9px;top:-9px;font-size:10px;line-height:18px}}
@media(max-width:520px){.help-body{padding:12px 10px 28px}.help-hero{padding:16px}}
.help-cat a{color:var(--link,var(--ha))}