.co-creation{border-left:1px solid #42646e;padding-left:25px;margin-top:40px}.co-creation h3{font-size:22px;font-weight:400;color:var(--cyan)}
.experiment h2{margin:28px 0;font-size:clamp(26px,3.2vw,44px)}.experiment-intro{max-width:760px}.rhythm-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin:40px 0}.rhythm-field{background:radial-gradient(ellipse,#0c2b37 0,transparent 68%)}.rhythm-field svg{display:block;width:100%;max-width:520px;margin:auto;overflow:visible}.orbit{fill:none;stroke:#284e5c;stroke-width:1}.inner-orbit{fill:none;stroke:#152e3a;stroke-dasharray:2 9}.rhythm-node{fill:#07141d;stroke:#547c89;stroke-width:1.5;transition:fill .16s,stroke .16s}.rhythm-node.active{fill:#86e6e4;stroke:#d7ffff;filter:drop-shadow(0 0 6px #49cecd)}.rhythm-node.current{stroke:white;stroke-width:3}#playhead{fill:#fff;filter:drop-shadow(0 0 5px #9dfaff)}[hidden]{display:none!important}.ring-number{fill:#e9f4f5;font-size:30px;font-family:Arial,sans-serif;font-weight:300}.ring-label{fill:#99bec8;font-size:12px;letter-spacing:.12em}
.rhythm-controls label{display:flex;justify-content:space-between;font-size:14px;color:var(--fg)}.rhythm-controls output{color:var(--cyan);font-variant-numeric:tabular-nums}
.rhythm-controls input[type=range]{width:100%;height:44px;accent-color:#86e6e4;margin:5px 0 24px;cursor:pointer}.rhythm-buttons{display:flex;gap:15px;margin:4px 0 20px}
button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #527d85;background:#0b212b;color:#d8ffff;padding:10px 25px;transition:background .16s,border-color .16s}button:hover{background:#14333b;border-color:var(--cyan)}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.6;cursor:wait}
#rhythm-status,.rhythm-legend,.experiment-note{font-size:12px}.experiment-note{border-left:2px solid #497580;padding-left:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.subscription{border-top:1px solid var(--line);margin:50px auto 0;padding-top:45px;max-width:700px;text-align:left}.subscription h3{font-size:clamp(24px,3vw,34px);font-weight:400;line-height:1.5;color:var(--fg);margin:0 0 20px}
#connect .subscription p{max-width:none;margin:0 0 22px}.formkit-fields{display:flex;gap:15px;align-items:flex-end;margin:28px 0 16px}.formkit-field{flex:1;min-width:0}.formkit-field label{display:block;font-size:12px;margin-bottom:10px}.formkit-input{width:100%;min-height:48px;padding:12px;background:#07131b;border:1px solid #365460;color:var(--fg);border-radius:0;font:inherit;font-size:16px}.formkit-input::placeholder{color:#8da7b1}.formkit-submit{white-space:nowrap;min-height:48px}.formkit-submit[data-active] span{opacity:.55}.formkit-alert{list-style:none;padding:16px;border:1px solid #a6786d;color:#ffd7cc;margin:20px 0}.formkit-alert:empty{display:none}.formkit-alert-success{border-color:#69c3b3;color:#aeeddf}
#connect #subscribe-privacy{font-size:12px;line-height:1.8;color:var(--muted)}#connect #subscription-status{font-size:12px;color:var(--cyan)}html:lang(ja) .subscription h3{letter-spacing:.03em}
@media(max-width:800px){.rhythm-layout{grid-template-columns:1fr;gap:20px}.rhythm-field svg{max-width:390px}.rhythm-controls{max-width:450px;width:100%;margin:auto}}
@media(max-width:560px){.formkit-fields{flex-direction:column;align-items:stretch}.formkit-submit{width:100%}.co-creation{padding-left:17px}.experiment h2{font-size:26px}.rhythm-buttons button{flex:1;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.rhythm-node,button{transition:none}.rhythm-node.active,#playhead{filter:none}}