@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";.psychedelic-bg[data-v-dd2d171d]{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}.barn-scene[data-v-39b0645f]{z-index:200;pointer-events:none;position:fixed;top:50%;left:0;transform:translateY(-50%)}.barn-frame[data-v-39b0645f]{width:180px;height:220px;position:relative;overflow:visible}.fog-container[data-v-39b0645f]{pointer-events:none;z-index:199;width:100vw;height:100vh;position:fixed;top:0;left:0}.fog[data-v-39b0645f]{background:radial-gradient(#fff9 0%,#0000 70%);border-radius:50%;animation-fill-mode:forwards;position:absolute;left:-10%}.fog-1[data-v-39b0645f]{width:60vw;height:30vh;animation:6s ease-out forwards fogDrift1-39b0645f;top:35%}.fog-2[data-v-39b0645f]{width:50vw;height:25vh;animation:7s ease-out .3s forwards fogDrift2-39b0645f;top:45%}.fog-3[data-v-39b0645f]{width:45vw;height:20vh;animation:5.5s ease-out .6s forwards fogDrift3-39b0645f;top:40%}@keyframes fogDrift1-39b0645f{0%{opacity:.8;left:-10%;transform:scale(.5)}60%{opacity:.5}to{opacity:0;left:40%;transform:scale(2)}}@keyframes fogDrift2-39b0645f{0%{opacity:.6;left:-5%;transform:scale(.4)translateY(20px)}to{opacity:0;left:50%;transform:scale(1.8)translateY(-30px)}}@keyframes fogDrift3-39b0645f{0%{opacity:.7;left:-8%;transform:scale(.6)translateY(-10px)}to{opacity:0;left:35%;transform:scale(1.5)translateY(20px)}}.barn-door[data-v-39b0645f]{transform-origin:0;background:#8b4513;border:2px solid #5c2e0a;flex-direction:row;width:90px;height:220px;transition:transform 1s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;overflow:hidden;box-shadow:inset -2px 0 8px #0000004d}.barn-door.right[data-v-39b0645f]{transform-origin:100%;left:90px;box-shadow:inset 2px 0 8px #0000004d}.barn-door.left.open[data-v-39b0645f]{transform:perspective(600px)rotateY(-75deg)}.barn-door.right.open[data-v-39b0645f]{transform:perspective(600px)rotateY(75deg)}.door-plank[data-v-39b0645f]{background:linear-gradient(#9b5523 0%,#8b4513 30%,#7b3a10 60%,#8b4513 100%);border-right:1px solid #6b3410;flex:1}.door-plank[data-v-39b0645f]:last-of-type{border-right:none}.door-brace[data-v-39b0645f]{background:#6b3410;border-radius:2px;height:12px;position:absolute;left:5px;right:5px}.door-brace.top[data-v-39b0645f]{top:30px;transform:rotate(-15deg)}.door-brace.bottom[data-v-39b0645f]{bottom:30px;transform:rotate(15deg)}.barn-door.right .door-brace.top[data-v-39b0645f]{transform:rotate(15deg)}.barn-door.right .door-brace.bottom[data-v-39b0645f]{transform:rotate(-15deg)}.door-handle[data-v-39b0645f]{background:#333;border-radius:2px;width:8px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.barn-door.left .door-handle[data-v-39b0645f]{right:8px}.barn-door.right .door-handle[data-v-39b0645f]{left:8px}.sam[data-v-39b0645f]{opacity:0;width:100px;height:160px;transition:opacity .6s,transform .6s cubic-bezier(.34,1.56,.64,1),left 1.5s cubic-bezier(.4,0,.2,1);position:absolute;top:20px;left:40px;transform:scale(.8)}.sam.peeking[data-v-39b0645f]{opacity:1;transform:scale(1)}.sam.scampering[data-v-39b0645f]{transition:left 2.5s cubic-bezier(.2,0,.8,1);left:calc(100vw + 200px)}.sam-svg[data-v-39b0645f]{filter:drop-shadow(2px 4px 6px #00000040);width:100%;height:100%}.peeking:not(.scampering) .wave-arm[data-v-39b0645f]{transform-origin:78px 72px;animation:.4s ease-in-out 4 alternate armWave-39b0645f}.peeking:not(.scampering) .wave-hand[data-v-39b0645f]{animation:.4s ease-in-out 4 alternate handWave-39b0645f}@keyframes armWave-39b0645f{0%{transform:rotate(0)}to{transform:rotate(-25deg)}}@keyframes handWave-39b0645f{0%{transform:translate(0)}to{transform:translate(-8px,-12px)}}.scampering .leg-left[data-v-39b0645f],.scampering .foot-left[data-v-39b0645f]{animation:.12s ease-in-out infinite alternate runLeft-39b0645f}.scampering .leg-right[data-v-39b0645f],.scampering .foot-right[data-v-39b0645f]{animation:.12s ease-in-out infinite alternate runRight-39b0645f}@keyframes runLeft-39b0645f{0%{transform:translate(-5px)}to{transform:translate(5px)}}@keyframes runRight-39b0645f{0%{transform:translate(5px)}to{transform:translate(-5px)}}.darla[data-v-39b0645f]{opacity:0;width:160px;height:120px;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1),left 2.2s cubic-bezier(.2,0,.8,1);position:absolute;top:30px;left:10px;transform:scale(.7)}.darla.emerging[data-v-39b0645f]{opacity:1;transform:scale(.9)}.darla.chasing[data-v-39b0645f]{transition:left 2.5s cubic-bezier(.3,0,.7,1);left:calc(100vw + 300px)}.darla-svg[data-v-39b0645f]{filter:drop-shadow(2px 3px 5px #0003);width:100%;height:100%}.chasing .darla-leg-fl[data-v-39b0645f]{animation:.1s ease-in-out infinite alternate gallopFront-39b0645f}.chasing .darla-leg-bl[data-v-39b0645f],.chasing .darla-leg-fr[data-v-39b0645f]{animation:.1s ease-in-out infinite alternate gallopBack-39b0645f}.chasing .darla-leg-br[data-v-39b0645f]{animation:.1s ease-in-out infinite alternate gallopFront-39b0645f}.chasing .darla-tail[data-v-39b0645f]{animation:.2s ease-in-out infinite alternate tailWhip-39b0645f}@keyframes gallopFront-39b0645f{0%{transform:translateY(-3px)rotate(-8deg)}to{transform:translateY(3px)rotate(8deg)}}@keyframes gallopBack-39b0645f{0%{transform:translateY(3px)rotate(8deg)}to{transform:translateY(-3px)rotate(-8deg)}}@keyframes tailWhip-39b0645f{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.flatitude-chain[data-v-55d9a720]{position:relative}.chain-track[data-v-55d9a720]{align-items:center;gap:.25rem;padding:.5rem 0;display:flex;overflow-x:auto}.chain-node[data-v-55d9a720]{border:2px solid var(--color-border,#ddd);background:var(--color-bg,#fff);cursor:pointer;white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem .75rem;font-family:inherit;transition:all .8s;display:flex}.chain-node[data-v-55d9a720]:hover{border-color:var(--color-accent,#e8594f)}.chain-node.active[data-v-55d9a720]{background:var(--color-accent,#e8594f);border-color:var(--color-accent,#e8594f);color:#fff;transform:scale(1.05)}.chain-node.visited[data-v-55d9a720]{border-color:var(--color-accent-muted,#f0a8a3);background:var(--color-accent-muted-bg,#fff5f5)}.node-name[data-v-55d9a720]{font-size:.8rem;font-weight:700}.chain-edge[data-v-55d9a720]{color:var(--color-text-muted,#999);flex-direction:column;flex-shrink:0;align-items:center;padding:0 .1rem;transition:color .8s;display:flex}.chain-edge.past[data-v-55d9a720]{color:var(--color-accent,#c0593a)}.edge-label[data-v-55d9a720]{font-size:.85rem;font-weight:700;line-height:1}.edge-arrow[data-v-55d9a720]{font-size:.7rem;line-height:1}.fretboard-view[data-v-b70f4e5c]{padding:1rem 0;overflow-x:auto}.fretboard[data-v-b70f4e5c]{flex-direction:column;gap:0;min-width:fit-content;display:flex}.fret-numbers[data-v-b70f4e5c]{align-items:center;display:flex}.inlay-row[data-v-b70f4e5c]{align-items:center;height:1.25rem;display:flex}.inlay-cell[data-v-b70f4e5c]{flex:1;justify-content:center;align-items:center;gap:3px;min-width:3.5rem;display:flex}.inlay.diamond[data-v-b70f4e5c]{background:var(--color-text-muted,#999);opacity:.35;width:7px;height:7px;transform:rotate(45deg)}.string-label-spacer[data-v-b70f4e5c]{flex-shrink:0;width:1.75rem}.fret-number[data-v-b70f4e5c]{text-align:center;color:var(--color-text-muted,#999);flex:1;min-width:3.5rem;font-size:.7rem;font-weight:600}.string-row[data-v-b70f4e5c]{align-items:center;height:1.75rem;display:flex}.string-label[data-v-b70f4e5c]{text-align:center;width:1.75rem;color:var(--color-text-muted,#888);flex-shrink:0;font-size:.75rem;font-weight:600}.fret-cell[data-v-b70f4e5c]{flex:1;justify-content:center;align-items:center;min-width:3.5rem;height:100%;display:flex;position:relative}.string-line[data-v-b70f4e5c]{background:var(--color-border,#ccc);height:1px;position:absolute;top:50%;left:0;right:0}.fret-wire[data-v-b70f4e5c]{background:var(--color-border,#bbb);width:1.5px;position:absolute;top:0;bottom:0;right:0}.fret-cell.is-nut .fret-wire[data-v-b70f4e5c]{background:var(--color-text,#333);width:3px}.note-dot[data-v-b70f4e5c]{z-index:1;background:var(--color-scale-note,#4a6fa5);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .8s;display:flex;position:relative}.note-dot.root[data-v-b70f4e5c]{background:var(--color-root,#2a9d8f);border-radius:4px;transform:scale(1.15)}.note-dot.pivot[data-v-b70f4e5c]{background:var(--color-pivot,#c0593a);box-shadow:0 0 0 3px var(--color-pivot-glow,#d4a090);animation:1.2s pulse-b70f4e5c}.note-dot.root.pivot[data-v-b70f4e5c]{background:var(--color-pivot,#c0593a);box-shadow:0 0 0 3px var(--color-root-muted,#7dc4bb);border-radius:4px}.note-label[data-v-b70f4e5c]{color:#fff;font-size:.65rem;font-weight:700}@keyframes pulse-b70f4e5c{0%{opacity:.5;transform:scale(.8)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.interval-bar[data-v-26bd5b86]{justify-content:center;margin-bottom:-2px;padding:0 1.5rem;display:flex}.interval-svg[data-v-26bd5b86]{width:70%;height:auto}.whole-step[data-v-26bd5b86]{fill:var(--color-step-whole,#3b5998);transition:all .8s}.half-step[data-v-26bd5b86]{fill:var(--color-step-half,#e8594f);transition:all .8s}.step-label[data-v-26bd5b86]{fill:#fff;text-anchor:middle;dominant-baseline:central;opacity:.9;pointer-events:none;font-family:Inter,SF Pro,system-ui,sans-serif;font-size:13px;font-weight:700}.piano-view[data-v-21c733b3]{justify-content:center;padding:0 1.5rem;display:flex}.piano-svg[data-v-21c733b3]{width:70%;height:auto}.white-key[data-v-21c733b3]{fill:#f8f7f4;stroke:#d0cdc6;stroke-width:1.5px}.black-key[data-v-21c733b3]{fill:#2c2c2c;stroke:#1a1a1a;stroke-width:1px}.clickable[data-v-21c733b3]{cursor:pointer}.clickable[data-v-21c733b3]:hover{filter:brightness(.95)}.marker-circle[data-v-21c733b3]{transition:all .8s}.ghost-marker[data-v-21c733b3]{fill:var(--color-scale-note,#4a6fa5);opacity:.15;transition:all .8s}.marker-label[data-v-21c733b3]{fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;text-shadow:0 1px 2px #0000004d;font-family:Inter,SF Pro,system-ui,sans-serif;font-size:14px;font-weight:700}.scale-degree-view[data-v-c6e2ee7c]{flex-direction:column;gap:1rem;padding:.75rem 1.5rem;display:flex}.degrees[data-v-c6e2ee7c]{justify-content:space-between;gap:.5rem;display:flex}.degree[data-v-c6e2ee7c]{background:var(--color-degree-bg,#f0f0f0);border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:.75rem 1rem;transition:all .8s;display:flex;position:relative}.degree.root[data-v-c6e2ee7c]{background:var(--color-degree-root,#2a9d8f);color:#fff;border-radius:4px}.degree.root .degree-note[data-v-c6e2ee7c]{color:#fff}.degree.root .degree-number[data-v-c6e2ee7c]{opacity:.85}.degree.changed[data-v-c6e2ee7c]{background:var(--color-degree-changed,#fff3e0);box-shadow:0 0 0 2px var(--color-pivot,#c0593a)}.degree.pivot[data-v-c6e2ee7c]{background:var(--color-degree-pivot,#c0593a);color:#fff;transform:scale(1.1)}.degree.pivot .degree-note[data-v-c6e2ee7c]{color:#fff}.degree-number[data-v-c6e2ee7c]{opacity:.6;font-size:.8rem;font-weight:700}.degree-note[data-v-c6e2ee7c]{color:var(--color-text,#1a1a1a);font-size:1.25rem;font-weight:700;transition:color .8s}.flat-indicator[data-v-c6e2ee7c]{color:var(--color-accent,#e8594f);font-size:1rem;font-weight:700;animation:.8s drop-in-c6e2ee7c;position:absolute;top:-.5rem;right:-.25rem}@keyframes drop-in-c6e2ee7c{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-flatitude-widget[data-v-50d6a0f2]{outline:none;max-width:800px;margin:0 auto;padding:1.5rem 2rem;font-family:Inter,SF Pro,system-ui,sans-serif}.mode-header[data-v-50d6a0f2]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.header-left[data-v-50d6a0f2]{flex-shrink:1;min-width:0}.title[data-v-50d6a0f2]{color:var(--color-accent,#c0593a);letter-spacing:.02em;text-shadow:1px 1px #0000000d;margin:0;font-family:Permanent Marker,cursive;font-size:1.6rem;font-weight:900}.mode-name-anchor[data-v-50d6a0f2]{text-align:right;flex-shrink:0}.mode-name[data-v-50d6a0f2]{color:var(--color-text,#1a1a1a);font-size:2rem;font-weight:900;line-height:1.1;transition:all .8s}.mode-character[data-v-50d6a0f2]{color:var(--color-text-muted,#666);margin-top:.15rem;font-size:.8rem;font-style:italic}.controls-section[data-v-50d6a0f2]{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.controls-bar[data-v-50d6a0f2]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.control-group[data-v-50d6a0f2]{align-items:center;gap:.5rem;display:flex}.control-group label[data-v-50d6a0f2]{font-size:.85rem;font-weight:600}.control-group select[data-v-50d6a0f2]{border:2px solid var(--color-border,#ddd);background:var(--color-bg,#fff);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-family:inherit;font-size:1rem;font-weight:600}.position-label[data-v-50d6a0f2]{text-align:center;min-width:3.5rem;color:var(--color-text-muted,#666);font-size:.85rem;font-weight:600}.nav-controls[data-v-50d6a0f2]{gap:.5rem;display:flex}.btn[data-v-50d6a0f2]{border:2px solid var(--color-border,#ddd);background:var(--color-bg,#fff);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.btn[data-v-50d6a0f2]:hover:not(:disabled){border-color:var(--color-accent,#e8594f);color:var(--color-accent,#e8594f)}.btn[data-v-50d6a0f2]:disabled{opacity:.4;cursor:not-allowed}.btn-play[data-v-50d6a0f2]{background:var(--color-accent,#e8594f);color:#fff;border-color:var(--color-accent,#e8594f)}.btn-play[data-v-50d6a0f2]:hover:not(:disabled){background:var(--color-accent-hover,#d04a40);color:#fff}.fretboard-section[data-v-50d6a0f2]{margin:.75rem 0}.btn-sm[data-v-50d6a0f2]{padding:.25rem .5rem;font-size:.8rem}.hint[data-v-50d6a0f2]{text-align:center;color:var(--color-text-muted,#999);font-size:.8rem}:root{--color-bg:#fafaf8d1;--color-text:#1a1a1a;--color-text-muted:#666;--color-border:#e0ddd8;--color-accent:#c0593a;--color-accent-hover:#a84830;--color-accent-muted:#d4a090;--color-accent-muted-bg:#fdf5f2;--color-root:#2a9d8f;--color-root-muted:#7dc4bb;--color-scale-note:#4a6fa5;--color-pivot:#c0593a;--color-pivot-glow:#d4a090;--color-step-whole:#4a6fa5;--color-step-half:#c0593a;--color-degree-bg:#f0ece6e6;--color-degree-changed:#fdf0e0;--color-degree-pivot:#c0593a;--color-degree-root:#2a9d8f}*,:before,:after{box-sizing:border-box}body{color:var(--color-text);-webkit-font-smoothing:antialiased;background:#1a1a1a;margin:0;font-family:Inter,SF Pro,system-ui,sans-serif;overflow-x:hidden}.app{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.widget-card{background:var(--color-bg);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff4d;border-radius:20px;width:100%;max-width:860px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80}