@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap);.topbar{background:var(--color-ink);border-bottom:1px solid #ffffff14;color:var(--color-white);height:72px;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:50}.topbar,.topbar__brand{align-items:center;display:flex}.topbar__brand{font-weight:700;gap:12px}.topbar__brand-mark{border:1px solid #ffffff2b;border-radius:50%;color:var(--color-gold-soft);display:grid;font-family:Georgia,serif;font-size:1.5rem;height:42px;place-items:center;width:42px}.topbar__nav{color:#ffffffb8;display:flex;font-size:.9rem;gap:24px}.topbar__nav a{transition:color .2s ease}.topbar__nav a.active,.topbar__nav a:hover{color:var(--color-gold-soft)}@media (max-width:920px){.topbar{height:60px;padding:0 16px}.topbar__nav{display:none}}.bottom-nav{display:none}@media (max-width:920px){.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1020f7;border-top:1px solid #ffffff14;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);left:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.bottom-nav a{color:#ffffff8f;font-size:.65rem;padding:5px 2px;text-align:center}.bottom-nav b{display:block;font-family:Georgia,serif;font-size:1.2rem;font-weight:400;margin-bottom:2px}.bottom-nav a.active{color:var(--color-gold-soft)}}.app-shell{min-height:100vh}.app-shell__content{min-height:calc(100vh - 72px)}@media (max-width:920px){.app-shell__content{min-height:calc(100vh - 60px)}}.feature-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-lg);min-height:220px;overflow:hidden;padding:28px;position:relative;transition:.22s ease}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.feature-card__tag{color:var(--color-muted);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.feature-card h3{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:500;margin-top:9px}.feature-card p{color:#656978;line-height:1.6;margin-top:10px}.feature-card__symbol{bottom:-20px;color:#111a3914;font-family:Georgia,serif;font-size:7rem;position:absolute;right:22px}.feature-card.dark{background:var(--color-navy);border:0;color:#fff}.feature-card.dark .feature-card__tag,.feature-card.dark p{color:#ffffffad}.feature-card.warm{background:linear-gradient(135deg,#fffdf8,#efe1c9)}.section-title{align-items:end;display:flex;gap:30px;justify-content:space-between;margin-bottom:26px}.section-title h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1}.section-title p{color:var(--color-muted);line-height:1.6;max-width:430px}.section-title.compact{align-items:start;flex-direction:column;gap:8px}@media (max-width:920px){.section-title{align-items:flex-start;flex-direction:column;gap:8px}}.tool-card{background:#121a35;border-radius:var(--radius-md);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;padding:20px;transition:transform .2s ease}.tool-card:hover{transform:translateY(-3px)}.tool-card:focus-visible{outline:3px solid var(--color-gold-soft);outline-offset:4px}.tool-card--illustrated{justify-content:flex-start;min-width:0;overflow:hidden;padding:0}.tool-card__image{aspect-ratio:8/5;background:#19233e;display:block;height:auto;object-fit:contain;width:100%}.tool-card--illustrated .tool-card__content{padding:20px}@media (prefers-reduced-motion:reduce){.tool-card{transition:none}}.tool-card__icon{color:var(--color-gold-soft);font-size:2rem}.tool-card small,.tool-card strong{display:block}.tool-card small{color:#fff9;margin-top:5px}.tools-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:920px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}}.home-hero{align-items:center;background:linear-gradient(120deg,var(--color-ink),var(--color-navy-light));color:#fff;display:grid;padding:40px 7vw}.home-hero__copy h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.15}.home-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.home-button{align-items:center;border:1px solid #ffffff2b;border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-height:48px;padding:0 22px}.home-button.primary{background:var(--color-gold);border:0;color:#21180d}.home-content{margin:auto;padding:32px 0 100px;width:min(var(--content-width),90vw)}.home-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.home-tools{margin-top:40px}@media (max-width:920px){.home-hero{grid-template-columns:1fr;padding:28px 20px}.home-hero__copy h1{font-size:clamp(2rem,7vw,2.75rem)}.home-content{padding:24px 16px 105px;width:auto}.home-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.home-grid{grid-template-columns:1fr}}.page-hero{grid-gap:30px;align-items:center;background:linear-gradient(120deg,var(--color-ink),var(--color-navy-light));color:#fff;display:grid;gap:30px;grid-template-columns:1fr 220px;min-height:315px;padding:55px 7vw}.page-hero__eyebrow{color:var(--color-gold);display:block;font-size:.74rem;font-weight:700;letter-spacing:.18em;margin-bottom:16px;text-transform:uppercase}.page-hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:500;letter-spacing:-.04em;max-width:800px}.page-hero p{color:#ffffffc2;line-height:1.7;margin-top:20px;max-width:650px}.page-hero__symbol{color:#ffffff17;font-family:Georgia,serif;font-size:10rem;text-align:center}@media (max-width:920px){.page-hero{grid-template-columns:1fr;padding:42px 20px}.page-hero__symbol{display:none}}.learn-page{margin:auto;padding:60px 0 100px;width:min(var(--content-width),90vw)}.learn-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.learn-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:24px;min-height:215px;padding:24px;transition:.2s ease}.learn-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.learn-card__symbol{color:var(--color-navy);font-family:Georgia,serif;font-size:2.4rem}.learn-card h3{font-family:Playfair Display,Georgia,serif;font-size:1.45rem;font-weight:500;margin-top:15px}.learn-card p{color:var(--color-muted);line-height:1.55;margin-top:8px}.learn-card button{background:none;border:0;color:var(--color-navy);font-weight:700;margin-top:18px;padding:0}@media (max-width:920px){.learn-page{padding:42px 16px 105px;width:auto}.learn-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.learn-grid{grid-template-columns:1fr}}.learn-level{margin-top:38px}.learn-level__heading span{color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.learn-level__heading h2{margin:5px 0 18px}.learn-card{color:inherit;position:relative;text-decoration:none}.learn-card__order{color:var(--text-soft);font-size:.78rem;font-weight:800;position:absolute;right:18px;top:16px}.learn-card__action{color:var(--primary);display:inline-block;font-size:.88rem;font-weight:800;margin-top:auto}.practice-page{margin:auto;padding:60px 0 100px;width:min(var(--content-width),90vw)}.practice-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.practice-card{background:#101a36;border-radius:24px;color:#fff;min-height:215px;padding:24px;position:relative;text-decoration:none}.practice-card__number{color:#ffffffa6;font-weight:700;position:absolute;right:18px;top:18px}.practice-card__icon{color:var(--color-gold-soft);font-size:2.2rem}.practice-card h3{font-family:Playfair Display,Georgia,serif;font-size:1.45rem;font-weight:500;margin-top:15px}.practice-card p{color:#ffffff9e;line-height:1.55;margin-top:8px}.practice-card button{background:none;border:0;color:var(--color-gold-soft);font-weight:700;margin-top:18px;padding:0}@media (max-width:920px){.practice-page{padding:42px 16px 105px;width:auto}.practice-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.practice-grid{grid-template-columns:1fr}}.practice-card__level{color:var(--color-gold-soft);display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;margin:8px 0;text-transform:uppercase}.practice-card__action{color:var(--color-gold-soft);display:inline-block;font-size:.88rem;font-weight:800;margin-top:auto}.instruments-page{margin:auto;padding:60px 0 100px;width:min(var(--content-width),90vw)}.instruments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.instrument-card{background:linear-gradient(145deg,#fffdf8,#f3eadc);border:1px solid var(--color-line);border-radius:24px;min-height:235px;padding:24px;transition:.2s ease}.instrument-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.instrument-card__emoji{display:block;font-size:3rem;margin-bottom:14px}.instrument-card__family{color:#9b7740;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.instrument-card h3{font-family:Playfair Display,Georgia,serif;font-size:1.45rem;font-weight:500;margin-top:15px}.instrument-card p{color:var(--color-muted);line-height:1.55;margin-top:8px}.instrument-card__link{color:var(--color-navy);display:block;font-weight:700;margin-top:18px}@media (max-width:920px){.instruments-page{padding:42px 16px 105px;width:auto}.instruments-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.instruments-grid{grid-template-columns:1fr}}.tools-page{margin:auto;padding:60px 0 100px;width:min(var(--content-width),90vw)}@media (max-width:920px){.tools-page{padding:42px 16px 105px;width:auto}}.scales-page{margin:auto;padding:36px 0 80px;width:min(var(--content-width),90vw)}.scales-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.scale-card{background:#121a35;border-radius:22px;color:#fff;overflow:hidden;transition:transform .2s}.scale-card:hover{transform:translateY(-3px)}.scale-card svg{aspect-ratio:8/5;display:block;width:100%}.scale-card>div{padding:20px}.scale-card h2{font-size:1.05rem;line-height:1.4}.scale-card p{color:#c0cada;font-size:.85rem;line-height:1.6;margin:8px 0 16px}.scale-card span{color:#f2dfb4;font-size:.8rem}.scale-heading{background:var(--color-paper);border:1px solid var(--color-line);border-radius:22px;padding:26px}.scale-heading>span{color:#82602a;font-size:.72rem;font-weight:700;letter-spacing:.13em}.scale-heading h1{font-size:clamp(1.8rem,5vw,3rem);margin:8px 0 12px}.scale-heading p{color:#565e70;line-height:1.8;max-width:850px}.scale-lab{background:#111a30;border-radius:24px;color:#f5f7fb;margin:24px 0;padding:24px}.scale-settings{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.scale-settings label{color:#d1d9e7;display:flex;flex-direction:column;font-size:.8rem;gap:9px}.scale-settings select{background:#23304a;border:1px solid #68758b;border-radius:10px;color:#fff;font:inherit;min-height:44px;padding:8px 12px;width:100%}.scale-settings input{accent-color:#d7ad62;min-height:44px;width:100%}.scale-lab-heading{margin:24px 0 16px}.scale-lab-heading h2{font-size:1.3rem}.scale-lab-heading p,.scale-notation-help{color:#bdc9dd;font-size:.85rem;line-height:1.6;margin-top:8px}.scale-staff-scroll{background:#fffdf8;border-radius:16px;overflow-x:auto}.scale-staff{display:block;min-width:720px;width:100%}.scale-staff-note{color:#25334a;cursor:pointer;outline:none}.scale-note-hit{fill:#0000}.scale-staff-note:focus-visible .scale-note-hit,.scale-staff-note:hover .scale-note-hit{fill:#e7edf4;stroke:#526680;stroke-width:2}.scale-staff-note.is-active{color:#94631a}.scale-staff-note.is-active .scale-note-hit{fill:#f2dfb4}.scale-note-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));margin:20px 0}.scale-note-buttons button{background:#24324b;border:1px solid #62718a;border-radius:10px;color:#fff;min-height:64px;padding:12px 4px}.scale-note-buttons span{color:#cbd5e5;display:block;font-size:.7rem;margin-top:6px}.scale-note-buttons .is-active{background:#f2dfb4;color:#171e2c}.scale-note-buttons .is-active span{color:#343f52}.scale-playback{display:flex;flex-wrap:wrap;gap:12px}.scale-playback button{background:#25344e;border:1px solid #78859a;border-radius:12px;color:#fff;font-weight:600;min-height:44px;padding:12px 20px}.scale-playback button:first-child{background:#d7ad62;border-color:#d7ad62;color:#111a30}.scale-playback button:disabled{cursor:default;opacity:.45}.scale-status{color:#cbd5e5;font-size:.85rem;margin-top:16px;min-height:1.5em}.scale-explanation{background:var(--color-paper);border:1px solid var(--color-line);border-radius:20px;padding:24px}.scale-explanation h2{font-size:1.2rem}.scale-explanation p{color:#565e70;line-height:1.7;margin:12px 0}.scale-explanation a{font-size:.8rem;text-decoration:underline}.scales-page :focus-visible{outline:3px solid #b58a45;outline-offset:3px}@media(max-width:920px){.scale-settings,.scales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scales-page{padding:28px 16px 100px;width:auto}}@media(max-width:480px){.scales-grid{grid-template-columns:1fr}.scale-lab{padding:16px}.scale-note-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.scale-heading{padding:20px}}@media(prefers-reduced-motion:reduce){.scale-card{transition:none}}.back-navigation{margin:0 0 20px}.back-navigation .back-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#f3f4f5;border:1px solid #cbd0d5;border-radius:12px;box-shadow:0 2px 5px #191e230d;color:#343a40;display:inline-flex;font:600 14px/1.4 Inter,system-ui,sans-serif;gap:10px;justify-content:center;max-width:100%;min-height:44px;padding:11px 16px;text-align:left;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.back-button svg{flex:0 0 20px}.back-navigation .back-button:hover{background:#e5e8eb;border-color:#9ba3ab}.back-navigation .back-button:active{background:#d7dce1;border-color:#7b858e}.back-navigation .back-button:focus-visible{outline:3px solid #59636e;outline-offset:3px}@media (prefers-reduced-motion:reduce){.back-navigation .back-button{transition:none}}.tuning-fork-page{margin:0 auto;max-width:1200px;padding:28px 24px 64px}.tuning-fork-hero{background:var(--color-paper);border:1px solid var(--color-line);border-radius:22px;padding:24px}.tuning-fork-eyebrow,.tuning-fork-hero>span{color:#82602a;font-size:.72rem;font-weight:700;letter-spacing:.14em}.tuning-fork-hero h1{font-size:clamp(2rem,5vw,3.35rem);margin:6px 0 10px}.tuning-fork-hero p{color:var(--color-muted);line-height:1.6}.tuning-fork-lab{grid-gap:32px;align-items:center;background:radial-gradient(ellipse at 20% 30%,#243450,#0000 65%),#0b1221;border-radius:26px;color:#f5f7fb;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:22px;padding:32px}.tuning-fork-stage{background:#09101b80;border:1px solid #ffffff12;border-radius:20px}.tuning-fork-visual{align-items:center;background:#0000;border:0;border-radius:20px;color:#c6cfdf;display:flex;flex-direction:column;padding:16px;touch-action:manipulation;width:100%}.tuning-fork-visual svg{display:block;height:360px;max-width:320px;width:100%}.tuning-fork-visual>span{font-size:.85rem;padding:8px}.tuning-fork-waves{opacity:0;transition:opacity .2s}.is-playing .tuning-fork-waves{animation:fork-waves 1.2s ease-in-out infinite;opacity:.7}.is-playing .tuning-fork-prongs{animation:fork-vibrate .09s linear infinite alternate;transform-origin:160px 254px}.tuning-fork-eyebrow{color:var(--color-gold)}.tuning-fork-controls h2{font-size:3.2rem;margin:12px 0 0}.tuning-fork-controls h2 small{color:#a7b5cd;font-size:1.2rem;font-weight:500}.tuning-fork-frequency{color:var(--color-gold-soft);font-size:2rem;margin:4px 0 18px}.tuning-fork-frequency span{font-size:1rem}.tuning-fork-controls>p:not(.tuning-fork-frequency){color:#b5c0d4;line-height:1.7}.tuning-fork-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.tuning-fork-actions button{background:#202c43;border:1px solid #ffffff30;border-radius:12px;color:#f5f7fb;font-weight:600;min-height:46px;padding:13px 18px}.tuning-fork-actions button:first-child{background:var(--color-gold);border-color:var(--color-gold);color:#111a39}.tuning-fork-actions button:disabled{cursor:default;opacity:.4}.tuning-fork-volume{color:#c6cfdf;display:block;font-size:.9rem}.tuning-fork-volume span{float:right}.tuning-fork-volume input{accent-color:var(--color-gold);display:block;margin:12px 0;min-height:24px;width:100%}.tuning-fork-status{font-size:.8rem;margin-top:16px;min-height:3.4em}.tuning-fork-guide{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.tuning-fork-guide article{background:var(--color-paper);border:1px solid var(--color-line);border-radius:20px;padding:26px}.tuning-fork-guide h2{font-size:1.2rem;margin-bottom:12px}.tuning-fork-guide li,.tuning-fork-guide p{color:#565e70;line-height:1.8}.tuning-fork-guide p+h2{margin-top:24px}.tuning-fork-guide ol{margin-bottom:16px;padding-left:22px}.tuning-fork-guide li+li{margin-top:10px}.tuning-fork-credit a,.tuning-fork-guide a{text-decoration:underline;text-underline-offset:3px}.tuning-fork-credit{color:#626b7d;font-size:.75rem;line-height:1.7;margin-top:20px}.tuning-fork-page :focus-visible{outline:3px solid #b88a3b;outline-offset:5px}@keyframes fork-vibrate{0%{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}@keyframes fork-waves{50%{opacity:.25}}@media(max-width:700px){.tuning-fork-page{padding:20px 16px 48px}.tuning-fork-guide,.tuning-fork-lab{grid-template-columns:1fr}.tuning-fork-lab{gap:24px;padding:20px}.tuning-fork-visual svg{height:270px}.tuning-fork-guide article{padding:22px}.tuning-fork-controls h2{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){.is-playing .tuning-fork-prongs,.is-playing .tuning-fork-waves{animation:none}.tuning-fork-waves{transition:none}}.metronome-page{margin:0 auto;padding:52px 0 110px;width:min(var(--content-width),94vw)}.metronome-page__header{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:36px}.metronome-page__eyebrow{color:var(--color-gold);display:block;font-size:.72rem;font-weight:700;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.metronome-page__header h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:.95}.metronome-page__header p{color:var(--color-muted);line-height:1.6;margin-top:15px;max-width:630px}.metronome-status{align-items:center;background:var(--color-paper);border:1px solid var(--color-line);border-radius:999px;color:var(--color-muted);display:flex;font-size:.78rem;font-weight:700;gap:9px;padding:10px 15px}.metronome-status span{background:#a3a3a3;border-radius:50%;height:8px;width:8px}.metronome-status.running span{background:#6fd499;box-shadow:0 0 0 4px #6fd4991f,0 0 12px #6fd499a6}.metronome-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(430px,.95fr) minmax(460px,1.05fr)}.metronome-main{background:radial-gradient(circle at 50% 5%,#d7ad6229,#0000 30%),linear-gradient(145deg,#101832,#0a1022);border-radius:32px;box-shadow:0 25px 70px #0b102038;color:#fff;overflow:hidden;padding:34px;position:sticky;top:100px}.metronome-main:before{background:repeating-linear-gradient(180deg,#0000,#0000 38px,#ffffff14 39px,#0000 40px);content:"";inset:0;opacity:.18;pointer-events:none;position:absolute}.metronome-display{align-items:center;display:grid;grid-template-columns:100px 1fr 120px;min-height:190px;position:relative;z-index:1}.metronome-display__signature{color:var(--color-gold-soft);font-family:Playfair Display,Georgia,serif;font-size:2.4rem}.metronome-display__bpm{font-family:Playfair Display,Georgia,serif;font-size:clamp(5rem,10vw,8rem);font-weight:500;line-height:.9;text-align:center}.metronome-display__bpm span{color:var(--color-gold-soft);display:block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;margin-top:10px}.metronome-display__timer{text-align:right}.metronome-display__timer span{color:#ffffff73;display:block;font-size:.68rem;margin-bottom:6px}.metronome-display__timer strong{font-feature-settings:"tnum";color:#fff;font-size:1.25rem;font-variant-numeric:tabular-nums}.beat-visualizer{align-items:center;display:flex;gap:10px;justify-content:center;margin:12px 0 8px;min-height:70px;overflow-x:auto;position:relative;z-index:1}.beat-indicator{background:#ffffff0a;border:1px solid #ffffff29;border-radius:50%;color:#ffffff61;display:grid;flex:0 0 auto;font-size:.72rem;height:38px;place-items:center;transition:.07s ease,transform .07s ease;width:38px}.beat-indicator.accent{border-color:#d7ad6299}.beat-indicator.secondary-accent{border-color:#f2dfb452}.beat-indicator.active{background:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 0 6px #d7ad621a,0 0 22px #d7ad628c;color:#21180d;transform:scale(1.2)}.subdivision-visualizer{display:flex;gap:7px;height:14px;justify-content:center;margin-bottom:12px}.subdivision-visualizer span{background:#ffffff2e;border-radius:50%;height:6px;transition:.08s ease;width:6px}.subdivision-visualizer span.active{background:var(--color-gold-soft);transform:scale(1.45)}.tempo-control{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:52px 42px minmax(120px,1fr) 42px 52px;margin-top:24px;position:relative;z-index:1}.tempo-control button{background:#ffffff0f;border:1px solid #ffffff21;border-radius:12px;color:#fffc;font-weight:700;height:42px}.tempo-control button:hover{background:#ffffff1f;color:#fff}.tempo-control input{accent-color:var(--color-gold);width:100%}.metronome-actions{margin-top:34px;position:relative;z-index:1}.metronome-actions,.metronome-play{display:flex;justify-content:center}.metronome-play{align-items:center;background:var(--color-gold);border:0;border-radius:999px;box-shadow:0 12px 30px #d7ad6240;color:#20170d;font-weight:800;gap:11px;min-height:58px;min-width:190px;transition:.2s ease}.metronome-play:hover{transform:translateY(-2px)}.metronome-play.running{background:#a74747;box-shadow:0 12px 30px #a747473d;color:#fff}.metronome-settings{grid-gap:14px;display:grid;gap:14px}.setting-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:24px;padding:24px}.setting-card__header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.setting-card__header>div{align-items:center;display:flex;gap:11px}.setting-card__header span{background:var(--color-cream);border-radius:50%;color:var(--color-navy);display:grid;font-size:.68rem;font-weight:800;height:30px;place-items:center;width:30px}.setting-card__header h2{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:500}.setting-card__header>strong{color:var(--color-muted);font-size:.7rem;font-weight:500}.signature-sections{grid-gap:18px;display:grid;gap:18px}.signature-sections label{color:var(--color-muted);display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.option-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.option-grid--three{grid-template-columns:repeat(3,1fr)}.option-grid button,.timer-options button{background:#fff;border:1px solid var(--color-line);border-radius:12px;color:var(--color-text);font-weight:700;min-height:44px;transition:.18s ease}.option-grid button:hover,.timer-options button:hover{border-color:var(--color-gold)}.option-grid button.selected,.timer-options button.selected{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.subdivision-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.subdivision-options button{align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:15px;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:82px}.subdivision-options button strong{font-family:Georgia,serif;font-size:1.45rem}.subdivision-options button span{color:var(--color-muted);font-size:.62rem}.subdivision-options button.selected{background:#f8f0df;border-color:var(--color-gold);box-shadow:inset 0 0 0 1px var(--color-gold);color:var(--color-navy)}.sound-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.sound-options button{align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:15px;display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:75px}.sound-options button strong{color:var(--color-navy);font-size:1.4rem}.sound-options button span{color:var(--color-muted);font-size:.7rem}.sound-options button.selected{background:#f8f0df;border-color:var(--color-gold)}.accent-toggle{align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:16px;display:flex;gap:14px;padding:14px;text-align:left;width:100%}.accent-toggle__switch{background:#d4d4d4;border-radius:999px;flex:0 0 auto;height:26px;position:relative;transition:.2s ease;width:46px}.accent-toggle__switch i{background:#fff;border-radius:50%;height:20px;left:3px;position:absolute;top:3px;transition:.2s ease;width:20px}.accent-toggle.enabled .accent-toggle__switch{background:var(--color-navy)}.accent-toggle.enabled .accent-toggle__switch i{background:var(--color-gold);transform:translateX(20px)}.accent-toggle small,.accent-toggle strong{display:block}.accent-toggle small{color:var(--color-muted);margin-top:3px}.timer-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.timer-help{color:var(--color-muted);font-size:.74rem;line-height:1.5;margin-top:13px}@media (max-width:1050px){.metronome-layout{grid-template-columns:1fr}.metronome-main{position:relative;top:auto}}@media (max-width:920px){.metronome-page{padding:38px 16px 115px;width:auto}.metronome-page__header{align-items:flex-start;flex-direction:column;gap:18px}.metronome-main{border-radius:26px;padding:24px 18px}}@media (max-width:620px){.metronome-display{grid-template-columns:70px 1fr 82px;min-height:160px}.metronome-display__signature{font-size:1.7rem}.metronome-display__bpm{font-size:5rem}.metronome-display__timer strong{font-size:1rem}.beat-visualizer{justify-content:flex-start;padding:10px 3px}.beat-indicator{height:34px;width:34px}.tempo-control{gap:5px;grid-template-columns:44px 38px 1fr 38px 44px}.tempo-control button{font-size:.72rem}.option-grid{grid-template-columns:repeat(2,1fr)}.option-grid--three{grid-template-columns:repeat(3,1fr)}.sound-options,.subdivision-options,.timer-options{grid-template-columns:repeat(2,1fr)}.setting-card{padding:19px}.setting-card__header{flex-direction:column;gap:7px}}.tuner-page{margin:0 auto;padding:52px 0 110px;width:min(var(--content-width),94vw)}.tuner-page__header{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:36px}.tuner-page__eyebrow{color:var(--color-gold);display:block;font-size:.72rem;font-weight:700;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.tuner-page__header h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:.95}.tuner-page__header p{color:var(--color-muted);line-height:1.65;margin-top:15px;max-width:650px}.tuner-status{align-items:center;background:var(--color-paper);border:1px solid var(--color-line);border-radius:999px;color:var(--color-muted);display:flex;font-size:.78rem;font-weight:700;gap:9px;padding:10px 15px}.tuner-status>span{background:#999;border-radius:50%;height:8px;width:8px}.tuner-status.active>span{background:#72d99b;box-shadow:0 0 0 4px #72d99b1f,0 0 14px #72d99ba6}.tuner-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(470px,1.05fr) minmax(390px,.95fr)}.tuner-main{background:radial-gradient(circle at 50% 10%,#d7ad6224,#0000 30%),linear-gradient(145deg,#121b38,#090f20);border-radius:32px;box-shadow:0 28px 75px #0b10203b;color:#fff;min-height:670px;overflow:hidden;padding:32px;position:sticky;text-align:center;top:100px}.tuner-main:after{background:repeating-linear-gradient(180deg,#0000,#0000 39px,#ffffff17 40px,#0000 41px);content:"";inset:0;opacity:.13;pointer-events:none;position:absolute}.tuner-main>*{position:relative;z-index:1}.tuner-main__top{align-items:center;color:#ffffff73;display:flex;font-size:.72rem;gap:20px;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.tuner-main__top strong{color:var(--color-gold-soft);font-weight:600}.tuner-note{align-items:flex-start;display:flex;font-family:Playfair Display,Georgia,serif;justify-content:center;margin-top:32px;min-height:150px}.tuner-note>span{font-size:clamp(7rem,13vw,10rem);letter-spacing:-.05em;line-height:.85}.tuner-note small{color:var(--color-gold-soft);font-size:2rem;margin-left:8px;margin-top:8px}.tuner-frequency{font-feature-settings:"tnum";color:#ffffffa8;font-size:1.05rem;font-variant-numeric:tabular-nums;margin-top:8px;min-height:28px}.tuner-gauge{margin:30px auto 0;width:min(520px,100%)}.tuner-gauge__labels{color:#ffffff59;display:flex;font-size:.65rem;justify-content:space-between;padding:0 7px}.tuner-gauge__arc{height:180px;margin-top:7px;overflow:hidden;position:relative}.tuner-gauge__arc:before{border:2px solid #ffffff1f;border-radius:50%;bottom:-125px;height:210px;width:420px}.tuner-gauge__arc:after,.tuner-gauge__arc:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.tuner-gauge__arc:after{background:radial-gradient(circle at bottom,#6cda9738,#0000 68%);border-radius:50% 50% 0 0;bottom:-2px;height:60px;width:60px}.tuner-gauge__ticks{inset:0;position:absolute}.tuner-gauge__ticks i{background:#ffffff40;bottom:30px;height:14px;left:50%;position:absolute;transform-origin:50% 145px;width:1px}.tuner-gauge__ticks i:first-child{transform:rotate(-45deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(2){transform:rotate(-40.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(3){transform:rotate(-36deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(4){transform:rotate(-31.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(5){transform:rotate(-27deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(6){transform:rotate(-22.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(7){transform:rotate(-18deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(8){transform:rotate(-13.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(9){transform:rotate(-9deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(10){transform:rotate(-4.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(11){transform:rotate(0deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(12){transform:rotate(4.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(13){transform:rotate(9deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(14){transform:rotate(13.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(15){transform:rotate(18deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(16){transform:rotate(22.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(17){transform:rotate(27deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(18){transform:rotate(31.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(19){transform:rotate(36deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(20){transform:rotate(40.5deg) translateY(-130px)}.tuner-gauge__ticks i:nth-child(21){transform:rotate(45deg) translateY(-130px)}.tuner-gauge__ticks i.center{background:#71dc9c;border-radius:10px;height:22px;width:3px}.tuner-gauge__needle{background:linear-gradient(to top,var(--color-gold),#fff1c8);border-radius:999px;bottom:14px;box-shadow:0 0 14px #d7ad6280;height:135px;left:50%;position:absolute;transform-origin:50% 100%;transition:transform .12s ease-out;width:3px}.tuner-gauge__needle span{background:var(--color-gold-soft);border-radius:50%;height:9px;left:50%;position:absolute;top:-3px;transform:translateX(-50%);width:9px}.tuner-gauge__pivot{background:#080d1b;border:2px solid #ffffff26;border-radius:50%;bottom:0;display:grid;height:28px;left:50%;place-items:center;position:absolute;transform:translateX(-50%);width:28px}.tuner-gauge__pivot span{background:var(--color-gold);border-radius:50%;height:9px;width:9px}.tuning-feedback{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:-6px;min-height:30px}.tuning-feedback__indicator{background:#777;border-radius:50%;height:9px;width:9px}.tuning-feedback strong{font-size:.9rem}.tuning-feedback>span{color:#ffffff7a;font-size:.75rem}.tuning-feedback.tuned .tuning-feedback__indicator{background:#6eda96;box-shadow:0 0 12px #6eda96a6}.tuning-feedback.tuned strong{color:#91eab3}.tuning-feedback.flat .tuning-feedback__indicator,.tuning-feedback.sharp .tuning-feedback__indicator{background:#dfb65e}.tuning-feedback.flat strong,.tuning-feedback.sharp strong{color:#f0d28d}.tuner-target{color:#ffffff6b;font-size:.72rem;margin-top:13px;min-height:22px}.tuner-target strong{color:#fff}.tuner-target span{color:var(
    --color-gold-soft
  )}.tuner-start{align-items:center;background:var(--color-gold);border:0;border-radius:999px;box-shadow:0 12px 28px #d7ad6238;color:#21180d;display:inline-flex;font-weight:800;gap:10px;justify-content:center;margin-top:32px;min-height:58px;min-width:210px;padding:0 25px;transition:.2s ease}.tuner-start:hover{transform:translateY(-2px)}.tuner-start.stop{background:#a74d4d;box-shadow:0 12px 28px #a74d4d38;color:#fff}.tuner-error{background:#ae46461f;border-radius:12px;color:#ffc2c2;font-size:.78rem;margin:18px auto 0;max-width:420px;padding:12px}.tuner-settings{grid-gap:14px;display:grid;gap:14px}.tuner-setting-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:24px;padding:24px}.tuner-setting-card__header{align-items:flex-start;display:flex;gap:12px;margin-bottom:22px}.tuner-setting-card__header>span{background:var(--color-cream);border-radius:50%;color:var(--color-navy);display:grid;flex:0 0 auto;font-size:.68rem;font-weight:800;height:30px;place-items:center;width:30px}.tuner-setting-card__header h2{font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:500}.tuner-setting-card__header p{color:var(--color-muted);font-size:.75rem;line-height:1.45;margin-top:4px}.reference-control{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:48px 1fr 48px}.reference-control>button{background:#fff;border:1px solid var(--color-line);border-radius:14px;color:var(--color-navy);font-size:1.2rem;font-weight:700;height:48px}.reference-control__value{align-items:center;background:var(--color-navy);border-radius:15px;color:#fff;display:flex;gap:6px;height:60px;justify-content:center}.reference-control__value input{background:#0000;border:0;color:var(--color-gold-soft);font-size:1.45rem;font-weight:700;outline:none;text-align:right;width:70px}.reference-control__value span{color:#ffffff80;font-size:.72rem}.reference-slider{accent-color:var(--color-gold);margin:20px 0;width:100%}.reference-presets{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(4,1fr)}.reference-presets button{background:#fff;border:1px solid var(--color-line);border-radius:12px;color:var(--color-muted);font-size:.72rem;font-weight:700;min-height:40px}.reference-presets button.selected{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.tuner-help{grid-gap:10px;display:grid;gap:10px}.tuner-help>div{align-items:center;background:#f8f5ee;border-radius:15px;display:flex;gap:13px;padding:12px}.tuner-help>div>span{border-radius:50%;display:grid;flex:0 0 auto;font-weight:800;height:36px;place-items:center;width:36px}.tuner-help span.flat{background:#f3e1b6;color:#a47728}.tuner-help span.tuned{background:#d9f1e1;color:#287747}.tuner-help span.sharp{background:#f3e1b6;color:#a47728}.tuner-help small,.tuner-help strong{display:block}.tuner-help strong{font-size:.8rem}.tuner-help small{color:var(--color-muted);font-size:.69rem;line-height:1.4;margin-top:2px}.tuner-info-card{align-items:center;background:linear-gradient(135deg,#151f42,#0c1329);color:#fff;display:flex;gap:15px}.tuner-info-card__icon{background:#ffffff12;border-radius:16px;color:var(--color-gold-soft);display:grid;flex:0 0 auto;font-family:Georgia,serif;font-size:1.6rem;height:52px;place-items:center;width:52px}.tuner-info-card p{color:#ffffff8c;font-size:.73rem;line-height:1.5;margin-top:4px}.tuner-main.tuned{box-shadow:0 28px 75px #0b10203b,inset 0 0 0 1px #6eda9633}@media (max-width:1050px){.tuner-layout{grid-template-columns:1fr}.tuner-main{position:relative;top:auto}}@media (max-width:920px){.tuner-page{padding:38px 16px 115px;width:auto}.tuner-page__header{align-items:flex-start;flex-direction:column;gap:18px}}@media (max-width:620px){.tuner-main{border-radius:26px;min-height:auto;padding:24px 17px}.tuner-main__top{align-items:flex-start;flex-direction:column;gap:5px}.tuner-note{margin-top:28px;min-height:125px}.tuner-note>span{font-size:7rem}.tuner-gauge__arc{height:155px}.tuner-gauge__needle{height:116px}.reference-presets{grid-template-columns:repeat(2,1fr)}.tuner-setting-card{padding:19px}}.circle-page{margin:0 auto;padding:52px 0 110px;width:min(var(--content-width),94vw)}.circle-page__header{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:36px}.circle-page__eyebrow{color:var(--color-gold);display:block;font-size:.72rem;font-weight:700;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.circle-page__header h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:.95}.circle-page__header>div:first-child>p{color:var(--color-muted);line-height:1.65;margin-top:15px;max-width:700px}.circle-page__legend{background:var(--color-paper);border:1px solid var(--color-line);border-radius:999px;display:flex;gap:15px;padding:11px 15px}.circle-page__legend span{align-items:center;color:var(--color-muted);display:flex;font-size:.72rem;font-weight:700;gap:7px}.circle-page__legend i{border-radius:50%;display:inline-block;height:8px;width:8px}.major-dot{background:var(--color-gold)}.minor-dot{background:var(--color-navy-light)}.circle-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(540px,1.05fr) minmax(390px,.95fr)}.circle-tool{background:radial-gradient(circle at 50% 42%,#d7ad6221,#0000 31%),linear-gradient(145deg,#121b38,#090f20);border-radius:32px;box-shadow:0 28px 75px #0b10203b;color:#fff;overflow:hidden;padding:30px;position:sticky;top:100px}.circle-tool:before{background:repeating-linear-gradient(180deg,#0000,#0000 39px,#ffffff17 40px,#0000 41px);content:"";inset:0;opacity:.1;pointer-events:none;position:absolute}.circle-tool>*{position:relative;z-index:1}.circle-tool__top{align-items:center;color:#ffffff6e;display:flex;font-size:.7rem;gap:20px;justify-content:space-between;letter-spacing:.1em;text-transform:uppercase}.circle-tool__top strong{color:var(--color-gold-soft);font-weight:700}.fifths-wheel{aspect-ratio:1;background:radial-gradient(circle,#ffffff0a 0 23%,#d7ad620f 23.5% 37%,hsla(0,0%,100%,.025) 37.5% 48%,#0000 48.5%);border:1px solid #ffffff12;border-radius:50%;margin:28px auto 16px;position:relative;width:min(610px,100%)}.fifths-wheel:after,.fifths-wheel:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.fifths-wheel:before{border:1px solid #d7ad6224;inset:10%}.fifths-wheel:after{border:1px solid #ffffff14;inset:25%}.fifths-wheel__direction{align-items:center;color:#ffffff61;display:flex;font-size:.65rem;gap:5px;position:absolute;top:4%}.fifths-wheel__direction span{color:var(--color-gold);font-size:1rem}.fifths-wheel__direction--sharp{right:17%}.fifths-wheel__direction--flat{left:17%}.fifths-key{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:0;position:absolute;transform:translate(-50%,-50%);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;z-index:4}.fifths-key:hover{transform:translate(-50%,-50%) scale(1.1)}.fifths-key strong{line-height:1}.fifths-key small{font-size:.54rem;margin-top:2px;opacity:.58}.fifths-key--major{background:#111a39f5;border:1px solid #d7ad6261;box-shadow:0 7px 18px #00000038;color:var(--color-gold-soft);font-size:1rem;height:62px;width:62px}.fifths-key--major.selected{background:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 0 5px #d7ad621f,0 8px 25px #d7ad6240;color:#251a0d}.fifths-key--minor{background:#182a4feb;border:1px solid #ffffff1f;color:#ffffffb3;font-size:.75rem;height:48px;width:48px}.fifths-key--minor.selected{background:#334d7e;border-color:#d7ad62b3;box-shadow:0 0 0 4px #d7ad6214;color:#fff}.fifths-wheel__center{align-items:center;aspect-ratio:1;background:radial-gradient(circle,#182849,#0d162d);border:1px solid #d7ad6240;border-radius:50%;box-shadow:0 15px 45px #00000047;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%;z-index:3}.fifths-wheel__center span{color:#fff6;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}.fifths-wheel__center strong{color:var(--color-gold-soft);font-family:Playfair Display,Georgia,serif;font-size:clamp(2.3rem,5vw,4.2rem);font-weight:500;margin:3px 0}.fifths-wheel__center small{color:#ffffff7a;font-size:.66rem}.circle-tool__hint{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff12;border-radius:16px;display:flex;gap:12px;margin:4px auto 0;max-width:540px;padding:13px 17px}.circle-tool__hint>span{color:var(--color-gold);flex:0 0 auto;font-size:1.35rem}.circle-tool__hint p{color:#ffffff78;font-size:.68rem;line-height:1.55}.circle-sidebar{grid-gap:14px;display:grid;gap:14px}.circle-info-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:24px;padding:24px}.circle-info-card--selected{display:flex;gap:16px}.circle-info-card__number{background:var(--color-cream);border-radius:50%;color:var(--color-navy);display:grid;flex:0 0 auto;font-size:.68rem;font-weight:800;height:34px;place-items:center;width:34px}.circle-info-card__content{width:100%}.circle-info-card__label{color:var(--color-muted);display:block;font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.circle-info-card--selected h2{font-family:Playfair Display,Georgia,serif;font-size:2.3rem;font-weight:500;margin:6px 0 18px}.circle-key-signature{grid-gap:3px 15px;background:var(--color-cream);border-radius:15px;display:grid;gap:3px 15px;grid-template-columns:auto 1fr;padding:14px 15px}.circle-key-signature>span{align-self:center;color:var(--color-muted);font-size:.66rem;grid-column:1;grid-row:1/3;letter-spacing:.08em;text-transform:uppercase}.circle-key-signature strong{color:var(--color-navy);font-size:1rem}.circle-key-signature small{color:var(--color-muted);font-size:.67rem}.circle-info-card__header{align-items:flex-start;display:flex;gap:12px;margin-bottom:19px}.circle-info-card__header>span{background:var(--color-cream);border-radius:50%;color:var(--color-navy);display:grid;flex:0 0 auto;font-size:.68rem;font-weight:800;height:30px;place-items:center;width:30px}.circle-info-card__header h3{font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:500}.circle-info-card__header p{color:var(--color-muted);font-size:.73rem;line-height:1.45;margin-top:4px}.tonal-relations{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.tonal-relations>div{background:#f8f5ee;border-radius:15px;display:flex;flex-direction:column;justify-content:center;min-height:77px;padding:12px 14px}.tonal-relations span{color:var(--color-muted);font-size:.64rem}.tonal-relations strong{color:var(--color-navy);font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:600;margin-top:3px}.harmonic-field{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.harmonic-chord{background:#fff;border:1px solid var(--color-line);border-radius:12px;min-width:0;padding:11px 4px;text-align:center}.harmonic-chord span{color:var(--color-gold);display:block;font-family:Georgia,serif;font-size:.67rem;font-weight:700}.harmonic-chord strong{color:var(--color-navy);display:block;font-size:.88rem;margin:5px 0}.harmonic-chord small{color:var(--color-muted);display:block;font-size:.52rem;overflow:hidden;text-overflow:ellipsis}.circle-tip-card{align-items:center;background:linear-gradient(135deg,#151f42,#0c1329);border-radius:24px;color:#fff;display:flex;gap:15px;padding:22px 24px}.circle-tip-card__icon{background:#ffffff12;border-radius:16px;color:var(--color-gold-soft);display:grid;flex:0 0 auto;font-family:Georgia,serif;font-size:1.8rem;height:52px;place-items:center;width:52px}.circle-tip-card strong{font-size:.84rem}.circle-tip-card p{color:#ffffff8c;font-size:.71rem;line-height:1.5;margin-top:4px}@media (max-width:1100px){.circle-layout{grid-template-columns:1fr}.circle-tool{position:relative;top:auto}.circle-sidebar{grid-template-columns:repeat(2,1fr)}.circle-info-card--selected{grid-column:1/-1}}@media (max-width:920px){.circle-page{padding:38px 16px 115px;width:auto}.circle-page__header{align-items:flex-start;flex-direction:column;gap:18px}.circle-sidebar{grid-template-columns:1fr}.circle-info-card--selected{grid-column:auto}}@media (max-width:650px){.circle-tool{border-radius:26px;padding:20px 10px 18px}.circle-tool__top{padding:0 10px}.fifths-wheel{margin-top:25px;width:100%}.fifths-key--major{font-size:.78rem;height:46px;width:46px}.fifths-key--minor{font-size:.61rem;height:36px;width:36px}.fifths-wheel__center{width:28%}.fifths-wheel__center strong{font-size:2rem}.fifths-wheel__center small{font-size:.52rem;max-width:70px;text-align:center}.fifths-wheel__direction{display:none}.circle-tool__hint{margin:5px 8px 0}.harmonic-field{grid-template-columns:repeat(4,1fr)}}@media (max-width:420px){.fifths-key--major{font-size:.7rem;height:41px;width:41px}.fifths-key--minor{font-size:.53rem;height:31px;width:31px}.fifths-key small{display:none}.tonal-relations{grid-template-columns:1fr 1fr}}.dictionary-page{margin:0 auto;padding:52px 0 110px;width:min(var(--content-width),94vw)}.dictionary-header{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:36px}.dictionary-header__eyebrow{color:var(--color-gold);display:block;font-size:.72rem;font-weight:700;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.dictionary-header h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:.95}.dictionary-header p{color:var(--color-muted);line-height:1.65;margin-top:15px;max-width:680px}.dictionary-header__counter{background:var(--color-paper);border:1px solid var(--color-line);border-radius:18px;min-width:135px;padding:16px 19px;text-align:center}.dictionary-header__counter strong{color:var(--color-navy);display:block;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;line-height:1}.dictionary-header__counter span{color:var(--color-muted);display:block;font-size:.65rem;margin-top:6px}.dictionary-search-panel{background:radial-gradient(circle at 15% 0,#d7ad6226,#0000 30%),linear-gradient(145deg,#121b38,#090f20);border-radius:26px;box-shadow:0 20px 55px #0b10202e;color:#fff;padding:25px}.dictionary-search{align-items:center;display:flex;position:relative}.dictionary-search__icon{color:var(--color-gold);font-size:1.4rem;left:18px;position:absolute;z-index:2}.dictionary-search input{background:#ffffff12;border:1px solid #ffffff1a;border-radius:17px;color:#fff;font-size:.95rem;min-height:64px;outline:none;padding:0 55px 0 52px;transition:border-color .2s ease,background .2s ease;width:100%}.dictionary-search input::placeholder{color:#ffffff61}.dictionary-search input:focus{background:#ffffff17;border-color:#d7ad62b3}.dictionary-search__clear{background:#ffffff17;border:0;border-radius:50%;color:#fff;display:grid;font-size:1.2rem;height:34px;place-items:center;position:absolute;right:15px;width:34px}.dictionary-search-panel__info{align-items:center;color:#ffffff6e;display:flex;font-size:.67rem;gap:20px;justify-content:space-between;margin-top:12px;padding:0 3px}.dictionary-search-panel__info strong{color:var(--color-gold-soft)}.dictionary-categories{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-top:18px}.dictionary-categories button{align-items:center;background:var(--color-paper);border:1px solid var(--color-line);border-radius:16px;color:var(--color-muted);display:flex;flex-direction:column;font-size:.68rem;font-weight:700;gap:4px;justify-content:center;min-height:79px;min-width:0;padding:10px 5px;transition:.18s ease}.dictionary-categories button:hover{border-color:#d7ad6299;transform:translateY(-2px)}.dictionary-categories button.selected{background:var(--color-navy);border-color:var(--color-navy);box-shadow:0 10px 25px #111a3926;color:#fff}.dictionary-categories__icon{color:var(--color-gold);font-family:Georgia,serif;font-size:1.15rem;height:22px}.dictionary-categories small{font-size:.58rem;opacity:.55}.dictionary-results-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin:40px 0 17px}.dictionary-results-header>div>span{color:var(--color-gold);font-size:.63rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dictionary-results-header h2{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:500;margin-top:4px}.dictionary-results-header>button{background:#fff;border:1px solid var(--color-line);border-radius:999px;color:var(--color-muted);font-size:.67rem;font-weight:700;padding:9px 13px}.dictionary-list{grid-gap:13px;align-items:start;display:grid;gap:13px;grid-template-columns:repeat(2,1fr)}.dictionary-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:22px;overflow:hidden;padding:22px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dictionary-card:hover{border-color:#d7ad628c;box-shadow:0 15px 35px #14192d0f;transform:translateY(-2px)}.dictionary-card--expanded{border-color:#d7ad6299}.dictionary-card__top{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:13px;min-height:26px}.dictionary-card__category{align-items:center;background:var(--color-cream);border-radius:999px;color:var(--color-navy);display:inline-flex;font-size:.6rem;font-weight:700;gap:6px;padding:6px 9px}.dictionary-card__abbreviation{color:var(--color-gold);font-family:Georgia,serif;font-size:.75rem;font-style:italic;font-weight:700}.dictionary-card__content{display:flex;gap:25px;justify-content:space-between}.dictionary-card__content>div:first-child{flex:1 1}.dictionary-card h3{color:var(--color-navy);font-family:Playfair Display,Georgia,serif;font-size:1.65rem;font-style:italic;font-weight:500}.dictionary-card p{color:var(--color-muted);font-size:.83rem;line-height:1.55;margin-top:8px}.dictionary-card__metadata{grid-gap:7px;align-content:start;display:grid;gap:7px;min-width:86px}.dictionary-card__metadata>div{background:#f8f5ee;border-radius:11px;padding:8px 10px;text-align:center}.dictionary-card__metadata span{color:var(--color-muted);display:block;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.dictionary-card__metadata strong{color:var(--color-navy);display:block;font-size:.73rem;margin-top:3px}.dictionary-card__metadata .dictionary-card__symbol{font-family:Georgia,serif;font-size:1.2rem}.dictionary-card__more{align-items:center;background:#0000;border:0;border-top:1px solid var(--color-line);color:var(--color-navy);display:flex;font-size:.65rem;font-weight:700;justify-content:space-between;margin-top:17px;padding:11px 0 0;text-align:left;width:100%}.dictionary-card__details{background:var(--color-cream);border-radius:13px;margin-top:13px;padding:14px}.dictionary-card__details span{color:var(--color-gold);display:block;font-size:.55rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dictionary-card__details p{font-size:.75rem;margin-top:6px}.dictionary-empty{background:var(--color-paper);border:1px dashed var(--color-line);border-radius:25px;padding:70px 20px;text-align:center}.dictionary-empty__icon{color:var(--color-gold);font-family:Georgia,serif;font-size:3rem}.dictionary-empty h2{font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:500;margin-top:10px}.dictionary-empty p{color:var(--color-muted);font-size:.8rem;margin-top:7px}.dictionary-empty button{background:var(--color-gold);border:0;border-radius:999px;color:#21180d;font-weight:700;margin-top:18px;padding:11px 17px}.dictionary-tip{align-items:center;background:linear-gradient(135deg,#151f42,#0c1329);border-radius:22px;color:#fff;display:flex;gap:16px;margin-top:28px;padding:21px 24px}.dictionary-tip__symbol{background:#ffffff12;border-radius:15px;color:var(--color-gold-soft);display:grid;flex:0 0 auto;font-family:Georgia,serif;font-size:1.6rem;height:52px;place-items:center;width:52px}.dictionary-tip strong{font-size:.82rem}.dictionary-tip p{color:#ffffff8c;font-size:.71rem;line-height:1.5;margin-top:4px;max-width:700px}@media (max-width:1050px){.dictionary-categories{grid-template-columns:repeat(4,1fr)}}@media (max-width:920px){.dictionary-page{padding:38px 16px 115px;width:auto}.dictionary-header{align-items:flex-start;flex-direction:column;gap:18px}.dictionary-header__counter{text-align:left}}@media (max-width:700px){.dictionary-list{grid-template-columns:1fr}.dictionary-categories{grid-template-columns:repeat(3,1fr)}.dictionary-search-panel__info{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:470px){.dictionary-categories{grid-template-columns:repeat(2,1fr)}.dictionary-card__content{flex-direction:column;gap:12px}.dictionary-card__metadata{grid-template-columns:repeat(2,1fr)}.dictionary-results-header{align-items:flex-start;flex-direction:column}}.theory-topic-page{margin:auto;max-width:900px;padding:30px 0 60px}.theory-topic-page header{background:var(--color-paper);border:1px solid var(--color-line);border-radius:26px;margin-top:22px;padding:36px}.theory-topic-page header span{color:var(--color-navy);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.theory-topic-page header>div{font-size:3rem;margin-top:20px}.theory-topic-page h1{font-size:clamp(2.2rem,6vw,4rem);margin:8px 0 12px}.theory-topic-page article p,.theory-topic-page header p{color:var(--color-text);line-height:1.75}.theory-topic-page article{padding:12px 20px 24px}.theory-topic-page article h2{margin-top:30px}.theory-topic-page__tip{background:var(--color-cream);border-left:4px solid var(--color-navy);border-radius:12px;margin-top:30px;padding:20px}.theory-topic-page__exercise{align-items:center;background:var(--color-navy);border:1px solid var(--color-navy);border-radius:14px;color:var(--color-white);display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:14px 18px;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}.theory-topic-page__exercise:hover{background:var(--color-navy-light)}.theory-topic-page__exercise:focus-visible{outline:3px solid var(--color-navy);outline-offset:4px}.exercise-topic-page{color:var(--color-text);margin:auto;max-width:900px;padding:30px 0 60px}.exercise-box__next,.exercise-result a{align-items:center;background:var(--color-gold-soft);border:1px solid var(--color-navy);border-radius:14px;color:var(--color-navy);cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:12px 18px;text-decoration:none}.exercise-box__next:hover,.exercise-result a:hover{background:var(--color-gold)}.exercise-topic-page header{background:var(--color-paper);border:1px solid var(--color-line);border-radius:24px;margin:22px 0;padding:30px}.exercise-topic-page header span{color:var(--color-navy);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.exercise-topic-page h1{font-size:clamp(2rem,5vw,3.5rem);margin:8px 0}.exercise-topic-page header p{color:var(--color-text);line-height:1.6}.exercise-box,.exercise-result{background:var(--color-navy);border:1px solid var(--color-navy-light);border-radius:24px;color:var(--color-white);padding:30px}.exercise-box__progress{color:var(--color-gold-soft);font-size:.8rem;font-weight:800;margin-bottom:12px}.exercise-box__options{grid-gap:10px;display:grid;gap:10px;margin:22px 0}.exercise-box__options button{background:var(--color-navy-light);border:1px solid #8190ad;border-radius:14px;color:var(--color-white);cursor:pointer;line-height:1.5;min-height:44px;padding:15px 16px;text-align:left}.exercise-box__options button:hover{border-color:var(--color-gold-soft)}.exercise-box__options button.correct{background:#184b39;border-color:#58e39a;color:var(--color-white)}.exercise-box__options button.wrong{background:#652c39;border-color:#ff9696;color:var(--color-white)}.exercise-box__feedback{color:var(--color-white);font-weight:700;line-height:1.6;margin-bottom:16px}.exercise-result{text-align:center}.exercise-result>div{color:var(--color-gold-soft);font-size:3rem}.exercise-result p{color:var(--color-white);line-height:1.6;margin:14px 0 22px}.exercise-topic-page a:focus-visible,.exercise-topic-page button:focus-visible{outline:3px solid var(--color-gold);outline-offset:4px}@media (max-width:620px){.exercise-box,.exercise-result,.exercise-topic-page header{padding:22px 16px}}.piano-instrument-page{padding:28px 0 52px}.piano-digital{--piano-bg:#0b1020;--piano-panel:#121a2f;--piano-text:#f5f7fb;--piano-muted:#9aa6c2;--piano-accent:#7c5cff;--piano-accent-2:#38d4ff;--piano-ok:#58e39a;background:radial-gradient(circle at top left,#7c5cff2e,#0000 35%),radial-gradient(circle at top right,#38d4ff1c,#0000 30%),linear-gradient(180deg,#0b1020,#080c17);border-radius:28px;color:var(--piano-text);padding:28px}.piano-digital *{box-sizing:border-box}.piano-digital__top{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.piano-digital__eyebrow{color:var(--piano-accent-2);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.piano-digital h1{font-size:clamp(2.1rem,5vw,4.2rem);letter-spacing:-.05em;line-height:1;margin:6px 0 8px}.piano-digital__top p{color:var(--piano-muted);line-height:1.6;margin:0}.piano-digital__badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;font-weight:800;padding:10px 14px;white-space:nowrap}.piano-digital__badge.is-ready{color:var(--piano-ok)}.piano-digital__panel{background:linear-gradient(180deg,#18213af7,#0e1424f7);border:1px solid #ffffff14;border-radius:26px;box-shadow:0 24px 60px #00000059;overflow:hidden}.piano-digital__display-grid{grid-gap:18px;border-bottom:1px solid #ffffff12;display:grid;gap:18px;grid-template-columns:1.15fr .85fr;padding:22px}.piano-digital__screen{background:#0c1324;border:1px solid #ffffff14;border-radius:20px;min-height:180px;overflow:hidden;padding:24px;position:relative}.piano-digital__screen:before{background:#7c5cff29;border-radius:50%;bottom:-70px;content:"";filter:blur(10px);height:180px;position:absolute;right:-55px;width:180px}.piano-digital__label{color:var(--piano-muted);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.piano-digital__note{font-size:clamp(3.7rem,8vw,7rem);font-weight:950;letter-spacing:-.06em;line-height:1;margin-top:5px}.piano-digital__frequency{color:var(--piano-accent-2);font-weight:800;margin-top:10px}.piano-digital__status-line{color:var(--piano-muted);display:flex;flex-wrap:wrap;font-size:.86rem;gap:16px;margin-top:15px}.piano-digital__loadbar{background:#09101f;border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.piano-digital__loadbar>div{background:linear-gradient(90deg,var(--piano-accent),var(--piano-accent-2));height:100%;transition:width .25s}.piano-digital__controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.piano-control{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;padding:14px}.piano-control--wide{grid-column:1/-1}.piano-control label{color:var(--piano-muted);display:block;font-size:.78rem;font-weight:800;margin-bottom:8px}.piano-control input[type=range]{accent-color:var(--piano-accent);width:100%}.piano-control button{background:#0e1527;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-weight:850;padding:11px 12px;width:100%}.piano-control button:disabled{cursor:not-allowed;opacity:.55}.piano-control button.is-active{background:linear-gradient(135deg,#2fdc8b,#1da56a);border-color:#0000}.piano-control .piano-control__primary{background:linear-gradient(135deg,var(--piano-accent),#5f46db);border-color:#0000}.piano-keyboard-wrap{overflow-x:auto;padding:22px}.piano-keyboard{background:#070b14;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff0f;height:330px;min-width:1100px;padding:10px;position:relative;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.piano-keyboard__white-row{display:flex;gap:2px;height:100%}.piano-key{cursor:pointer;position:relative;transition:transform .06s,background .06s,box-shadow .06s}.piano-key--white{align-items:flex-end;background:linear-gradient(#fff,#e6ebf4);border:0;border-radius:0 0 10px 10px;box-shadow:inset 0 -8px 0 #c9d1dd,0 6px 10px #00000040;color:#151b29;display:flex;flex:1 1;font-weight:850;justify-content:center;padding-bottom:15px}.piano-key--white.is-active,.piano-key--white:active{background:linear-gradient(#baaefe,#715bf4);box-shadow:inset 0 -5px 0 #4c37b4;color:#fff;transform:translateY(3px)}.piano-key--black{align-items:flex-end;background:linear-gradient(#313847,#0a0d14 38%,#000);border:1px solid #303848;border-radius:0 0 9px 9px;box-shadow:inset 0 -6px 0 #111722,0 8px 13px #00000073;color:#fff;display:flex;font-size:.75rem;font-weight:850;height:61%;justify-content:center;padding-bottom:10px;position:absolute;top:10px;width:5.35%;z-index:4}.piano-key--black.is-active,.piano-key--black:active{background:linear-gradient(#5ce2ff,#5a49f3);transform:translateY(3px)}.piano-key em{bottom:35px;font-size:.68rem;font-style:normal;opacity:.55;position:absolute}.piano-key--black em{bottom:27px}.piano-digital__footer{color:var(--piano-muted);font-size:.86rem;line-height:1.6;padding:0 22px 22px}.piano-digital__footer div{font-size:.75rem;margin-top:8px;opacity:.75}@media (max-width:800px){.piano-digital{padding:16px}.piano-digital__top{flex-direction:column}.piano-digital__display-grid{grid-template-columns:1fr}.piano-keyboard{height:280px}}@media (max-width:560px){.piano-digital__controls{grid-template-columns:1fr}.piano-control--wide{grid-column:auto}}.piano-digital__footer,.piano-digital__footer div,.piano-digital__footer p,.piano-digital__footer span{height:auto!important;max-height:none!important;overflow:visible!important;overflow-wrap:anywhere;white-space:normal!important}@media (max-width:620px){.piano-digital{overflow:visible!important;padding-bottom:18px}.piano-digital__footer{display:block;font-size:.72rem;line-height:1.5;padding-bottom:8px}}.piano-digital,.piano-digital__footer,.piano-digital__footer div,.piano-digital__footer p,.piano-digital__footer span{max-height:none!important;overflow:visible!important}.piano-digital__footer{max-height:none!important;overflow-wrap:anywhere;position:relative;z-index:1}.piano-digital__footer,.piano-digital__footer div,.piano-digital__footer p,.piano-digital__footer span{display:block;height:auto!important;text-overflow:clip!important;white-space:normal!important;width:100%}.piano-digital__footer div,.piano-digital__footer p,.piano-digital__footer span{-webkit-line-clamp:unset!important}@media (max-width:720px){.piano-instrument-page{overflow:visible!important;padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}.piano-digital{overflow:visible!important;padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px))}.piano-digital__footer{display:block!important;font-size:.72rem;height:auto!important;line-height:1.65;margin-top:18px;max-height:none!important;overflow:visible!important;padding:15px 4px calc(24px + env(safe-area-inset-bottom, 0px));white-space:normal!important}}@media (max-width:390px){.piano-instrument-page{padding-bottom:calc(110px + env(safe-area-inset-bottom, 0px))}.piano-digital__footer{font-size:.7rem;line-height:1.7;padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px))}}@media (orientation:landscape) and (max-width:1024px) and (max-height:600px){.piano-instrument-page{overflow-x:hidden;padding:8px 0 calc(24px + env(safe-area-inset-bottom, 0px))}.piano-digital{border-radius:14px;overflow:visible!important;padding:8px}.piano-digital__top{display:none}.piano-digital__panel{border-radius:12px;overflow:visible}.piano-digital__display-grid{gap:7px;grid-template-columns:minmax(190px,.8fr) minmax(300px,1.2fr);padding:7px}.piano-digital__screen{border-radius:10px;min-height:105px;padding:10px}.piano-digital__label{font-size:.52rem}.piano-digital__note{font-size:2.6rem;margin-top:2px}.piano-digital__frequency{font-size:.68rem;margin-top:4px}.piano-digital__loadbar,.piano-digital__status-line{display:none}.piano-digital__controls{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.piano-control{border-radius:8px;padding:6px}.piano-control--wide{grid-column:auto}.piano-control label{font-size:.5rem}.piano-control button{font-size:.48rem;min-height:26px}.piano-keyboard-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x}.piano-keyboard{height:clamp(145px,46svh,220px);min-width:760px}.piano-key span{font-size:.58rem}.piano-key em{display:none}.piano-digital__footer{display:block!important;font-size:.58rem;height:auto!important;line-height:1.45;margin-top:8px;max-height:none!important;overflow:visible!important;padding:8px 3px calc(18px + env(safe-area-inset-bottom, 0px))}.piano-digital__footer div{font-size:.54rem;margin-top:4px}}@media (orientation:landscape) and (max-width:900px) and (max-height:430px){.piano-digital__display-grid{grid-template-columns:180px minmax(0,1fr)}.piano-digital__screen{min-height:84px;padding:7px}.piano-digital__note{font-size:2.1rem}.piano-control:nth-child(3),.piano-control:nth-child(4){display:none}.piano-digital__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.piano-keyboard{height:clamp(125px,42svh,175px);min-width:700px}}.ii-page{--ii-text:#f5f7fb;--ii-muted:#98a6c2;--ii-accent:#7c5cff;--ii-cyan:#38d4ff;--ii-green:#58e39a;padding:28px 0 48px}.ii-page *{box-sizing:border-box}.ii-hero{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:22px;display:flex;gap:22px;padding:24px}.ii-hero__icon{background:linear-gradient(145deg,#7c5cff1f,#38d4ff12);border-radius:20px;display:grid;flex:0 0 auto;font-size:3rem;height:80px;place-items:center;width:80px}.ii-hero span,.ii-lab__top>div>span,.ii-notes-intro>span{color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ii-hero h1{font-size:clamp(2rem,5vw,3.35rem);margin:5px 0 8px}.ii-hero p{color:var(--text-soft);line-height:1.6;margin:0;max-width:780px}.ii-lab{background:radial-gradient(circle at top left,#7c5cff29,#0000 34%),radial-gradient(circle at top right,#38d4ff12,#0000 30%),linear-gradient(180deg,#0c1323,#070c16);border-radius:26px;color:var(--ii-text);margin-top:20px;padding:22px}.ii-lab__top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.ii-lab__top>div>span{color:var(--ii-cyan)}.ii-lab h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:5px 0 6px}.ii-lab__top p{color:var(--ii-muted);line-height:1.5;margin:0;max-width:760px}.ii-status{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:var(--ii-muted);flex:0 0 auto;font-size:.75rem;font-weight:800;padding:8px 12px}.ii-status.is-ready{color:var(--ii-green)}.ii-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(300px,370px) minmax(0,1fr)}.ii-sidebar{min-width:0}.ii-sidebar__sticky{background:linear-gradient(180deg,#141d32fa,#0b111ffa);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 16px 45px #00000040;padding:14px;position:sticky;top:16px}.ii-current{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 2px 10px}.ii-current>div{grid-column-gap:7px;align-items:baseline;column-gap:7px;display:grid;grid-template-columns:auto auto}.ii-current span{color:var(--ii-muted);font-size:.56rem;font-weight:800;grid-column:1/-1;letter-spacing:.1em;text-transform:uppercase}.ii-current strong{color:var(--ii-cyan);font-size:1.75rem}.ii-current small{color:var(--ii-muted);font-size:.62rem}.ii-controls button,.ii-current button{background:linear-gradient(135deg,#7c5cff,#5943d6);border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-weight:800}.ii-current button{font-size:.68rem;padding:9px 11px}.ii-controls button:disabled,.ii-current button:disabled,.ii-drum-pad:disabled,.ii-note-button:disabled{cursor:not-allowed;opacity:.4}.ii-visual-panel{background:radial-gradient(circle at 50% 45%,#7c5cff1a,#0000 56%),#090f1c;border-radius:16px;display:grid;min-height:440px;overflow:hidden;place-items:center}.ii-info{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.ii-info>div{background:hsla(0,0%,100%,.035);border:1px solid #ffffff0f;border-radius:9px;min-width:0;padding:8px}.ii-info span{color:var(--ii-muted);display:block;font-size:.5rem}.ii-info b{display:block;font-size:.7rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.ii-controls{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 94px;margin-top:7px}.ii-controls label{background:hsla(0,0%,100%,.035);border:1px solid #ffffff0f;border-radius:9px;color:var(--ii-muted);font-size:.52rem;font-weight:800;padding:7px 9px}.ii-controls input{accent-color:var(--ii-accent);display:block;margin-top:4px;width:100%}.ii-controls button{font-size:.58rem}.ii-notes-panel{min-width:0}.ii-notes-intro{background:hsla(0,0%,100%,.035);border:1px solid #ffffff12;border-radius:16px;margin-bottom:11px;padding:16px}.ii-notes-intro>span{color:var(--ii-cyan);font-size:.62rem}.ii-notes-intro h3{font-size:1.25rem;margin:4px 0}.ii-notes-intro p{color:var(--ii-muted);font-size:.76rem;line-height:1.45;margin:0}.ii-note-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.ii-note-button{align-items:center;background:linear-gradient(180deg,#182238,#101728);border:1px solid #ffffff12;border-radius:11px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:86px;padding:7px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.ii-note-button:hover{border-color:#7c5cffb3;transform:translateY(-2px)}.ii-note-button.is-selected{border-color:var(--ii-cyan);box-shadow:inset 0 0 0 1px #38d4ff40}.ii-note-button.is-playing{background:linear-gradient(135deg,#7c5cff,#5040c4);border-color:#0000}.ii-note-button strong{font-size:1.15rem}.ii-note-button span{color:var(--ii-muted);font-size:.57rem;text-transform:capitalize}.ii-note-button em{color:var(--ii-cyan);font-size:.57rem;font-style:normal;font-weight:800}.ii-note-button.is-playing em,.ii-note-button.is-playing span{color:#fff}.ii-footer{border-top:1px solid #ffffff12;color:var(--ii-muted);display:flex;flex-wrap:wrap;font-size:.72rem;gap:5px;line-height:1.55;margin-top:16px;overflow:visible;padding:15px 2px 4px;white-space:normal}.ii-footer strong{color:#fff}.ii-footer span{max-width:100%;min-width:0;overflow:visible;white-space:normal}.ii-brass-visual,.ii-percussion-visual,.ii-string-visual,.ii-trombone-visual,.ii-woodwind-visual{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ii-string-body{height:360px;position:relative;width:200px}.ii-string-body__neck{background:linear-gradient(90deg,#6b3218,#c0783e,#6b3218);height:160px;top:10px;width:24px}.ii-string-body__fingerboard,.ii-string-body__neck{left:50%;position:absolute;transform:translateX(-50%)}.ii-string-body__fingerboard{background:linear-gradient(90deg,#090909,#333,#080808);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);height:205px;top:18px;width:34px;z-index:4}.ii-string-body__lower,.ii-string-body__upper,.ii-string-body__waist{background:radial-gradient(circle at 50% 25%,#dc9049,#aa5528 60%,#6b2d15);border:2px solid #54220f;left:50%;position:absolute;transform:translateX(-50%)}.ii-string-body__upper{border-radius:48%;height:85px;top:145px;width:125px}.ii-string-body__waist{border-radius:30%;height:65px;top:205px;width:88px}.ii-string-body__lower{border-radius:45% 45% 55% 55%;height:105px;top:245px;width:155px}.ii-string-body__bridge{background:#d7ba82;height:7px;top:248px;width:58px;z-index:5}.ii-string-body__bridge,.ii-string-body__tail{left:50%;position:absolute;transform:translateX(-50%)}.ii-string-body__tail{background:#151311;bottom:22px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);height:70px;width:42px;z-index:4}.ii-string-line{background:#ddd;height:306px;position:absolute;top:18px;transform:translateX(-50%);width:1.2px;z-index:8}.ii-string-line.is-active{background:var(--ii-cyan);box-shadow:0 0 8px var(--ii-cyan);width:4px}.ii-finger-dot{background:linear-gradient(135deg,#7c5cff,#38d4ff);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #7c5cff33;display:grid;font-size:.72rem;font-weight:900;height:28px;place-items:center;position:absolute;transform:translate(-50%,-50%);width:28px;z-index:12}.ii-finger-dot.is-open{background:#22bb78}.ii-visual-caption{align-items:baseline;display:flex;gap:8px;margin-top:6px}.ii-visual-caption b{color:var(--ii-cyan);font-size:.86rem}.ii-visual-caption span{color:var(--ii-muted);font-size:.62rem}.ii-woodwind{height:375px;position:relative;width:220px}.ii-woodwind__bell,.ii-woodwind__body,.ii-woodwind__top{background:linear-gradient(90deg,#060606,#303030,#080808);left:50%;position:absolute;transform:translateX(-50%)}.ii-woodwind__top{border-bottom:3px solid #c9ced7;border-radius:10px 10px 3px 3px;height:58px;top:5px;width:29px}.ii-woodwind--flute .ii-woodwind__top{background:linear-gradient(90deg,#8993a2,#eef2f6,#7d8797);border-bottom:none;width:40px}.ii-woodwind--bassoon .ii-woodwind__top,.ii-woodwind--oboe .ii-woodwind__top{background:#caa46a;width:10px}.ii-woodwind__body{border-left:1px solid #ffffff1a;border-right:1px solid #ffffff14;height:245px;top:62px;width:36px}.ii-woodwind--flute .ii-woodwind__body{background:linear-gradient(90deg,#8c96a5,#f2f4f7,#818b9b)}.ii-woodwind--oboe .ii-woodwind__body{width:32px}.ii-woodwind--bassoon .ii-woodwind__body{background:linear-gradient(90deg,#6f3217,#b9652f,#743418);width:54px}.ii-woodwind__bell{border-bottom:4px solid #c9ced7;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);height:57px;top:303px;width:66px}.ii-woodwind--flute .ii-woodwind__bell{background:linear-gradient(90deg,#8993a2,#eef2f6,#7d8797);width:46px}.ii-ww-hole{background:#111;border:3px solid #bec5cf;border-radius:50%;color:#667085;display:grid;font-size:.58rem;font-weight:900;height:26px;left:50%;place-items:center;position:absolute;transform:translateX(-50%);width:26px;z-index:8}.ii-woodwind--flute .ii-ww-hole{background:#bdc5cf;border-color:#eef2f6;color:#5a6472}.ii-ww-hole--1{top:88px}.ii-ww-hole--2{top:126px}.ii-ww-hole--3{top:164px}.ii-ww-hole--4{top:214px}.ii-ww-hole--5{top:252px}.ii-ww-hole--6{top:290px}.ii-ww-control.is-active,.ii-ww-hole.is-active,.ii-ww-side.is-active{background:linear-gradient(135deg,#7c5cff,#38d4ff)!important;border-color:var(--ii-cyan)!important;box-shadow:0 0 14px #38d4ffa6;color:#fff!important}.ii-ww-control,.ii-ww-side{background:#151b27;border:2px solid #aeb6c3;color:#8290a7;display:grid;font-size:.5rem;font-weight:900;place-items:center;position:absolute;z-index:10}.ii-ww-control--thumb{border-radius:50%;height:31px;left:48px;top:116px;width:31px}.ii-ww-control--register{border-radius:999px;height:38px;left:55px;top:78px;width:24px}.ii-ww-side{border-radius:999px;height:22px;min-width:30px;right:46px}.ii-ww-side--1{top:134px}.ii-ww-side--2{top:205px}.ii-brass{height:250px;position:relative;width:280px}.ii-brass__mouthpiece{background:linear-gradient(180deg,#d7b75c,#8f6d1f);border-radius:999px;height:14px;left:15px;position:absolute;top:108px;width:42px}.ii-brass__tube{background:#0000;border:10px solid #d4ad40;border-radius:28px;height:48px;left:45px;position:absolute;top:92px;width:160px}.ii-brass__bell{background:linear-gradient(90deg,#9a741f,#e4c65f);clip-path:polygon(0 30%,55% 30%,100% 0,100% 100%,55% 70%,0 70%);height:90px;position:absolute;right:8px;top:72px;width:88px}.ii-brass--horn .ii-brass__tube,.ii-brass--tuba .ii-brass__tube{border-radius:50%;height:150px;left:58px;top:50px;width:150px}.ii-brass--horn .ii-brass__bell{right:10px;top:25px;transform:rotate(-18deg)}.ii-brass--tuba .ii-brass__bell{right:18px;top:5px;transform:rotate(-75deg)}.ii-brass__valves{display:flex;gap:8px;left:105px;position:absolute;top:74px;z-index:5}.ii-valve{background:linear-gradient(90deg,#876817,#e2c15a,#866715);border:3px solid #b38e2e;border-radius:8px;height:86px;position:relative;transition:transform .15s ease;width:30px}.ii-valve span{background:#d7b650;border-radius:7px;color:#3b2a05;display:grid;font-size:.6rem;font-weight:900;height:24px;left:50%;place-items:center;position:absolute;top:-22px;transform:translateX(-50%);width:25px}.ii-valve.is-active{box-shadow:0 0 12px #38d4ff80;filter:brightness(1.3);transform:translateY(10px)}.ii-trombone{height:240px;position:relative;width:300px}.ii-trombone__bell{background:linear-gradient(90deg,#99731f,#e2c05a);clip-path:polygon(0 36%,50% 36%,100% 0,100% 100%,50% 64%,0 64%);height:110px;position:absolute;right:12px;top:44px;width:92px}.ii-trombone__body{border:10px solid #d3ad43;border-radius:24px;height:48px;left:62px;position:absolute;top:91px;width:172px}.ii-trombone__slide{border-bottom:5px solid #d9ba55;border-left:5px solid #d9ba55;border-radius:0 0 18px 18px;border-right:5px solid #d9ba55;height:64px;left:5px;position:absolute;top:112px;transition:transform .22s ease;width:185px}.ii-trombone__grip{background:#9b781f;height:80px;left:122px;position:absolute;top:102px;width:7px}.ii-percussion-kit{height:320px;position:relative;width:310px}.ii-drum-pad{align-items:center;background:radial-gradient(circle,#d8dde5 0 45%,#8c96a5 47% 55%,#303a4c 57%);border:4px solid #8993a5;border-radius:50%;color:#111;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:absolute;transition:transform .12s ease,filter .12s ease}.ii-drum-pad b{font-size:.65rem}.ii-drum-pad span{font-size:.5rem}.ii-drum-pad.is-active{box-shadow:0 0 22px #38d4ffa6;filter:brightness(1.45);transform:scale(.94)}.ii-drum-pad--1{height:118px;left:96px;top:160px;width:118px}.ii-drum-pad--2{height:82px;left:35px;top:96px;width:82px}.ii-drum-pad--3{height:82px;right:35px;top:96px;width:82px}.ii-drum-pad--4{height:78px;left:116px;top:72px;width:78px}.ii-drum-pad--5{left:8px}.ii-drum-pad--5,.ii-drum-pad--6{height:76px;top:190px;width:76px}.ii-drum-pad--6{right:8px}@media(max-width:1050px){.ii-layout{grid-template-columns:290px minmax(0,1fr)}.ii-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ii-visual-panel{min-height:410px}.ii-string-body,.ii-woodwind{transform:scale(.9)}.ii-brass,.ii-trombone{transform:scale(.86)}.ii-percussion-kit{transform:scale(.88)}}@media(max-width:720px){.ii-page{padding:14px 0 34px}.ii-hero{border-radius:18px;gap:12px;padding:15px}.ii-hero__icon{border-radius:14px;font-size:2.3rem;height:58px;width:58px}.ii-hero h1{font-size:1.8rem}.ii-hero p{font-size:.8rem}.ii-lab{border-radius:18px;margin-top:13px;overflow:visible;padding:10px 10px 18px}.ii-lab__top{flex-direction:column;gap:8px;margin-bottom:9px}.ii-lab h2{font-size:1.45rem}.ii-lab__top p{font-size:.72rem}.ii-status{font-size:.59rem;padding:5px 8px}.ii-layout{display:block}.ii-sidebar{width:100%}.ii-sidebar__sticky{border-radius:14px;box-shadow:0 8px 28px #0009;margin-bottom:9px;padding:7px;position:sticky;top:4px;z-index:40}.ii-current{padding-bottom:4px}.ii-current strong{font-size:1.25rem}.ii-current span{font-size:.45rem}.ii-current small{font-size:.48rem}.ii-current button{font-size:.55rem;padding:6px 9px}.ii-visual-panel{display:block;height:238px;min-height:238px;position:relative}.ii-brass-visual,.ii-percussion-visual,.ii-string-visual,.ii-trombone-visual,.ii-woodwind-visual{height:430px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.52);transform-origin:center;width:360px}.ii-brass,.ii-percussion-kit,.ii-string-body,.ii-trombone,.ii-woodwind{transform:none}.ii-visual-caption{margin-top:0}.ii-info{gap:4px;margin-top:4px}.ii-info>div{padding:5px}.ii-info span{font-size:.4rem}.ii-info b{font-size:.55rem}.ii-controls{display:none}.ii-notes-intro{margin-bottom:7px;padding:10px}.ii-notes-intro h3{font-size:1rem}.ii-notes-intro p{font-size:.66rem}.ii-note-grid{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.ii-note-button{border-radius:8px;min-height:68px;padding:4px 2px}.ii-note-button strong{font-size:.9rem}.ii-note-button em,.ii-note-button span{font-size:.43rem}.ii-footer{display:block;font-size:.68rem;height:auto!important;line-height:1.55;margin-top:14px;padding:13px 3px 8px}.ii-footer,.ii-footer span,.ii-footer strong{max-height:none!important;overflow:visible!important;white-space:normal!important}.ii-footer span,.ii-footer strong{display:inline}.ii-footer strong:after{content:" "}}@media(max-width:390px){.ii-hero__icon{display:none}.ii-visual-panel{height:220px;min-height:220px}.ii-brass-visual,.ii-percussion-visual,.ii-string-visual,.ii-trombone-visual,.ii-woodwind-visual{transform:translate(-50%,-50%) scale(.47)}.ii-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:520px) and (orientation:landscape){.ii-hero,.ii-lab__top{display:none}.ii-layout{grid-gap:8px;display:grid;gap:8px;grid-template-columns:230px minmax(0,1fr)}.ii-sidebar__sticky{top:3px}.ii-visual-panel{height:235px;min-height:235px}.ii-brass-visual,.ii-percussion-visual,.ii-string-visual,.ii-trombone-visual,.ii-woodwind-visual{transform:translate(-50%,-50%) scale(.48)}.ii-controls,.ii-info{display:none}.ii-note-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ii-footer,.ii-lab,.ii-layout,.ii-notes-panel,.ii-page{overflow:visible}.ii-footer{display:block;line-height:1.6;margin-top:18px;min-height:0;overflow:visible!important;overflow-wrap:anywhere;padding:16px 4px 10px;position:relative;width:100%;word-break:normal;z-index:1}.ii-footer,.ii-footer span,.ii-footer strong{height:auto!important;max-height:none!important;max-width:100%;white-space:normal!important}.ii-footer span,.ii-footer strong{-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;display:inline;overflow:visible!important;text-overflow:clip!important;width:auto}.ii-footer strong:after{content:" "}@media (max-width:720px){.ii-page{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}.ii-lab,.ii-page{overflow:visible!important}.ii-lab{padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px))}.ii-layout,.ii-notes-panel{height:auto!important;max-height:none!important;overflow:visible!important}.ii-footer{clear:both;display:block!important;font-size:.72rem;line-height:1.65;margin-top:18px;min-height:fit-content;padding:15px 4px calc(22px + env(safe-area-inset-bottom, 0px))}.ii-footer,.ii-footer span,.ii-footer strong{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important}.ii-footer span,.ii-footer strong{display:inline!important;text-overflow:clip!important}}@media (max-width:390px){.ii-page{padding-bottom:calc(50px + env(safe-area-inset-bottom, 0px))}.ii-footer{font-size:.7rem;line-height:1.7;padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px))}}@media (orientation:landscape) and (max-width:1024px) and (max-height:600px){body,html{min-height:100%;overflow-x:hidden}.ii-page{padding:8px 0 calc(26px + env(safe-area-inset-bottom, 0px))}.ii-hero{display:none!important}.ii-lab{border-radius:14px;margin-top:0;overflow:visible!important;padding:8px 8px calc(18px + env(safe-area-inset-bottom, 0px))}.ii-lab__top{display:none!important}.ii-layout{grid-gap:8px;align-items:start;display:grid!important;gap:8px;grid-template-columns:minmax(205px,34vw) minmax(0,1fr)!important;min-height:0}.ii-sidebar{min-width:0;width:100%}.ii-sidebar__sticky{border-radius:12px;margin:0;max-height:calc(100svh - 18px);overflow:hidden;padding:6px;position:sticky;top:4px;z-index:45}.ii-current{gap:5px;min-height:30px;padding:0 0 4px}.ii-current strong{font-size:1.05rem}.ii-current small,.ii-current span{font-size:.43rem}.ii-current button{border-radius:7px;font-size:.48rem;padding:5px 7px}.ii-visual-panel{border-radius:10px;display:block;height:clamp(150px,50svh,245px)!important;min-height:0!important;overflow:hidden;position:relative}.ii-brass-visual,.ii-percussion-visual,.ii-string-visual,.ii-trombone-visual,.ii-woodwind-visual{height:430px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.42)!important;transform-origin:center;width:360px}.ii-brass,.ii-percussion-kit,.ii-string-body,.ii-trombone,.ii-woodwind{transform:none!important}.ii-visual-caption{margin-top:0;transform:translateY(-4px)}.ii-visual-caption b{font-size:.68rem}.ii-visual-caption span{font-size:.48rem}.ii-info{grid-gap:3px;display:grid!important;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}.ii-info>div{border-radius:6px;padding:4px}.ii-info span{font-size:.36rem}.ii-info b{font-size:.46rem}.ii-controls{display:none!important}.ii-notes-panel{min-width:0;overflow:visible;width:100%}.ii-notes-intro{display:none}.ii-note-grid{gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))!important}.ii-note-button{border-radius:8px;min-height:54px;padding:4px 2px}.ii-note-button strong{font-size:.78rem}.ii-note-button em,.ii-note-button span{font-size:.39rem}.ii-footer{display:block!important;font-size:.62rem;line-height:1.5;margin-top:10px;padding:10px 2px calc(18px + env(safe-area-inset-bottom, 0px));width:100%}.ii-footer,.ii-footer span,.ii-footer strong{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important}.ii-footer span,.ii-footer strong{display:inline!important}}@media (orientation:landscape) and (max-width:900px) and (max-height:430px){.ii-layout{grid-template-columns:minmax(180px,31vw) minmax(0,1fr)!important}.ii-sidebar__sticky{max-height:calc(100svh - 12px);padding:5px}.ii-current{min-height:26px}.ii-visual-panel{height:clamp(125px,45svh,185px)!important}.ii-brass-visual,.ii-percussion-visual,.ii-string-visual,.ii-trombone-visual,.ii-woodwind-visual{transform:translate(-50%,-50%) scale(.34)!important}.ii-info{display:none!important}.ii-note-grid{gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))!important}.ii-note-button{min-height:48px}}:root{--color-ink:#0b1020;--color-navy:#111a39;--color-navy-light:#172a56;--color-cream:#f7f0e4;--color-paper:#fffdf8;--color-gold:#d7ad62;--color-gold-soft:#f2dfb4;--color-text:#141827;--color-muted:#6f7483;--color-line:#e1dbcf;--color-white:#fff;--shadow-card:0 18px 50px #14192d1f;--radius-sm:16px;--radius-md:22px;--radius-lg:28px;--content-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f4f0e9;color:#141827;color:var(--color-text);font-family:Inter,system-ui,sans-serif;min-height:100vh;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}#root{min-height:100vh}
/*# sourceMappingURL=main.bfd976d6.css.map*/