:root{--bg: #0a0a0c;--bg-raised: #131318;--text: #c8c8d0;--text-dim: #8d8d98;--text-bright: #e8e8f0;--line: rgba(255, 255, 255, .14);--fire: #c0392b;--earth: #27ae60;--air: #d4ac0d;--water: #2980b9;--venus-el: var(--air);--them-el: var(--water);--font-mono: "IBM Plex Mono", "Menlo", monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-text-size-adjust:100%}.cp{max-width:1100px;margin:0 auto;padding:1.25rem 16px 4rem}.cp-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.cp-home{align-self:flex-start;color:var(--text-dim);text-decoration:none;font-size:.75rem;letter-spacing:.08em;transition:color .2s}.cp-home:hover{color:var(--text-bright)}.cp-title{margin:.5rem 0 0;font-weight:400;font-size:clamp(1.4rem,5vw,2.2rem);letter-spacing:-.06em;color:var(--text-bright);text-align:center}.cp-form{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.cp-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.cp-form-person{display:inline-flex;align-items:center;gap:.5rem}.cp-form-person[hidden]{display:none}.cp-time-fields{display:inline-flex;flex-wrap:wrap;gap:.4rem}.cp-time-fields[hidden]{display:none}.cp-tz{max-width:13rem}.cp-time-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;letter-spacing:.06em;color:var(--text-dim);cursor:pointer}.cp-time-toggle input{accent-color:var(--venus-el)}.cp-date-label{font-size:.75rem;letter-spacing:.08em;color:var(--text-dim)}.cp-date{font:inherit;font-size:.85rem;color:var(--text-bright);background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;min-height:2.4rem}.cp-seg{display:inline-flex;flex-wrap:wrap;justify-content:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised)}.cp-seg-btn{font:inherit;font-size:.7rem;letter-spacing:.06em;color:var(--text-dim);background:none;border:none;border-radius:999px;padding:.45rem .9rem;min-height:2.1rem;cursor:pointer;transition:color .2s,background .2s;-webkit-tap-highlight-color:transparent}.cp-seg-btn:hover{color:var(--text-bright)}.cp-seg-btn[aria-checked=true]{color:var(--text-bright);background:color-mix(in srgb,var(--venus-el) 22%,transparent)}@media(max-width:480px){.cp-long{display:none}}.cp-btn{font:inherit;font-size:.75rem;letter-spacing:.08em;color:var(--text-bright);background:transparent;border:1px solid var(--line);border-radius:999px;padding:.6rem 1.2rem;min-height:2.4rem;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,transform .1s;-webkit-tap-highlight-color:transparent}.cp-btn:hover{border-color:#fff6}.cp-btn:active{transform:translateY(1px)}.cp-btn-primary{border-color:var(--venus-el);background:color-mix(in srgb,var(--venus-el) 14%,transparent)}.cp-btn-primary:hover{border-color:var(--venus-el);background:color-mix(in srgb,var(--venus-el) 26%,transparent)}.cp-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}@media(min-width:900px){.cp-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem;align-items:start}.cp-wheel-wrap{position:sticky;top:1rem}}.cp-wheel-wrap{display:flex;flex-direction:column;align-items:center}.cp-wheel{display:block;width:100%;max-width:560px;aspect-ratio:1;overflow:visible;-webkit-user-select:none;user-select:none}.cp-aspect-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1rem;margin:.2rem 0 0;font-size:.66rem;letter-spacing:.04em;color:var(--text-dim)}.cp-aspect-legend[hidden]{display:none}.cp-legend-item:before{content:"";display:inline-block;width:1.4em;margin-right:.45em;vertical-align:.25em;border-top:2px solid currentColor}.cp-legend-item.is-flowing:before{border-color:#5fb3d4}.cp-legend-item.is-tense:before{border-color:#d0605e}.cp-now{min-height:2.6em;margin:.5rem 0 0;font-size:.78rem;letter-spacing:.04em;color:var(--text-bright);text-align:center}.cp-ring{fill:none;stroke:#ffffff38;stroke-width:1.5}.cp-tick{stroke:#ffffff4d}.cp-node .cp-dot{fill:var(--bg);stroke:var(--el);stroke-width:2;stroke-opacity:.55}.cp-node text{fill:var(--text-dim);font-family:var(--font-mono);font-size:12px;text-anchor:middle;dominant-baseline:central}.cp-node.is-in-chord .cp-dot{fill:color-mix(in srgb,var(--el) 28%,var(--bg));stroke-opacity:1}.cp-node.is-in-chord text{fill:var(--text-bright);font-weight:600}.cp-node.is-active .cp-dot{fill:color-mix(in srgb,var(--el) 60%,var(--bg));stroke-opacity:1;stroke-width:3}.cp-node.is-active text{fill:#fff}.cp-halo{fill:var(--el);opacity:0;pointer-events:none;transition:opacity .2s ease}.is-active>.cp-halo{opacity:.3}.cp-sign-glyph{fill:var(--el);fill-opacity:.75;font-size:17px;text-anchor:middle;dominant-baseline:central}.cp-shape{fill:var(--venus-el);fill-opacity:.07;stroke:var(--venus-el);stroke-opacity:.55;stroke-width:1.6;stroke-linejoin:round}polyline.cp-shape{fill:none}.cp-shape.is-partner{fill:var(--them-el);fill-opacity:.04;stroke:var(--them-el);stroke-dasharray:6 5}.cp-shape.is-partner.is-active{fill-opacity:.16}.cp-shape.is-active{fill-opacity:.22;stroke-opacity:1;stroke-width:2.4}.cp-aspect{stroke-width:1.3;stroke-opacity:.5;stroke-linecap:round}.cp-aspect.is-flowing{stroke:#5fb3d4}.cp-aspect.is-tense{stroke:#d0605e}.cp-aspect.is-active{stroke-opacity:1;stroke-width:2.2}.cp-spoke{stroke:#ffffff1f;stroke-width:1}.cp-spoke.is-active{stroke:var(--el);stroke-width:1.8}.cp-planet{cursor:pointer;outline:none;transition:opacity .2s}.cp-planet .cp-dot{fill:var(--bg-raised);stroke:#fff6;stroke-width:1.2}.cp-planet text{fill:var(--text-bright);font-size:14px;text-anchor:middle;dominant-baseline:central;pointer-events:none}.cp-planet.is-outer{opacity:.55}.cp-planet.is-asc .cp-dot{stroke:var(--text-bright);stroke-width:1.6}.cp-planet.is-asc text{font-size:10px;font-weight:600;letter-spacing:.04em}.cp-planet.is-venus .cp-dot{stroke:var(--venus-el);stroke-width:2}.cp-planet:hover,.cp-planet:focus-visible{opacity:1}.cp-planet:focus-visible .cp-dot{stroke:var(--text-bright)}.cp-planet.is-active{opacity:1}.cp-planet.is-active .cp-dot{stroke:var(--el);stroke-width:2.4}.cp-planet.is-partner .cp-dot{fill:var(--bg);stroke:var(--text-bright);stroke-dasharray:3 3}.cp-planet.is-partner.is-active .cp-dot{stroke:var(--el)}.cp-spoke.is-partner{stroke-dasharray:2 4}.cp-pair-line{stroke:#ffffff59;stroke-width:1.4;stroke-dasharray:5 4}.cp-pair-line.is-venus{stroke:var(--venus-el);stroke-opacity:.6}.cp-pair-line.is-active{stroke:var(--text-bright);stroke-opacity:1;stroke-width:2.2}.cp-pair-line.is-venus.is-active{stroke:var(--venus-el)}.cp-pair-line.is-quiet{opacity:0}.cp-pair-line.is-quiet.is-active{opacity:1}.cp-wheel.is-playing .cp-planet:not(.is-active){opacity:.35}.cp-side{display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width:900px){.cp-side{align-items:flex-start;text-align:left}}.cp-chord-label{margin:0;font-size:.72rem;letter-spacing:.08em;color:var(--text-dim)}.cp-chord-name{margin:.2rem 0 .3rem;font-weight:500;font-size:clamp(2rem,8vw,3.2rem);letter-spacing:-.04em;color:var(--venus-el);overflow-wrap:break-word}.cp-chord-them{overflow-wrap:break-word;margin:-.2rem 0 .5rem;font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:-.02em;color:var(--them-el)}.cp-chord-caption{margin:0 0 1.1rem;font-size:.72rem;line-height:1.5;color:var(--text-dim)}.cp-controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.4rem}@media(min-width:900px){.cp-controls{justify-content:flex-start}}.cp-solo-you{border-color:color-mix(in srgb,var(--venus-el) 60%,transparent)}.cp-solo-them{border-color:color-mix(in srgb,var(--them-el) 60%,transparent)}.cp-solo-you:hover{border-color:var(--venus-el)}.cp-solo-them:hover{border-color:var(--them-el)}.cp-arp-toggle[aria-pressed=true]{border-color:var(--venus-el);color:var(--venus-el)}.cp-arp{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin:-.4rem 0 1.4rem;font-size:.68rem;letter-spacing:.06em;color:var(--text-dim)}@media(min-width:900px){.cp-arp{justify-content:flex-start}}.cp-arp-field{display:inline-flex;align-items:center;gap:.4rem}.cp-arp-tempo input{width:6.5rem;accent-color:var(--venus-el)}.cp-arp-tempo output{min-width:2.2em;color:var(--text-bright);font-variant-numeric:tabular-nums}.cp-arp-tempo output:after{content:" bpm";color:var(--text-dim)}.cp-arp select{font:inherit;color:var(--text-bright);background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;min-height:1.9rem}.cp-arp-check input{accent-color:var(--venus-el)}.cp-planets{list-style:none;margin:0;padding:0;width:100%;max-width:30rem;text-align:left}.cp-row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 2.8rem;grid-template-areas:"glyph main note" "glyph rel  note" "glyph hint hint" "glyph them them";column-gap:.6rem;align-items:center;padding:.45rem .6rem;border-radius:8px;border-left:2px solid transparent;cursor:pointer;outline:none;transition:background .2s,border-color .2s}.cp-row:hover,.cp-row:focus-visible{background:#ffffff0a}.cp-row{position:relative}.cp-row-toggle{display:none;position:absolute;left:.45rem;top:50%;transform:translateY(-50%);line-height:0;cursor:pointer}.cp-row-toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:15px;height:15px;margin:0;border-radius:50%;border:1.5px solid var(--text-dim);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}.cp-row-toggle input:checked{background:var(--venus-el);border-color:var(--venus-el);box-shadow:inset 0 0 0 2.5px var(--bg)}.cp-row-toggle input:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}body.arp-on .cp-row-toggle{display:block}body.arp-on .cp-row{padding-left:1.9rem}body.arp-on .cp-row.is-muted>:not(.cp-row-toggle){opacity:.35}body.arp-on .cp-wheel .cp-planet.is-muted{opacity:.2}.cp-row.is-active{background:color-mix(in srgb,var(--el) 16%,transparent);border-left-color:var(--el)}.cp-row.is-outer>:not(.cp-row-toggle){opacity:.65}.cp-row.is-outer.is-active>*{opacity:1}.cp-row-glyph{grid-area:glyph;font-size:1.05rem;text-align:center;color:var(--text-bright)}.cp-row-main{grid-area:main;display:flex;gap:.6rem;align-items:baseline;min-width:0}.cp-row-name{font-size:.82rem;color:var(--text-bright)}.cp-row-sign{font-size:.72rem;color:var(--el);white-space:nowrap}.cp-row-rel{grid-area:rel;font-size:.68rem;color:var(--text-dim)}.cp-row-hint{grid-area:hint;margin-top:.2rem;font-size:.64rem;color:var(--air)}.cp-hint-link{background:none;border:none;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cp-row-them{grid-area:them;margin-top:.2rem;font-size:.66rem;color:var(--them-el)}.cp-row-note{grid-area:note;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.cp-row-pitch{font-size:.95rem;font-weight:600;color:var(--text-bright)}.cp-row-cents{font-size:.62rem;color:var(--text-dim);white-space:nowrap}.cp-row-divider{margin:.8rem 0 .3rem .6rem;font-size:.65rem;letter-spacing:.12em;color:var(--text-dim)}.cp-pair{max-width:56rem;margin:3.5rem auto 0;text-align:center}.cp-pair-title{font-weight:500;font-size:1.1rem;letter-spacing:-.02em;color:var(--text-bright);margin:0 0 .4rem}.cp-pair-lede{max-width:34rem;margin:0 auto 1.1rem;font-size:.8rem;line-height:1.6;color:var(--text-dim)}.cp-btn-quiet{border-color:transparent;color:var(--text-dim)}.cp-pair-result{margin-top:1.5rem}.cp-pair-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;text-align:left}@media(min-width:760px){.cp-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cp-pair-card{border:1px solid var(--line);border-radius:14px;background:var(--bg-raised);padding:1rem 1.1rem .6rem}.cp-pair-card p{margin:0}.cp-pair-kicker{font-size:.72rem;letter-spacing:.08em;color:var(--text-bright)}.cp-pair-notes{font-size:.68rem;color:var(--text-dim);margin-top:.2rem!important}.cp-pair-role{padding:.75rem 0;border-top:1px solid var(--line);margin-top:.75rem;font-size:.75rem;line-height:1.55;color:var(--text)}.cp-pair-role+.cp-pair-role{margin-top:0}.cp-pair-role{position:relative;padding-right:82px;min-height:92px}.cp-liss{position:absolute;top:.8rem;right:0;width:70px;height:70px;overflow:visible}.cp-liss{color:var(--venus-el)}.cp-pair-role-label{font-size:.62rem;letter-spacing:.12em;color:var(--text-dim)}.cp-pair-name{font-size:1.05rem;color:var(--text-bright);margin:.15rem 0 .25rem!important}.cp-pair-tag{color:var(--venus-el);font-weight:600}.cp-pair-note{max-width:36rem;margin:1.1rem auto 1rem;font-size:.72rem;line-height:1.6;color:var(--text-dim)}.cp-explain{max-width:40rem;margin:3.5rem auto 0;font-size:.82rem;line-height:1.7;color:var(--text)}.cp-explain h3{font-weight:500;font-size:.9rem;letter-spacing:.08em;color:var(--text-bright);margin:0 0 .8rem}.cp-explain em{font-style:normal;color:var(--text-bright)}.cp-explain-note{color:var(--text-dim);font-size:.75rem}.cp-cta{display:inline-block;margin-top:1rem;text-align:center}.cp-explainer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem 16px;background:#0a0a0ca6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .45s ease}.cp-explainer[hidden]{display:none}.cp-explainer.is-visible{opacity:1;pointer-events:auto}.cp-explainer-card{max-width:360px;width:100%;max-height:100%;overflow-y:auto;background:#101014d9;border-radius:2.4rem;padding:2rem 1.8rem 1.6rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 32px 80px #000000b3,inset 0 1px #ffffff0a;transform:translateY(10px);transition:transform .45s cubic-bezier(.22,1,.36,1)}.cp-explainer.is-visible .cp-explainer-card{transform:translateY(0)}.cp-explainer-card:focus{outline:none}.cp-explainer-body{margin:0;font-size:.82rem;line-height:1.65;color:var(--text)}.cp-explainer-lead{text-align:center;font-size:.9rem;color:var(--text-bright)}#cp-explainer-chord{font-weight:600;color:var(--venus-el);overflow-wrap:break-word}.cp-explainer-icon{display:block;position:relative;width:72px;height:72px;margin:0 auto;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 42%,#141b2e,#0a0e18 75%)}.cp-explainer-icon img{position:absolute;top:50%;left:50%;width:108%;height:108%;transform:translate(-50%,-50%);display:block}.cp-explainer-icon:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffffa6,#fff0);transform:skew(-20deg);animation:cp-lunarlog-shimmer 5.5s ease-in-out infinite}@keyframes cp-lunarlog-shimmer{0%{left:-150%}40%{left:150%}to{left:150%}}.cp-explainer-link{background:none;border:none;padding:0;font:inherit;color:var(--text-bright);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8c8d059;cursor:pointer;transition:text-decoration-color .2s}.cp-explainer-link:hover{text-decoration-color:#c8c8d0cc}.cp-explainer-actions{margin-top:.4rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.cp-explainer-actions .cp-btn-primary{text-decoration:none;text-align:center}.cp-explainer-secondary{font-size:.8rem;opacity:.75}@media(prefers-reduced-motion:reduce){.cp-explainer-icon:after{animation:none}.cp-halo,.cp-planet{transition:none}}