html.wb-active .home-intro[data-astro-cid-55fzm6vk]{display:none}.home-intro[data-astro-cid-55fzm6vk]{gap:28px;margin:28px 0 12px;display:grid}.home-intro[data-astro-cid-55fzm6vk] h2[data-astro-cid-55fzm6vk]{letter-spacing:-.02em;text-wrap:balance;margin:0 0 6px;font-size:clamp(20px,3vw,26px)}.demo[data-astro-cid-55fzm6vk]{background:linear-gradient(135deg, var(--accent-soft), var(--surface));border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1.2fr;align-items:center;gap:20px;padding:20px;display:grid}.demo-copy[data-astro-cid-55fzm6vk] p[data-astro-cid-55fzm6vk]{color:var(--muted);margin:0 0 10px}.badges[data-astro-cid-55fzm6vk]{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.badges[data-astro-cid-55fzm6vk] li[data-astro-cid-55fzm6vk]{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.demo-art[data-astro-cid-55fzm6vk]{filter:drop-shadow(0 8px 20px #1118271f);justify-self:center;width:100%;max-width:460px;height:auto}.demo-art[data-astro-cid-55fzm6vk] .paper[data-astro-cid-55fzm6vk]{fill:#fff}.demo-art[data-astro-cid-55fzm6vk] .ttl[data-astro-cid-55fzm6vk]{fill:#6b7280;font-size:12px;font-weight:600}.demo-art[data-astro-cid-55fzm6vk] .key-chip[data-astro-cid-55fzm6vk] rect[data-astro-cid-55fzm6vk]{fill:var(--accent)}.demo-art[data-astro-cid-55fzm6vk] .key-chip[data-astro-cid-55fzm6vk] text[data-astro-cid-55fzm6vk]{fill:#fff;text-anchor:middle;font-size:13px;font-weight:800}.demo-art[data-astro-cid-55fzm6vk] .chords[data-astro-cid-55fzm6vk] text[data-astro-cid-55fzm6vk]{font:800 20px var(--f-ui);fill:#1e1b4b}.demo-art[data-astro-cid-55fzm6vk] .tl[data-astro-cid-55fzm6vk]{stroke:#9ca3af}.demo-art[data-astro-cid-55fzm6vk] .tb[data-astro-cid-55fzm6vk]{stroke:#374151;stroke-width:1.4px}.demo-art[data-astro-cid-55fzm6vk] .nums[data-astro-cid-55fzm6vk] rect[data-astro-cid-55fzm6vk]{fill:#fff}.demo-art[data-astro-cid-55fzm6vk] .nums[data-astro-cid-55fzm6vk] text[data-astro-cid-55fzm6vk]{font:700 13px var(--f-num);text-anchor:middle;fill:#111827}.demo-art[data-astro-cid-55fzm6vk] .after[data-astro-cid-55fzm6vk] text[data-astro-cid-55fzm6vk],.demo-art[data-astro-cid-55fzm6vk] .chords[data-astro-cid-55fzm6vk] .after[data-astro-cid-55fzm6vk] text[data-astro-cid-55fzm6vk]{fill:var(--accent)}.demo-art[data-astro-cid-55fzm6vk] .v[data-astro-cid-55fzm6vk]{animation:5s infinite swap}.demo-art[data-astro-cid-55fzm6vk] .after[data-astro-cid-55fzm6vk]{animation-delay:-2.5s}@keyframes swap{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-art[data-astro-cid-55fzm6vk] .v[data-astro-cid-55fzm6vk]{animation:none}.demo-art[data-astro-cid-55fzm6vk] .before[data-astro-cid-55fzm6vk]{opacity:0}}.feats[data-astro-cid-55fzm6vk]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feats[data-astro-cid-55fzm6vk] article[data-astro-cid-55fzm6vk]{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:4px;padding:14px;display:grid}.feats[data-astro-cid-55fzm6vk] svg[data-astro-cid-55fzm6vk]{width:100%;max-width:160px;height:auto}.feats[data-astro-cid-55fzm6vk] h3[data-astro-cid-55fzm6vk]{margin:4px 0 0;font-size:17px}.feats[data-astro-cid-55fzm6vk] p[data-astro-cid-55fzm6vk]{color:var(--muted);margin:0;font-size:14px}.feats[data-astro-cid-55fzm6vk] .c1[data-astro-cid-55fzm6vk]{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.feats[data-astro-cid-55fzm6vk] .c2[data-astro-cid-55fzm6vk]{fill:var(--accent)}.feats[data-astro-cid-55fzm6vk] .big[data-astro-cid-55fzm6vk]{font:800 24px var(--f-ui);text-anchor:middle;fill:var(--accent-ink)}.feats[data-astro-cid-55fzm6vk] .big[data-astro-cid-55fzm6vk].w{fill:#fff}.feats[data-astro-cid-55fzm6vk] .ar[data-astro-cid-55fzm6vk]{fill:none;stroke:var(--muted);stroke-width:2.5px;stroke-linecap:round}.feats[data-astro-cid-55fzm6vk] .wood[data-astro-cid-55fzm6vk],.hi-tools[data-astro-cid-55fzm6vk] .wood[data-astro-cid-55fzm6vk]{fill:#e8cfa6}.feats[data-astro-cid-55fzm6vk] .st[data-astro-cid-55fzm6vk]{stroke:#78716c;stroke-width:1px}.feats[data-astro-cid-55fzm6vk] .fr[data-astro-cid-55fzm6vk]{stroke:#a8a29e;stroke-width:2px}.feats[data-astro-cid-55fzm6vk] .sm[data-astro-cid-55fzm6vk]{font:800 12px var(--f-ui);fill:var(--accent-ink)}.feats[data-astro-cid-55fzm6vk] .tn[data-astro-cid-55fzm6vk]{font:700 11px var(--f-num);fill:var(--accent)}.how[data-astro-cid-55fzm6vk] ol[data-astro-cid-55fzm6vk]{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.how[data-astro-cid-55fzm6vk] li[data-astro-cid-55fzm6vk]{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:12px;display:grid}.how[data-astro-cid-55fzm6vk] .n[data-astro-cid-55fzm6vk]{background:var(--accent);width:34px;height:34px;color:var(--on-accent);border-radius:50%;grid-row:span 2;place-items:center;font-weight:800;display:grid}.how[data-astro-cid-55fzm6vk] small[data-astro-cid-55fzm6vk]{color:var(--muted)}.hi-tools[data-astro-cid-55fzm6vk] ul[data-astro-cid-55fzm6vk]{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.hi-tools[data-astro-cid-55fzm6vk] a[data-astro-cid-55fzm6vk]{box-sizing:border-box;background:var(--surface);border:1px solid var(--line);height:100%;color:var(--fg);border-radius:14px;gap:2px;padding:12px;text-decoration:none;transition:transform .12s,border-color .12s;display:grid}.hi-tools[data-astro-cid-55fzm6vk] a[data-astro-cid-55fzm6vk]:hover{border-color:var(--accent);transform:translateY(-2px)}.hi-tools[data-astro-cid-55fzm6vk] small[data-astro-cid-55fzm6vk]{color:var(--muted);font-size:13px}.ic[data-astro-cid-55fzm6vk]{width:40px;height:40px;margin-bottom:4px}.ic[data-astro-cid-55fzm6vk] .red[data-astro-cid-55fzm6vk]{fill:#e5484d}.ic[data-astro-cid-55fzm6vk] .ring[data-astro-cid-55fzm6vk]{fill:none;stroke:var(--accent);stroke-width:2.5px}.ic[data-astro-cid-55fzm6vk] .g[data-astro-cid-55fzm6vk]{font:800 14px var(--f-ui);text-anchor:middle;fill:var(--accent-ink)}.ic[data-astro-cid-55fzm6vk] .dot[data-astro-cid-55fzm6vk]{fill:var(--accent)}.ic[data-astro-cid-55fzm6vk] .q[data-astro-cid-55fzm6vk]{font:800 12px var(--f-ui);fill:var(--accent-ink);text-anchor:end}.ic[data-astro-cid-55fzm6vk] .ln[data-astro-cid-55fzm6vk]{stroke:var(--muted);stroke-width:1.4px}.ic[data-astro-cid-55fzm6vk] .needle[data-astro-cid-55fzm6vk]{stroke:#e5484d;stroke-width:2.5px;stroke-linecap:round}.hi-tools[data-astro-cid-55fzm6vk] .hi-more[data-astro-cid-55fzm6vk]{margin:10px 0 0}@media (width<=720px){.demo[data-astro-cid-55fzm6vk]{grid-template-columns:1fr;padding:16px}.feats[data-astro-cid-55fzm6vk],.how[data-astro-cid-55fzm6vk] ol[data-astro-cid-55fzm6vk]{grid-template-columns:1fr}.hi-tools[data-astro-cid-55fzm6vk] ul[data-astro-cid-55fzm6vk]{grid-template-columns:repeat(2,1fr)}.feats[data-astro-cid-55fzm6vk] article[data-astro-cid-55fzm6vk]{grid-template-rows:auto auto;grid-template-columns:96px 1fr;align-items:center;column-gap:12px}.feats[data-astro-cid-55fzm6vk] svg[data-astro-cid-55fzm6vk]{grid-row:span 2}}