.stage[data-v-834fe975]{perspective:900px;touch-action:none;user-select:none;-webkit-user-select:none;width:min(97vw,520px);aspect-ratio:1;margin:0 auto;cursor:grab}.stage.dragging[data-v-834fe975]{cursor:grabbing}.wheel[data-v-834fe975]{width:100%;height:100%;display:block;transform:rotateX(var(--tx)) rotateY(var(--ty));transform-style:preserve-3d;transition:transform .35s ease;filter:drop-shadow(0 14px 20px rgba(0,0,0,.55));overflow:visible}.dragging .wheel[data-v-834fe975]{transition:none}.ring[data-v-834fe975]{fill:none;stroke:#4a3220;stroke-width:1.2}text[data-v-834fe975]{text-anchor:middle;font-family:Georgia,Times New Roman,serif;fill:#2c1a0e;pointer-events:none}.t-major text[data-v-834fe975]{font-size:22px;font-weight:700;letter-spacing:.5px;transition:fill .3s}.t-major text.sel[data-v-834fe975]{fill:#8b2f0c}.t-major text.long[data-v-834fe975]{font-size:15px;letter-spacing:0}.t-minor text[data-v-834fe975]{font-size:15px;font-weight:600}.t-dim text[data-v-834fe975]{font-size:13px;font-weight:600}.roman[data-v-834fe975]{font-size:10px;fill:#fff3dd;font-weight:700;letter-spacing:.5px;paint-order:stroke;stroke:#6e3618;stroke-width:3px}.hub-title[data-v-834fe975]{font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:10.5px;font-weight:700;fill:#f7ead2}@media(prefers-reduced-motion:reduce){.wheel[data-v-834fe975]{transition:none;transform:none}}.field[data-v-d4a320b3]{padding:8px 16px 40px;max-width:520px;margin:0 auto}.field-head[data-v-d4a320b3]{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.eyebrow[data-v-d4a320b3]{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#b08d5e}.key[data-v-d4a320b3]{margin:0;font-family:Georgia,Times New Roman,serif;font-size:36px;color:#f3e2c2;line-height:1}.grid[data-v-d4a320b3]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;perspective:800px}.card[data-v-d4a320b3]{transform-style:preserve-3d}.card[data-v-d4a320b3]:nth-child(7){grid-column:1 / span 2}.card:nth-child(7) .face[data-v-d4a320b3]{flex-direction:row;align-items:center;justify-content:space-between}.face[data-v-d4a320b3]{background:linear-gradient(160deg,#f0deb8,#d9bd86);border-radius:12px;padding:10px 10px 9px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px #8a5b32,0 12px 18px #00000073;color:#2c1a0e;min-height:84px}.card:nth-child(7) .face[data-v-d4a320b3]{min-height:0}.top[data-v-d4a320b3]{display:flex;justify-content:space-between;align-items:center;gap:4px}.roman[data-v-d4a320b3]{font-family:Georgia,serif;font-weight:700;font-size:13px;color:#6e3618}.fn[data-v-d4a320b3]{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;padding:2px 5px;border-radius:99px;color:#fff;white-space:nowrap}.chord[data-v-d4a320b3]{font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1}.chord small[data-v-d4a320b3]{font-size:12px;opacity:.7}.notes[data-v-d4a320b3]{font-size:11px;color:#5b3a24;letter-spacing:.5px}.cadence[data-v-d4a320b3]{font-size:10px;color:#8a6a3a;margin-top:3px;padding-top:4px;border-top:1px dashed rgba(110,54,24,.25);white-space:nowrap}.cadence em[data-v-d4a320b3]{font-style:normal;font-size:8px;letter-spacing:1px;opacity:.7;margin-right:3px}.card:nth-child(7) .cadence[data-v-d4a320b3]{border:0;margin:0;padding:0}.fn-t[data-v-d4a320b3]{background:#6e3618}.fn-s[data-v-d4a320b3]{background:#8a6a3a}.fn-d[data-v-d4a320b3]{background:#b0442a}.legend[data-v-d4a320b3]{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:11px;color:#b08d5e;margin:16px 0 0}.dot[data-v-d4a320b3]{width:9px;height:9px;border-radius:50%;display:inline-block;margin-left:4px}.flip-enter-active[data-v-d4a320b3]{animation:flip-d4a320b3 .55s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i) * 45ms)}.flip-leave-active[data-v-d4a320b3]{display:none}@keyframes flip-d4a320b3{0%{transform:rotateX(-90deg) translateY(-10px);opacity:0}to{transform:rotateX(0) translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.flip-enter-active[data-v-d4a320b3]{animation:none}}.app[data-v-2f61234c]{min-height:100dvh;padding-top:env(safe-area-inset-top)}.bar[data-v-2f61234c]{text-align:center;padding:16px 16px 2px}.bar h1[data-v-2f61234c]{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:18px;letter-spacing:1px;color:#f3e2c2}.bar p[data-v-2f61234c]{margin:4px 0 0;font-size:12px;color:#b08d5e;letter-spacing:1px}.wheel-area[data-v-2f61234c]{position:relative;padding:6px 0 22px}.arrow[data-v-2f61234c]{position:absolute;bottom:0;width:36px;height:36px;border-radius:50%;border:1px solid #6e3618;background:#6e361859;color:#f3e2c2;font-size:26px;line-height:1;cursor:pointer;z-index:2}.arrow[data-v-2f61234c]:first-child{left:14px}.arrow[data-v-2f61234c]:last-child{right:14px}.arrow[data-v-2f61234c]:focus-visible{outline:2px solid #f3e2c2;outline-offset:2px}.toggle[data-v-2f61234c]{display:flex;align-items:center;justify-content:center;gap:10px;margin:-6px auto 8px;cursor:pointer;color:#e3cb9c;font-size:13px}.toggle small[data-v-2f61234c]{color:#b08d5e}.toggle input[data-v-2f61234c]{position:absolute;opacity:0;width:0;height:0}.track[data-v-2f61234c]{width:40px;height:22px;border-radius:11px;background:#4a3220;border:1px solid #6e3618;position:relative;transition:background .25s}.knob[data-v-2f61234c]{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#c9a96f;transition:transform .25s}.toggle input:checked+.track[data-v-2f61234c]{background:#8b4a2b}.toggle input:checked+.track .knob[data-v-2f61234c]{transform:translate(18px);background:#f3e2c2}.toggle input:focus-visible+.track[data-v-2f61234c]{outline:2px solid #f3e2c2;outline-offset:2px}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(circle at 50% 20%,#3b281a,#2a1b12 45%,#1b110b);color:#f3e2c2;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100dvh}