.cycle-notes{display:block}.cycle-svg{display:block;width:min(100%,520px);height:auto;margin:auto}.cycle-ring.outer{stroke:#28d9ed;stroke-width:2;fill:none}.cycle-ring.inner{stroke:#304963;stroke-width:1.5;fill:#08111f}.cycle-arrow{fill:none;stroke:#5cf0ad;stroke-width:2;opacity:.85}.cycle-minor,.cycle-acc{text-anchor:middle;dominant-baseline:middle}.cycle-minor{fill:#9fb0c5;font-size:12px;font-weight:800}.cycle-acc{fill:#55eeb0;font-size:10px;font-weight:900}.cycle-svg.detailed .cycle-node circle{fill:#102039;stroke:#32dff0;stroke-width:1.5}.cycle-svg.detailed .cycle-node text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:13px;font-weight:900}.cycle-svg.detailed .cycle-center{text-anchor:middle;fill:#39deee;font-size:18px;font-weight:950}.cycle-svg.detailed .cycle-center.small{fill:#91a5ba;font-size:9px;letter-spacing:.12em}
.cycle-foundation,.key-signature-exercises,.theory-interval-atlas{margin-top:20px;padding:24px;border:1px solid #2a405c;border-radius:18px;background:#07101d}.cycle-foundation h3,.key-signature-exercises h3,.theory-interval-atlas h3{margin:7px 0;font-size:1.55rem}.cycle-foundation header p,.key-signature-exercises header p,.theory-interval-atlas header p{max-width:920px;color:#adbdcf;line-height:1.65}.cycle-staff-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cycle-staff-examples>article{grid-column:1/-1;padding:17px;border-radius:12px;background:#0e1a2b}.theory-staff{margin:0;padding:12px;border:1px solid #2c415d;border-radius:12px;background:#fff;color:#101820}.theory-staff figcaption{min-height:2.4em;margin-bottom:5px;font-weight:900}.theory-staff svg{display:block;width:100%;height:auto}.mini-staff-lines line{stroke:#182128;stroke-width:1}.mini-staff-clef text{fill:#111;font:50px "Noto Music","Times New Roman",serif}.mini-noteheads ellipse{fill:#111}.staff-signature{fill:#111;font:36px Georgia,serif;letter-spacing:-4px}.signature-write-grid,.signature-identify-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key-signature-exercises h4{margin:24px 0 10px}.theory-interval-table{display:grid;gap:8px}.interval-table-head,.interval-table-row{display:grid;grid-template-columns:.55fr repeat(4,1fr);gap:8px}.interval-table-head{padding:0 10px;color:#40ddeb;font-size:.78rem}.interval-table-row{padding:10px;border:1px solid #2b405a;border-radius:12px;background:#0c1828}.interval-table-row>strong,.interval-table-row>span{display:grid;align-content:center}.interval-table-row>span{padding:8px;border-radius:8px;background:#111f32;font-weight:900}.interval-table-row small{display:block;margin-top:4px;color:#93a6ba;font-weight:500}.interval-table-row .theory-staff{grid-column:1/-1}.interval-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.interval-kinds article{padding:16px;border:1px solid #2d425f;border-radius:12px;background:#0c1828}.interval-kinds p{color:#a9b8c9;line-height:1.55}.interval-exercise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.interval-exercise-grid article{padding:10px;border:1px solid #2c415d;border-radius:12px;background:#0c1828}.interval-exercise-grid p{color:#aebed0}@media(max-width:850px){.cycle-staff-examples,.signature-write-grid,.signature-identify-grid,.interval-kinds,.interval-exercise-grid{grid-template-columns:1fr 1fr}.interval-table-head{display:none}.interval-table-row{grid-template-columns:repeat(2,1fr)}.interval-table-row>strong{grid-column:1/-1}.interval-table-row .theory-staff{grid-column:1/-1}}@media(max-width:560px){.cycle-foundation,.key-signature-exercises,.theory-interval-atlas{padding:16px}.cycle-staff-examples,.signature-write-grid,.signature-identify-grid,.interval-kinds,.interval-exercise-grid,.interval-table-row{grid-template-columns:1fr}.cycle-staff-examples>article,.interval-table-row>strong,.interval-table-row .theory-staff{grid-column:1}}