@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap";@font-face{font-family:Bravura Text;src:url(/fonts/BravuraText.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-parchment:#f5f0e8;--color-gold:#8b6914;--color-gold-light:#9a7d2e;--color-ink:#1a1209;--color-ink-light:#1a120999;--color-accent-wine:#7a2e3b;--color-accent-sage:#3d6650;--color-accent-navy:#3a4e6b;--color-accent-copper:#9c5a30;--font-display:"Cinzel", serif;--font-body:"Cormorant Garamond", serif;--font-music:"Bravura Text", "Bravura", serif;--kbd-white:#faf8f3;--kbd-white-mid:#f0ece3;--kbd-white-end:#e4dfd5;--kbd-white-border:#c0b89e;--kbd-white-pressed:#e8e2d4;--kbd-white-pressed-end:#ddd6c5;--kbd-white-pressed-border:#a89c7e;--kbd-black:#2a2015;--kbd-black-mid:#1a1209;--kbd-black-end:#0e0a05;--kbd-black-pressed:#3d3225;--kbd-black-pressed-end:#2a2015;--kbd-svg-white:#faf7f0;--kbd-svg-black:#3a3020;--color-success:#2d6e2d;--color-success-bg:#4c8c4c26;--color-success-border:#4c8c4c99;--color-error:#8b2020;--color-error-bg:#b43c3c1f;--color-error-border:#b43c3c80;--color-error-soft:#a04030;--color-in-tune:#6a9a5b;--z-stage:1;--z-title:10;--z-playhead:15;--z-stage-mask:20;--z-controls:30;--z-texture:50;--z-overlay:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-parchment);-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:var(--font-body);overflow:hidden}body:before{content:"";z-index:var(--z-texture);pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";z-index:calc(var(--z-texture) - 1);pointer-events:none;background:radial-gradient(#0000 45%,#64460a26 100%);position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.7s cubic-bezier(.22,1,.36,1) both pageEnter}.page-enter>:first-child{animation-delay:0s}.page-enter>:nth-child(2){animation-delay:80ms}.page-enter>:nth-child(3){animation-delay:.16s}.page-enter>:nth-child(4){animation-delay:.24s}.page-enter>:nth-child(5){animation-delay:.32s}.page-enter>:nth-child(n+6){animation-delay:.38s}.page-enter>*{animation:.6s cubic-bezier(.22,1,.36,1) both pageEnter}@keyframes loaderFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.loader-exit{animation:.4s ease-out forwards loaderFadeOut}.top-nav{z-index:var(--z-controls);pointer-events:none;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:fixed;top:0;left:0;right:0}.nav-home{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.15em;opacity:.7;pointer-events:all;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:opacity .2s;display:flex}.nav-home:before{content:"←";font-size:16px;font-style:normal}.nav-home:hover{opacity:1}.nav-right{pointer-events:all;align-items:center;gap:8px;margin-left:auto;display:flex}.nav-icon-btn,.view-toggle{width:26px;height:24px;color:var(--color-gold);cursor:pointer;opacity:.7;background:0 0;border:1px solid #c4a35a4d;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:opacity .2s,background .2s,border-color .2s;display:flex;position:relative}.nav-icon-btn:hover,.view-toggle:hover{opacity:1;border-color:var(--color-gold);background:#c4a35a1a}.nav-icon-btn--active{opacity:1;border-color:var(--color-gold);background:#c4a35a33}@media (hover:hover){[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(8px);color:var(--color-ink);font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;z-index:300;background:#f5f0e8f7;border:1px solid #c4a35a59;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 4px 14px #64460a1f}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translateY(0)}}.nav-left{pointer-events:all;align-items:center;gap:8px;display:flex}.nav-left .nav-home{pointer-events:auto}.tool-nav{position:relative}.tool-nav__btn{width:26px;height:24px;color:var(--color-gold);cursor:pointer;opacity:.7;background:0 0;border:1px solid #c4a35a4d;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:opacity .2s,background .2s,border-color .2s;display:flex}.tool-nav__btn:hover{opacity:1;border-color:var(--color-gold);background:#c4a35a1a}@keyframes toolNavIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tool-nav__panel{-webkit-backdrop-filter:blur(12px);z-index:200;background:#f5f0e8f7;border:1px solid #c4a35a4d;border-radius:12px;min-width:230px;padding:10px 0;animation:.2s ease-out toolNavIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 32px #64460a1f}.tool-nav__section+.tool-nav__section{border-top:1px solid #c4a35a1f;margin-top:4px;padding-top:4px}.tool-nav__heading{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;opacity:.5;padding:6px 16px 2px;font-size:9px}.tool-nav__heading--practice{color:var(--color-gold)}.tool-nav__heading--compose{color:var(--color-accent-copper)}.tool-nav__heading--study{color:var(--color-accent-sage)}.tool-nav__item{font-family:var(--font-body);color:var(--color-ink);letter-spacing:.03em;align-items:center;gap:8px;padding:7px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.tool-nav__item:hover{background:#c4a35a1a}.tool-nav__item--active{color:var(--color-gold);background:#c4a35a14;font-weight:700}@media (width<=600px){.tool-nav__panel{min-width:unset;position:fixed;top:40px;left:8px;right:8px}.tool-nav__item{padding:9px 16px;font-size:16px}}.lang-switch{gap:2px;display:flex}.lang-btn{font-family:var(--font-body);color:var(--color-gold);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #c4a35a4d;padding:4px 10px;font-size:11px;font-weight:400;transition:background .2s,color .2s}.lang-btn:first-child{border-radius:10px 0 0 10px}.lang-btn:last-child{border-radius:0 10px 10px 0}.lang-btn.active{background:var(--color-gold);color:var(--color-parchment);border-color:var(--color-gold)}.ctrl-group{flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.ctrl-label{font-family:var(--font-body);color:var(--color-gold);letter-spacing:.12em;text-transform:uppercase;opacity:.85;white-space:nowrap;font-size:13px;font-weight:600}.seg-control{gap:2px;display:flex}.seg-btn{font-family:var(--font-body);color:var(--color-gold);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #c4a35a66;padding:5px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.seg-btn:first-child{border-radius:12px 0 0 12px}.seg-btn:last-child{border-radius:0 12px 12px 0}.seg-btn.active{background:var(--color-gold);color:var(--color-parchment);border-color:var(--color-gold)}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--color-gold-light) var(--val,50%), #c4a35a33 var(--val,50%));cursor:pointer;border-radius:3px;outline:none;width:120px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-gold);border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #64460a4d}.ctrl-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.ctrl-btn{font-family:var(--font-body);color:var(--color-gold);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #c4a35a66;border-radius:20px;padding:6px 20px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.ctrl-btn.active{background:var(--color-gold);color:var(--color-parchment);border-color:var(--color-gold)}.ctrl-sep{background:#c4a35a40;width:1px;height:32px}.info-tip-wrap{align-items:center;margin-left:4px;display:inline-flex;position:relative}.info-tip-btn{width:16px;height:16px;color:var(--color-gold);font-family:var(--font-body);cursor:pointer;opacity:.5;background:0 0;border:1px solid #c4a35a80;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:600;line-height:1;transition:opacity .2s;display:inline-flex}.info-tip-btn:hover{opacity:1}.info-tip-bubble{color:var(--color-parchment);font-family:var(--font-body);letter-spacing:.02em;white-space:normal;text-align:center;text-transform:none;z-index:100;background:#1a1209eb;border-radius:8px;width:max-content;max-width:240px;padding:8px 14px;font-size:12px;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.home{-webkit-overflow-scrolling:touch;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='60' height='60' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");flex-direction:column;align-items:center;gap:36px;width:100%;height:100%;padding:40px 20px 60px;display:flex;overflow:hidden auto}.home:before{content:"";flex:1 0 0}.home-header{text-align:center}.home-header h1{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.3em;font-size:clamp(32px,4.5vw,52px)}.home-header p{font-family:var(--font-body);color:var(--color-accent-wine);letter-spacing:.15em;text-transform:uppercase;opacity:.8;margin-top:8px;font-size:clamp(14px,1.4vw,18px);font-weight:700}@keyframes ornament-draw{0%{opacity:0;width:0}to{opacity:.5;width:200px}}.home-ornament{background:linear-gradient(90deg, transparent, var(--color-gold-light), transparent);opacity:.5;width:200px;height:1px;margin:24px auto 0;animation:1s ease-out .3s both ornament-draw}.home-restore-bar{justify-content:center;align-items:center;gap:10px;margin-top:16px;animation:.4s ease-out both header-fade;display:flex}.home-restore-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);opacity:.75;font-size:11px;font-weight:600}.home-restore-select{font-family:var(--font-body);letter-spacing:.04em;color:var(--color-ink);cursor:pointer;appearance:none;background:#f5f0e8f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c4a35a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #c4a35a66;border-radius:999px;padding:5px 30px 5px 14px;font-size:12px;font-weight:600;transition:border-color .2s,background-color .2s}.home-restore-select:hover,.home-restore-select:focus{border-color:var(--color-gold);background-color:var(--color-parchment);outline:none}.home-empty-hint{text-align:center;opacity:.8;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;display:flex}.home-empty-hint p{font-family:var(--font-body);color:var(--color-ink);max-width:360px;font-size:14px;font-weight:600;line-height:1.5}.home-empty-hint__sub{letter-spacing:.08em;opacity:.8;color:var(--color-gold)!important;font-size:12px!important;font-weight:500!important}.home-section{width:100%;max-width:1100px}.home-section__title{font-family:var(--font-display);color:var(--color-gold-light);letter-spacing:.25em;text-transform:uppercase;text-align:center;opacity:.65;align-items:center;gap:16px;margin-bottom:18px;font-size:clamp(14px,1.6vw,18px);animation:.7s ease-out both header-fade;display:flex}.home-section__title:before,.home-section__title:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold-light), transparent);flex:1;max-width:120px;height:1px}.home-section__title:before{margin-left:auto}.home-section__title:after{margin-right:auto}.home-tools{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.home-tools>.tool-card{flex:0 calc(33.333% - 14px);min-width:260px}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card{cursor:pointer;background:#ffffff8c;border:1px solid #8b691426;border-radius:8px;padding:28px 24px;text-decoration:none;transition:border-color .3s,background .3s,box-shadow .3s;animation:.5s ease-out both card-enter;display:block;position:relative;box-shadow:0 1px 6px #8b69140f}.tool-card:hover{border-color:var(--color-gold-light);background:#fffc;box-shadow:0 2px 12px #8b69141a}@keyframes card-jiggle{0%{transform:rotate(-.55deg)translateY(0)}50%{transform:rotate(.55deg)translateY(-.5px)}to{transform:rotate(-.55deg)translateY(0)}}.tool-card--customizing{cursor:default;animation:.32s ease-in-out infinite card-jiggle;animation-delay:0s!important}.home-tools>.tool-card--customizing:nth-child(2n){animation-direction:reverse}.home-tools>.tool-card--customizing:nth-child(3n){animation-duration:.28s}.tool-card--customizing:hover{background:#ffffff8c;border-color:#8b691426;box-shadow:0 1px 6px #8b69140f}.tool-card--customizing:hover *{animation-play-state:paused!important}.tool-card__remove{background:var(--color-accent-wine,#8b3c3c);width:24px;height:24px;color:var(--color-parchment);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,background .2s;animation:.32s ease-in-out infinite reverse card-jiggle;display:flex;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #3c1e1e4d}.tool-card__remove:hover{background:#a14848;transform:scale(1.15)}.tool-card__remove:active{transform:scale(.95)}.tool-card__remove:disabled{cursor:default;opacity:.5}@keyframes card-remove{0%{opacity:1;transform:scale(1)rotate(0)}20%{transform:scale(1.04)rotate(-3deg)}40%{transform:scale(1.04)rotate(3deg)}to{opacity:0;transform:scale(.2)rotate(-12deg)translateY(-30px)}}.tool-card--removing{pointer-events:none;animation:.45s cubic-bezier(.55,0,.3,1) forwards card-remove!important}.tool-card--removing .tool-card__remove{opacity:0;transition:opacity .15s;animation:none}.tool-card__icon{opacity:.8;width:100%;height:60px;margin-bottom:12px;transition:opacity .3s;display:block}.tool-card:hover .tool-card__icon{opacity:1}.tool-card h2{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.12em;margin-bottom:8px;font-size:19px}.tool-card p{font-family:var(--font-body);color:var(--color-ink);letter-spacing:.03em;opacity:.9;font-size:14.5px;font-weight:600;line-height:1.5}@keyframes header-fade{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.home-header h1{animation:.7s ease-out both header-fade}.home-header p{animation:.7s ease-out .15s both header-fade}.home-footer{text-align:center;border-top:1px solid #c4a35a1f;width:100%;max-width:600px;margin-top:auto;padding:32px 20px 0;animation:.8s ease-out .8s both header-fade}.home-footer__quote{flex-direction:column;gap:6px;display:flex}.home-footer__text{font-family:var(--font-body);color:var(--color-gold);letter-spacing:.03em;opacity:.55;font-size:clamp(14px,1.3vw,17px);font-style:italic;font-weight:500;line-height:1.6}.home-footer__author{font-family:var(--font-body);color:var(--color-gold-light);letter-spacing:.08em;opacity:.55;font-size:clamp(12px,1vw,14px);font-weight:600}@media (width<=600px){.home{gap:16px;padding:28px 18px 24px}.home:before{flex:0}.home-header{margin-bottom:0}.home-header h1{letter-spacing:.2em;font-size:24px}.home-header p{margin-top:4px;font-size:11px}.home-ornament{margin:10px auto 0;animation-duration:.6s}.home-restore-bar{flex-wrap:wrap;gap:8px;margin-top:10px}.home-restore-label{font-size:10px}.home-restore-select{padding:4px 26px 4px 10px;font-size:11px}.tool-card__remove{width:22px;height:22px;top:-6px;left:-6px}.home-section{width:100%}.home-section__title{letter-spacing:.2em;margin-bottom:8px;font-size:10px}.home-tools{gap:8px}.home-tools>.tool-card{flex:0 100%;min-width:0}.tool-card{border-radius:6px;padding:18px 16px 20px}.tool-card__icon{height:44px;margin-bottom:8px}.tool-card h2{letter-spacing:.08em;margin-bottom:5px;font-size:15px;font-weight:700}.tool-card p{opacity:.75;font-size:14.5px;font-weight:700;line-height:1.45}.home-footer{padding:12px 10px 0}.home-footer__text{font-size:11px}.home-footer__author{font-size:10px}}@keyframes metro-swing{0%,to{transform:rotate(12deg)}50%{transform:rotate(-12deg)}}.tool-card:hover .metro-pendulum{animation:.8s ease-in-out infinite metro-swing}@keyframes metro-beat{0%,to{opacity:.35}50%{opacity:.85}}.tool-card:hover .metro-dot--0{animation:.4s ease-in-out infinite metro-beat}.tool-card:hover .metro-dot--1{animation:.4s ease-in-out .1s infinite metro-beat}.tool-card:hover .metro-dot--2{animation:.4s ease-in-out .2s infinite metro-beat}.tool-card:hover .metro-dot--3{animation:.4s ease-in-out .3s infinite metro-beat}@keyframes tuner-oscillate{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}.tool-card:hover .tuner-needle{animation:1.2s ease-in-out infinite tuner-oscillate}@keyframes tuner-vibrate{0%,to{transform:translate(0)}25%{transform:translate(-.5px)}75%{transform:translate(.5px)}}.tool-card:hover .tuner-fork{animation:80ms linear infinite tuner-vibrate}@keyframes tuner-wave-pulse{0%,to{opacity:.2}50%{opacity:.6}}.tool-card:hover .tuner-wave--1{animation:.8s ease-in-out infinite tuner-wave-pulse}.tool-card:hover .tuner-wave--2{animation:.8s ease-in-out .2s infinite tuner-wave-pulse}.tool-card:hover .tuner-zone{opacity:.8}@keyframes organ-glow{0%,to{opacity:.5}50%{opacity:1}}.tool-card:hover .organ-pipe--0{animation:1.4s ease-in-out infinite organ-glow}.tool-card:hover .organ-pipe--1{animation:1.4s ease-in-out .1s infinite organ-glow}.tool-card:hover .organ-pipe--2{animation:1.4s ease-in-out .2s infinite organ-glow}.tool-card:hover .organ-pipe--3{animation:1.4s ease-in-out .3s infinite organ-glow}.tool-card:hover .organ-pipe--4{animation:1.4s ease-in-out .4s infinite organ-glow}.tool-card:hover .organ-pipe--5{animation:1.4s ease-in-out .5s infinite organ-glow}.tool-card:hover .organ-pipe--6{animation:1.4s ease-in-out .6s infinite organ-glow}@keyframes organ-wave-in{0%{opacity:0;transform:translateY(2px)}50%{opacity:.5}to{opacity:0;transform:translateY(-3px)}}.tool-card:hover .organ-wave--1{animation:1.2s ease-out infinite organ-wave-in}.tool-card:hover .organ-wave--2{animation:1.2s ease-out .3s infinite organ-wave-in}@keyframes pm-float{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-3px)}}.tool-card:hover .pm-note--1{animation:1.6s ease-in-out infinite pm-float}.tool-card:hover .pm-note--2{animation:1.6s ease-in-out .2s infinite pm-float}.tool-card:hover .pm-note--3{animation:1.6s ease-in-out .4s infinite pm-float}.tool-card:hover .pm-note--4{animation:1.6s ease-in-out .6s infinite pm-float}@keyframes cof-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tool-card:hover .cof-wheel{animation:8s linear infinite cof-rotate}@keyframes rhythm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tool-card:hover .rhythm-pad,.tool-card:hover .rhythm-pad-inner{transform-origin:60px 42px;animation:.6s ease-in-out infinite rhythm-pulse}@keyframes rhythm-ripple{0%{opacity:.2;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.tool-card:hover .rhythm-ripple{transform-origin:60px 42px;animation:.8s ease-out infinite rhythm-ripple}@keyframes rhythm-dot-flash{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}.tool-card:hover .rhythm-dot--0{transform-origin:20px 20px;animation:.5s ease-in-out infinite rhythm-dot-flash}.tool-card:hover .rhythm-dot--1{transform-origin:40px 20px;animation:.5s ease-in-out .1s infinite rhythm-dot-flash}.tool-card:hover .rhythm-dot--2{transform-origin:52px 20px;animation:.5s ease-in-out .2s infinite rhythm-dot-flash}.tool-card:hover .rhythm-dot--3{transform-origin:68px 20px;animation:.5s ease-in-out .3s infinite rhythm-dot-flash}.tool-card:hover .rhythm-dot--4{transform-origin:80px 20px;animation:.5s ease-in-out .4s infinite rhythm-dot-flash}.tool-card:hover .rhythm-dot--5{transform-origin:100px 20px;animation:.5s ease-in-out .5s infinite rhythm-dot-flash}@keyframes interval-spread-low{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes interval-spread-high{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.tool-card:hover .interval-note--low{animation:1.2s ease-in-out infinite interval-spread-low}.tool-card:hover .interval-note--high{animation:1.2s ease-in-out infinite interval-spread-high}@keyframes interval-bracket-pulse{0%,to{opacity:.6;stroke-width:1px}50%{opacity:1;stroke-width:1.5px}}.tool-card:hover .interval-bracket{animation:1.2s ease-in-out infinite interval-bracket-pulse}@keyframes interval-ear-glow{0%,to{opacity:.3}50%{opacity:.7}}.tool-card:hover .interval-ear{animation:1s ease-in-out infinite interval-ear-glow}@keyframes chord-breathe-1{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes chord-breathe-3{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.tool-card:hover .chord-note--1{animation:1s ease-in-out infinite chord-breathe-1}.tool-card:hover .chord-note--3{animation:1s ease-in-out infinite chord-breathe-3}@keyframes chord-wave-emit{0%{opacity:0;transform:translate(0)}50%{opacity:.5}to{opacity:0;transform:translate(4px)}}.tool-card:hover .chord-wave--1{animation:1.2s ease-out infinite chord-wave-emit}.tool-card:hover .chord-wave--2{animation:1.2s ease-out .3s infinite chord-wave-emit}@keyframes book-flutter-left{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.04)}}@keyframes book-flutter-right{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.04)}}.tool-card:hover .book-page--left{animation:1.5s ease-in-out infinite book-flutter-left}.tool-card:hover .book-page--right{animation:1.5s ease-in-out infinite book-flutter-right}@keyframes book-content-fade{0%,to{opacity:1}50%{opacity:.6}}.tool-card:hover .book-content--right{animation:1.5s ease-in-out infinite book-content-fade}.tool-card:hover .book-content--left{animation:1.5s ease-in-out .3s infinite book-content-fade}@keyframes tm-rise{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}}.tool-card:hover .tm-card--1{animation:1.4s ease-in-out infinite tm-rise}.tool-card:hover .tm-card--2{animation:1.4s ease-in-out .15s infinite tm-rise}.tool-card:hover .tm-card--3{animation:1.4s ease-in-out .3s infinite tm-rise}.tool-card:hover .tm-card--4{animation:1.4s ease-in-out .45s infinite tm-rise}@keyframes bib-page-spread-l{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.03)}}@keyframes bib-page-spread-r{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.03)}}.tool-card:hover .bib-page--left{transform-origin:100%;animation:1.5s ease-in-out infinite bib-page-spread-l}.tool-card:hover .bib-page--right{transform-origin:0;animation:1.5s ease-in-out infinite bib-page-spread-r}@keyframes bib-glass-bob{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.7;transform:translate(-2px,-2px)}}.tool-card:hover .bib-glass{animation:1.2s ease-in-out infinite bib-glass-bob}@keyframes piano-key-flash{0%,to{opacity:.5}50%{opacity:.9}}.tool-card:hover .piano-icon-black--0{animation:1.2s ease-in-out infinite piano-key-flash}.tool-card:hover .piano-icon-black--1{animation:1.2s ease-in-out .1s infinite piano-key-flash}.tool-card:hover .piano-icon-black--2{animation:1.2s ease-in-out .2s infinite piano-key-flash}.tool-card:hover .piano-icon-black--3{animation:1.2s ease-in-out .3s infinite piano-key-flash}.tool-card:hover .piano-icon-black--4{animation:1.2s ease-in-out .4s infinite piano-key-flash}.tool-card:hover .piano-icon-black--5{animation:1.2s ease-in-out .5s infinite piano-key-flash}.tool-card:hover .piano-icon-black--6{animation:1.2s ease-in-out .6s infinite piano-key-flash}.tool-card:hover .piano-icon-black--7{animation:1.2s ease-in-out .7s infinite piano-key-flash}.tool-card:hover .piano-icon-black--8{animation:1.2s ease-in-out .8s infinite piano-key-flash}.tool-card:hover .piano-icon-black--9{animation:1.2s ease-in-out .9s infinite piano-key-flash}@keyframes piano-wave-pulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.6;transform:translateY(-1.5px)}}.tool-card:hover .piano-icon-wave--1{animation:1s ease-in-out infinite piano-wave-pulse}.tool-card:hover .piano-icon-wave--2{animation:1s ease-in-out .25s infinite piano-wave-pulse}@keyframes compact-fade-in{0%{opacity:0}to{opacity:1}}.compact{animation:.5s ease-out compact-fade-in;position:absolute;inset:0;overflow:hidden}.compact-hub{z-index:10;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compact-hub__default{text-align:center;pointer-events:none;position:relative}.compact-hub__title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.2em;padding-left:.2em;font-size:clamp(22px,4.5vw,36px);display:block}.compact-hub__tagline{font-family:var(--font-body);color:var(--color-accent-wine);letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-top:4px;font-size:clamp(9px,1.3vw,14px);font-weight:600;display:block}@keyframes hub-ring-pulse{0%{opacity:.25;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.compact-hub__pulse{border:1px solid var(--color-gold-light);pointer-events:none;border-radius:50%;width:90px;height:90px;animation:2.5s ease-out infinite hub-ring-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compact-info{z-index:8;text-align:center;pointer-events:none;opacity:0;transition:opacity .12s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compact-info--show{opacity:1}.compact-info__name{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-gold);font-size:clamp(18px,3.5vw,26px);display:block}.compact-info__name--practice{color:var(--color-gold)}.compact-info__name--compose{color:var(--color-accent-copper)}.compact-info__name--study{color:var(--color-accent-sage)}.compact-info__desc{font-family:var(--font-body);color:var(--color-ink-light);max-width:280px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:clamp(14px,2.5vw,18px);font-weight:600;line-height:1.4;display:block}.compact-arrow-svg{pointer-events:none;z-index:4;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.compact-arrow-g{transform-origin:0 0}.compact-arrow-g--animate{transition:transform .15s ease-out}.compact-arrow-line{stroke:var(--color-gold);stroke-width:2px;stroke-linecap:round;opacity:0;transition:opacity .12s ease-out}.compact-arrow-line--show{opacity:.35}.compact-arrow-dot{fill:var(--color-gold);opacity:.6}.compact-tool{cursor:pointer;pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:3px;text-decoration:none;transition:left .4s cubic-bezier(.34,1.56,.64,1),top .4s cubic-bezier(.34,1.56,.64,1),transform .15s ease-out,opacity .25s ease-out;display:flex;position:absolute}.compact--open .compact-tool{pointer-events:auto}.compact--dragging .compact-tool{pointer-events:none}.compact-tool--hovered .compact-tool__icon{background:#f5f0e8fa;box-shadow:0 0 20px #8b69144d;border-color:var(--color-gold)!important}.compact-tool--hovered .compact-tool__name{opacity:1;color:var(--color-gold);font-weight:700}.compact-tool__icon{background:#f5f0e8bf;border:1.5px solid #c4a35a59;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:border-color .12s,background .12s,box-shadow .15s;display:flex;overflow:hidden}.compact-tool__icon .tool-card__icon{opacity:.85;width:100%;height:100%;margin:0}.compact-tool--practice .compact-tool__icon{border-color:#8b691480}.compact-tool--compose .compact-tool__icon{border-color:#9c5a3073}.compact-tool--study .compact-tool__icon{border-color:#3d665073}.compact-tool__name{font-family:var(--font-body);color:var(--color-ink);opacity:.55;text-align:center;word-wrap:break-word;max-width:100px;font-size:12px;font-weight:600;transition:opacity .12s,color .12s}.compact-empty-hint{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:280px;display:flex;position:absolute;top:calc(50% + 120px);left:50%;transform:translate(-50%)}.compact-empty-hint>span:first-child{font-family:var(--font-body);color:var(--color-ink);opacity:.75;font-size:13px;font-weight:600}.compact-empty-hint__sub{font-family:var(--font-body);color:var(--color-gold-light);letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:11px}.compact-hint{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:calc(50% + 164px);left:50%;transform:translate(-50%)}.compact-hint__anim{width:72px;height:72px;overflow:visible}.compact-hint__orbit{transform-origin:36px 36px;animation:5s ease-in-out infinite hint-orbit}.compact-hint__dot{fill:none;stroke:var(--color-gold);stroke-width:1px;opacity:.3}.compact-hint__dot--target1{animation:5s ease-in-out infinite hint-target1}.compact-hint__dot--target2{animation:5s ease-in-out infinite hint-target2}.compact-hint__arrow{opacity:0;animation:5s ease-in-out infinite hint-arrow}.compact-hint__label{font-family:var(--font-body);color:var(--color-gold);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:500}@keyframes hint-orbit{0%,8%{opacity:0}22%{opacity:1}72%{opacity:1}85%,to{opacity:0}}@keyframes hint-arrow{0%,25%{opacity:0;transform:rotate(-60deg)}32%{opacity:.45;transform:rotate(-60deg)}45%{opacity:.45;transform:rotate(-60deg)}58%{opacity:.45;transform:rotate(0)}70%{opacity:.45;transform:rotate(0)}82%,to{opacity:0;transform:rotate(0)}}@keyframes hint-target1{0%,30%{opacity:.3;fill:#0000}36%{opacity:.9;fill:#c4a35a4d}48%{opacity:.9;fill:#c4a35a4d}55%{opacity:.3;fill:#0000}82%,to{opacity:0;fill:#0000}}@keyframes hint-target2{0%,55%{opacity:.3;fill:#0000}62%{opacity:.9;fill:#c4a35a4d}72%{opacity:.9;fill:#c4a35a4d}82%,to{opacity:0;fill:#0000}}.compact-quote{font-family:var(--font-body);color:var(--color-gold);opacity:.5;text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:85%;font-size:14px;font-style:italic;font-weight:800;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.compact-quote>span:first-child{text-align:center}.compact-quote__author{letter-spacing:.08em;font-size:12px;font-style:normal;font-weight:600}@media (width<=600px){.compact-hub{width:120px;height:120px}.compact-hub__pulse{width:70px;height:70px}.compact-info__desc{max-width:180px;font-size:13px}.compact-tool__icon{border-width:1px;padding:8px}.compact-tool__name{max-width:80px;font-size:9px}}@media (width<=380px){.compact-hub{width:100px;height:100px}.compact-tool__name{max-width:70px;font-size:8px}}