.cycle-book .book-cover-art h1{font-size:clamp(3rem,5.8vw,6.6rem);line-height:1.05;letter-spacing:-.055em}.cycle-direct{display:flex;align-items:center;gap:.5rem;min-height:44px;margin-top:1rem;color:var(--book-accent);font-weight:700;font-size:.85rem}.cycle-path{display:grid;gap:.7rem;padding:1.5rem;margin:2rem 0;border-radius:var(--gx-radius-md);background:var(--book-surface);text-align:center}.cycle-path span{font-size:.8rem;color:var(--book-accent);font-weight:700}.cycle-path strong{font:600 clamp(1rem,3vw,1.4rem)/1.5 var(--gx-font-display)}
.cycle-more{margin-top:1.5rem;border-top:1px solid var(--book-line)}.cycle-more summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;cursor:pointer;list-style:none;font-weight:700;font-size:.9rem;color:var(--book-accent)}.cycle-more summary::-webkit-details-marker{display:none}.cycle-more[open] summary i{transform:rotate(180deg)}.cycle-more summary:focus-visible{outline:3px solid var(--book-accent);outline-offset:3px}.cycle-more h4{font-size:.9rem;margin:1.2rem 0 .5rem}.cycle-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cycle-tool>p{margin-bottom:1.5rem}.cycle-tool .cycle-facts dt{font-size:.8rem}.cycle-tool .cycle-wheel-caption{font-size:.8rem!important}
.cycle-tool{box-sizing:border-box;margin:2.5rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--book-line);border-radius:var(--gx-radius-md);background:var(--book-surface);color:var(--book-ink);font-family:var(--gx-font-body)}.cycle-tool *{box-sizing:border-box}.cycle-tool h3{margin:0;font:700 1.15rem/1.3 var(--gx-font-display)}.cycle-tool p{font-size:.95rem;line-height:1.55;max-width:none;margin:.8rem 0}.cycle-tool label{display:grid;gap:.35rem;font-size:.8rem;font-weight:700}.cycle-tool select{width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid var(--book-line);border-radius:var(--gx-radius-sm);background:var(--book-paper);color:var(--book-ink);font:500 .95rem var(--gx-font-body)}.cycle-toolbar{display:grid;grid-template-columns:1fr 180px;gap:1rem;align-items:end;margin-bottom:1rem}.cycle-modes{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0 1.5rem}.cycle-tool button{min-height:44px;padding:.6rem .85rem;border:1px solid var(--book-line);border-radius:var(--gx-radius-sm);background:var(--book-paper);color:var(--book-ink);font:600 .8rem/1.3 var(--gx-font-body);cursor:pointer;transition:background var(--gx-duration),border-color var(--gx-duration),color var(--gx-duration)}.cycle-tool button:hover{border-color:var(--book-accent);color:var(--book-accent)}.cycle-tool button[aria-pressed=true],.cycle-tool button.is-playing{background:var(--book-accent);border-color:var(--book-accent);color:var(--book-paper)}.cycle-tool button:disabled{cursor:default;opacity:.5}.cycle-tool :is(button,select):focus-visible{outline:3px solid var(--book-accent);outline-offset:3px}.cycle-workspace{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1fr);gap:1.5rem;align-items:center}.cycle-wheel{position:relative;width:100%;max-width:350px;aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,transparent 54%,var(--book-line) 54%,var(--book-line) 55%,transparent 55%)}.cycle-wheel button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border-radius:50%;font-size:.9rem}.cycle-wheel button.is-neighbor{border:2px solid var(--book-accent)}.cycle-wheel-center{position:absolute;inset:32%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;text-align:center}.cycle-wheel-center strong{font:700 2.2rem/1.1 var(--gx-font-display)}.cycle-wheel-center span{font-size:.72rem;line-height:1.4;margin-top:.5rem;color:var(--book-muted)}.cycle-wheel-caption{font-size:.72rem!important;text-align:center;color:var(--book-muted)}.cycle-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.cycle-facts div{padding:.85rem;border:1px solid var(--book-line);border-radius:var(--gx-radius-sm);background:var(--book-paper)}.cycle-facts dt{font-size:.72rem;color:var(--book-muted)}.cycle-facts dd{margin:.3rem 0 0;font:700 1.2rem/1.2 var(--gx-font-display)}.cycle-output{min-width:0}.cycle-note{color:var(--book-muted);font-size:.8rem!important}.cycle-scale{font-weight:700}.cycle-chords,.cycle-actions,.cycle-audio{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}.cycle-chords button{display:grid;gap:.3rem;min-width:58px}.cycle-chords small{font-size:.7rem;font-weight:400}.cycle-section{padding-top:1.3rem;margin-top:1.3rem;border-top:1px solid var(--book-line)}.cycle-section[hidden]{display:none}.cycle-audio button:first-child{background:var(--book-ink);color:var(--book-paper);border-color:var(--book-ink)}.cycle-status{min-height:1.5em;font-size:.8rem!important;color:var(--book-accent)}.cycle-neck{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.75rem;table-layout:fixed}.cycle-neck th{font-size:.7rem;padding:.3rem;font-weight:600}.cycle-neck td{text-align:center;height:34px;border-right:1px solid var(--book-line);border-bottom:1px solid var(--book-line);background:var(--book-paper);color:var(--book-muted)}.cycle-neck td.is-root{background:var(--book-accent);color:var(--book-paper);font-weight:700}.cycle-neck caption{text-align:left;font-size:.85rem;font-weight:700;margin-bottom:.7rem}.cycle-neck-window{max-width:220px}.cycle-tool .cycle-lab-actions{margin-top:1.5rem}.cycle-tool [hidden]{display:none!important}
@media(max-width:1100px){.cycle-workspace{grid-template-columns:1fr}.cycle-wheel{max-width:310px}}@media(max-width:760px){.cycle-book .book-cover-art h1{font-size:clamp(3rem,12vw,5rem)}.cycle-toolbar{grid-template-columns:1fr}.cycle-wheel{max-width:310px}.cycle-tool{padding:1rem}.cycle-modes button{flex:1 1 auto}.cycle-neck td{height:40px}.cycle-status{min-height:2.5em}}@media(prefers-reduced-motion:reduce){.cycle-tool button{transition:none}}