.hd-penta{--m1: #2a78d6;--m1-ink: #fff;--m2: #eda100;--m2-ink: #1a1613;--m3: #1baf7a;--m3-ink: #1a1613;--m4: #4a3aa7;--m4-ink: #fff;--m5: #e87ba4;--m5-ink: #1a1613}[data-theme=dark] .hd-penta{--m1: #3987e5;--m1-ink: #fff;--m2: #c98500;--m2-ink: #141210;--m3: #199e70;--m3-ink: #141210;--m4: #9085e9;--m4-ink: #141210;--m5: #d55181;--m5-ink: #141210}.hd-penta .pn-strip{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}.hd-penta .pn-center-bar{fill:color-mix(in srgb,var(--accent) 12%,var(--surface));stroke:var(--accent);stroke-width:1.5}.hd-penta .pn-center-label{font:600 13px DM Sans,sans-serif;fill:var(--text)}.hd-penta .pn-center-role{font:400 10.5px DM Sans,sans-serif;fill:var(--text-mid)}.hd-penta .pn-chan-line{stroke:var(--border-strong);stroke-width:2.5;stroke-dasharray:5 5;transition:stroke .2s,stroke-width .2s}.hd-penta .pn-chan-line.on{stroke:var(--accent);stroke-width:6;stroke-dasharray:none;stroke-linecap:round}.hd-penta .pn-chan-name{font:600 12px DM Sans,sans-serif;fill:var(--text-mid);text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:8px;stroke-linejoin:round;transition:fill .2s}.hd-penta .pn-chan-name.on{fill:var(--text)}.hd-penta .pn-gate{fill:var(--surface);stroke:var(--accent);stroke-width:1.5;transition:stroke .2s}.hd-penta .pn-gate.off{stroke:var(--border-strong);stroke-dasharray:3 3}.hd-penta .pn-gate-num{font:700 11.5px DM Sans,sans-serif;fill:var(--text);text-anchor:middle;dominant-baseline:central}.hd-penta .pn-gate-num.off{fill:var(--text-soft);font-weight:400}.hd-penta .pn-flow-arrow{stroke:var(--text-soft);stroke-width:1.5;fill:none;marker-end:url(#pnDocsArrow)}.hd-penta .pn-flow-label{font:500 8.5px DM Sans,sans-serif;fill:var(--text-soft)}.hd-penta .pn-arrowhead{fill:var(--text-soft)}.hd-penta .pn-alpha-star{fill:var(--accent)}.hd-penta .mdot circle{fill:var(--text-soft);stroke:var(--surface);stroke-width:1.5}.hd-penta .mdot text{font:700 8.5px DM Sans,sans-serif;fill:var(--surface);text-anchor:middle;dominant-baseline:central}@keyframes pn-dot-pop{0%{opacity:0;transform:scale(.4)}}.hd-penta .mdot{transform-box:fill-box;transform-origin:center;animation:pn-dot-pop .25s ease-out}.hd-penta .mdot circle.m1{fill:var(--m1)}.hd-penta .mdot text.m1{fill:var(--m1-ink)}.hd-penta .mdot circle.m2{fill:var(--m2)}.hd-penta .mdot text.m2{fill:var(--m2-ink)}.hd-penta .mdot circle.m3{fill:var(--m3)}.hd-penta .mdot text.m3{fill:var(--m3-ink)}.hd-penta .mdot circle.m4{fill:var(--m4)}.hd-penta .mdot text.m4{fill:var(--m4-ink)}.hd-penta .mdot circle.m5{fill:var(--m5)}.hd-penta .mdot text.m5{fill:var(--m5-ink)}.hd-penta.is-forming .pn-strip{opacity:.55}.hd-penta.is-live{border:1px solid var(--border);border-radius:14px;background:var(--bg);padding:1.1rem 1.1rem .9rem;text-align:left}.hd-penta.is-live>figcaption{display:none}.hd-penta .pw-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.9rem}.hd-penta .pw-presets-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin-right:.2rem}.hd-penta .pw-preset{min-height:44px;padding:.3rem .85rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-mid);font:500 .82rem DM Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.hd-penta .pw-preset:hover{border-color:var(--accent);color:var(--text)}.hd-penta .pw-preset[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.hd-penta .pw-body{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:1.1rem;align-items:center}.hd-penta .pw-members{display:flex;flex-direction:column;gap:.45rem}.hd-penta .pw-member{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.35rem .65rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;font-family:DM Sans,sans-serif;transition:border-color .15s,background .15s,opacity .15s}.hd-penta .pw-member:hover{border-color:var(--accent)}.hd-penta .pw-dot{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.hd-penta .pw-member[aria-pressed=true] .pw-dot.m1{background:var(--m1);color:var(--m1-ink)}.hd-penta .pw-member[aria-pressed=true] .pw-dot.m2{background:var(--m2);color:var(--m2-ink)}.hd-penta .pw-member[aria-pressed=true] .pw-dot.m3{background:var(--m3);color:var(--m3-ink)}.hd-penta .pw-member[aria-pressed=true] .pw-dot.m4{background:var(--m4);color:var(--m4-ink)}.hd-penta .pw-member[aria-pressed=true] .pw-dot.m5{background:var(--m5);color:var(--m5-ink)}.hd-penta .pw-member[aria-pressed=false]{border-color:var(--border);background:transparent}.hd-penta .pw-member[aria-pressed=false] .pw-dot{background:transparent;color:var(--text-soft);box-shadow:inset 0 0 0 1.5px var(--border-strong)}.hd-penta .pw-member[aria-pressed=false] .pw-name,.hd-penta .pw-member[aria-pressed=false] .pw-role{color:var(--text-soft)}.hd-penta .pw-who{display:flex;flex-direction:column;line-height:1.25}.hd-penta .pw-name{font-size:.85rem;font-weight:600;color:var(--text)}.hd-penta .pw-role{font-size:.72rem;color:var(--text-mid)}.hd-penta .pw-hint{margin:.35rem 0 0;font-size:.75rem;line-height:1.45;color:var(--text-soft)}.hd-penta .pw-status{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border)}.hd-penta .pw-story{margin:0 0 .4rem;font-size:.88rem;line-height:1.55;color:var(--text)}.hd-penta .pw-meta{margin:0;font-size:.78rem;line-height:1.9;color:var(--text-mid)}.hd-penta .pw-chip{display:inline-block;padding:.05rem .5rem;margin:0 .15rem;border-radius:999px;white-space:nowrap}.hd-penta .pw-chip-gap{border:1.5px dashed var(--border-strong);color:var(--text-mid)}.hd-penta .pw-chip-dup{border:1.5px solid color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text-mid)}@media(max-width:640px){.hd-penta.is-live{padding:.85rem .75rem .7rem}.hd-penta .pw-body{grid-template-columns:1fr;gap:.75rem}.hd-penta .pw-members{flex-direction:row;flex-wrap:wrap;gap:.4rem}.hd-penta .pw-member{padding:.25rem .6rem .25rem .4rem}.hd-penta .pw-who{flex-direction:row;align-items:baseline;gap:.35rem}.hd-penta .pw-hint{flex-basis:100%}}
/*# sourceMappingURL=penta.css.map */