:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a24;--bg4:#22222e;--acc:#c8a96e;--acc2:#7ec8a9;--acc3:#8896c8;--c-quint:#c8a96e;--c-chord:#7ec8a9;--c-scale:#8896c8;--c-tool:#d49a8a;--txt:#e8e4dc;--mut:#8a8478;--brd:rgba(200,169,110,.18);--brd2:rgba(200,169,110,.07);--r:10px;--rl:14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body>nav:first-of-type{position:sticky;top:0;z-index:100;background:#0a0a0ff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--brd);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px}.nav-brand{font-family:Playfair Display,serif;font-size:1.25rem;color:var(--acc);text-decoration:none}.nav-links{display:flex;gap:0;list-style:none}.nav-links a{color:var(--mut);text-decoration:none;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:.35rem .85rem;border-radius:50px;transition:color .2s,background .2s;line-height:1}.nav-links a:hover,.nav-links a.active{color:var(--acc);background:#c8a96e14}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;gap:5px;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--mut);border-radius:2px;transition:transform .25s,opacity .25s,background .2s}.nav-toggle:hover span{background:var(--acc)}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.page-header{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-tool);font-weight:500;margin-bottom:.6rem}.page-header h1{font-family:Playfair Display,serif;font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:.75rem}.page-header h1 em{color:var(--c-tool);font-style:normal}.lead{color:var(--mut);font-size:.96rem;max-width:580px;line-height:1.6}hr.div{border:none;border-top:1px solid var(--brd2);margin:0}section{padding:2.5rem 1.5rem}.container{max-width:1000px;margin:0 auto}.sec-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-tool);font-weight:500;margin-bottom:.4rem}.sec-title{font-family:Playfair Display,serif;font-size:clamp(1.4rem,2.5vw,2rem);color:#fff;line-height:1.2;margin-bottom:.75rem}.sec-desc{color:var(--mut);max-width:680px;margin-bottom:2rem;font-size:.95rem;line-height:1.65}.sec-header{position:relative;padding-left:1.2rem;margin-bottom:1.75rem}.sec-header:before{content:"";position:absolute;left:0;top:.3rem;bottom:.3rem;width:4px;border-radius:4px;background:var(--c-tool)}.tools-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:920px){.tools-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}.piece-num{font-family:Playfair Display,serif;font-style:italic;font-size:1.05rem;color:var(--acc);margin-bottom:.3rem;letter-spacing:.05em}.piece-num:before{content:"№ ";font-style:normal}.piece-title{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(2rem,3.5vw,2.6rem);color:#fff;line-height:1;margin-bottom:.4rem;letter-spacing:-.005em}.piece-sub{font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:1.5rem}.metronome,.tuner{background:#ffffff06;border:1px solid rgba(200,169,110,.22);padding:1.9rem 1.7rem;border-radius:3px;position:relative}.metronome:before,.tuner:before{content:"";position:absolute;top:0;left:0;width:22px;height:22px;border-top:1px solid var(--acc);border-left:1px solid var(--acc);pointer-events:none}.metronome:after,.tuner:after{content:"";position:absolute;bottom:0;right:0;width:22px;height:22px;border-bottom:1px solid var(--acc);border-right:1px solid var(--acc);pointer-events:none}.metro-display{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1.6rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(200,169,110,.18);flex-wrap:nowrap;justify-content:flex-start}.bpm-display{display:flex;align-items:baseline;gap:1.2rem}.bpm-num{font-family:Playfair Display,serif;font-size:clamp(4.4rem,7vw,5.8rem);font-weight:900;color:#fff;line-height:.85;letter-spacing:-.04em}.bpm-label{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--acc)}.tempo-mark{font-family:Playfair Display,serif;font-style:italic;font-size:1.15rem;color:var(--txt);opacity:.85}.tempo-meta{display:flex;flex-direction:column;gap:.25rem}.metro-display .pendulum-wrap{display:none}.pendulum-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.6rem}.pendulum-wrap-inline{width:110px;height:110px;flex-shrink:0}.pendulum-svg{width:100%;height:100%;display:block}.pendulum-arm{transform-origin:60px 100px;transition:transform .05s linear}.beats{display:flex;flex-direction:column;gap:.45rem;flex:1;margin:0;padding:0}.beat-dot{display:flex;align-items:center;gap:.75rem;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--mut);background:transparent;border:none;border-radius:0;width:auto;height:auto;transform:none;transition:none}.beat-dot:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#e8e4dc1f;border:1px solid rgba(232,228,220,.28);transition:all .1s;flex-shrink:0}.beat-dot.accent:before{background:var(--acc);border-color:var(--acc)}.beat-dot.active:before{background:var(--txt);border-color:var(--txt);box-shadow:0 0 14px #e8e4dc99}.beat-dot.accent.active:before{background:var(--acc);border-color:var(--acc);box-shadow:0 0 18px #c8a96ebf}.beat-dot .beat-label{font-style:italic;font-family:Playfair Display,serif;font-size:.95rem;color:var(--txt);opacity:.78}.metro-controls{display:flex;flex-direction:column;gap:1.1rem}.ctrl-group{display:flex;flex-direction:column;gap:.55rem}.ctrl-label{font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}.bpm-slider-row{display:flex;align-items:center;gap:.8rem}.bpm-btn{width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid rgba(200,169,110,.45);color:var(--acc);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px;transition:all .15s;flex-shrink:0}.bpm-btn:hover{background:var(--acc);color:var(--bg)}.bpm-btn:active{transform:scale(.95)}input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:1px;background:#c8a96e4d;outline:none;border:none;border-radius:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--acc);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--acc)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--acc);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--acc)}.time-row{display:flex;gap:0;border:1px solid rgba(200,169,110,.3);border-radius:2px;overflow:hidden}.time-label{display:none}.time-btn{flex:1;font-family:Playfair Display,serif;font-style:italic;padding:.6rem .4rem;background:transparent;color:var(--txt);font-size:.95rem;font-weight:500;cursor:pointer;border:none;border-right:1px solid rgba(200,169,110,.3);transition:all .15s}.time-btn:last-child{border-right:none}.time-btn:hover{background:#c8a96e14;color:#fff}.time-btn.active{background:var(--acc);color:var(--bg);font-style:normal;font-weight:600}.start-row{margin-top:.3rem}.btn-start{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;background:transparent;color:var(--txt);border:1px solid var(--acc);padding:.95rem;font-family:JetBrains Mono,monospace;font-weight:500;font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;transition:all .15s;border-radius:2px}.btn-start:hover,.btn-start.running{background:var(--acc);color:var(--bg)}.play-tri{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.play-sq{display:inline-block;width:9px;height:9px;background:currentColor}.tuner-display{text-align:center;padding:.4rem 0 1.3rem;border-bottom:1px solid rgba(200,169,110,.18);margin-bottom:1.5rem}.tuner-note{font-family:Playfair Display,serif;font-size:clamp(6rem,11vw,8rem);font-weight:900;color:var(--mut);line-height:.85;letter-spacing:-.04em;transition:color .2s,text-shadow .2s}.tuner-note.active{color:#fff}.tuner-note.tuned{color:var(--acc);text-shadow:0 0 28px rgba(200,169,110,.45)}.tuner-freq{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--mut);letter-spacing:.22em;text-transform:uppercase;margin-top:.6rem}.cent-display{position:relative;height:110px;margin-bottom:.4rem;background:transparent;border:none;border-radius:0;overflow:visible}.cent-display svg{width:100%;height:100%;display:block}.cent-scale,.cent-tick{display:none}.cent-needle{position:absolute;left:50%;top:0;width:auto;height:100%;background:transparent;box-shadow:none;border-radius:0;transition:none}#cent-needle{transition:transform .14s cubic-bezier(.4,0,.6,1)}.cent-labels{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--mut);letter-spacing:.15em;padding:0 .6rem;margin:0 0 1rem}.cent-num{text-align:center;font-family:Playfair Display,serif;font-style:italic;font-size:1.15rem;font-weight:500;color:var(--acc);margin:-.3rem 0 1.2rem;letter-spacing:0}.cent-num.tuned{color:var(--acc);font-weight:600}.cent-num.flat,.cent-num.sharp{color:var(--txt)}.tuner-status{text-align:center;color:var(--mut);font-family:Playfair Display,serif;font-style:italic;font-size:.9rem;margin:0 0 1.1rem;min-height:1.2em}.tuner-status.error{color:#e85a5a;font-style:normal;font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.05em}.tuner-controls{display:flex;flex-direction:column;gap:.8rem}.btn-tuner{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:var(--acc);color:var(--bg);border:none;padding:.95rem;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;transition:filter .15s;border-radius:2px}.btn-tuner:hover{filter:brightness(1.1)}.btn-tuner.running{background:transparent;color:var(--txt);border:1px solid var(--acc)}.btn-tuner:disabled{opacity:.5;cursor:not-allowed}.strings-cap{font-family:Playfair Display,serif;font-style:italic;font-size:1rem;color:var(--txt);opacity:.78;text-align:center;margin:1.3rem 0 .7rem}.ref-strings{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin:0}.ref-string{background:#ffffff05;border:1px solid rgba(200,169,110,.18);padding:.7rem .2rem;text-align:center;border-radius:1px;transition:all .15s}.ref-string .note{font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;color:var(--txt);line-height:1}.ref-string .freq{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--mut);margin-top:.3rem;letter-spacing:.05em}.ref-string.match{background:#c8a96e26;border-color:var(--acc)}.ref-string.match .note{color:var(--acc)}.tool-info{margin-top:1.3rem;font-family:Playfair Display,serif;font-size:1rem;line-height:1.6;color:var(--txt);opacity:.82;font-style:italic;padding:0 .2rem}.tool-info strong{font-style:normal;color:var(--acc);font-weight:600;opacity:1}.cta-banner{background:#ffffff06;border:1px solid rgba(200,169,110,.22);border-radius:3px;padding:1.6rem 1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem;flex-wrap:wrap;position:relative}.cta-banner:before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;border-top:1px solid var(--acc);border-left:1px solid var(--acc)}.cta-banner:after{content:"";position:absolute;bottom:0;right:0;width:18px;height:18px;border-bottom:1px solid var(--acc);border-right:1px solid var(--acc)}.cta-banner h3{font-family:Playfair Display,serif;font-size:1.25rem;color:#fff;margin-bottom:.3rem;font-weight:700}.cta-banner p{color:var(--mut);font-size:.88rem;max-width:500px;line-height:1.55;font-family:Playfair Display,serif;font-style:italic}.btn-main{display:inline-flex;align-items:center;gap:.5rem;background:var(--acc);color:#0a0a0f;padding:.8rem 1.75rem;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .18s,box-shadow .18s}.btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c8a96e40}footer{background:var(--bg2);border-top:1px solid var(--brd);padding:1.75rem 1.5rem;text-align:center}.footer-brand{font-family:Playfair Display,serif;font-size:1.15rem;color:var(--acc);margin-bottom:.5rem}footer p{color:var(--mut);font-size:.82rem;margin-bottom:.3rem}footer a{color:var(--mut);text-decoration:none}footer a:hover{color:var(--acc)}.footer-links{display:flex;gap:1.2rem;justify-content:center;margin:.75rem 0;flex-wrap:wrap}.lang-switch{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--mut);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:.35rem .7rem;border-radius:50px;border:1px solid var(--brd);transition:color .2s,background .2s,border-color .2s;margin-right:.5rem}.lang-switch:hover{color:var(--acc);border-color:var(--acc);background:#c8a96e0d}.lang-switch .flag{font-size:1.05rem;line-height:1;filter:saturate(1.1)}.nav-actions{display:flex;align-items:center;gap:.4rem}.programme-notes{padding:3rem 1.5rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(200,169,110,.02) 100%)}.programme-notes .container{max-width:1000px;margin:0 auto}.notes-grid{display:grid;grid-template-columns:1fr;gap:2.8rem}@media(min-width:920px){.notes-grid{grid-template-columns:1fr 1fr;gap:3rem}}.note-block{position:relative}.note-eyebrow{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--c-tool);font-weight:500;margin-bottom:.7rem}.note-title{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(1.5rem,2.6vw,2rem);color:#fff;line-height:1.1;margin-bottom:.4rem;letter-spacing:-.005em}.note-deck{font-family:Playfair Display,serif;font-style:italic;font-size:1.05rem;color:var(--acc);margin-bottom:1.4rem;opacity:.9}.note-block h4{font-family:Playfair Display,serif;font-weight:700;font-size:1.15rem;color:#fff;margin:1.8rem 0 .55rem;letter-spacing:-.005em;display:flex;align-items:baseline;gap:.6rem}.note-block h4:before{content:attr(data-num);font-family:JetBrains Mono,monospace;font-style:normal;font-size:.65rem;color:var(--acc);letter-spacing:.18em;font-weight:500}.note-block p{color:var(--txt);opacity:.85;font-size:.96rem;line-height:1.7;margin-bottom:.85rem}.note-block p strong{color:var(--acc);font-weight:600;opacity:1}.note-block p em{font-family:Playfair Display,serif;font-style:italic;color:var(--txt);opacity:.95}.tempo-table{margin:1rem 0 .5rem;border-top:1px solid rgba(200,169,110,.18);border-bottom:1px solid rgba(200,169,110,.18);padding:.4rem 0}.tempo-table dl{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem .9rem;align-items:baseline}.tempo-table dt{font-family:Playfair Display,serif;font-style:italic;font-size:1rem;color:#fff;font-weight:500}.tempo-table .desc{color:var(--mut);font-size:.86rem}.tempo-table .bpm-range{font-family:JetBrains Mono,monospace;font-size:.74rem;color:var(--acc);letter-spacing:.06em;text-align:right}.callout{border-left:2px solid var(--acc);padding:.2rem 0 .2rem 1rem;margin:1.2rem 0;font-family:Playfair Display,serif;font-style:italic;color:var(--txt);opacity:.9;font-size:.98rem;line-height:1.6}.faq-block{margin-top:3.2rem;padding-top:2.4rem;border-top:1px solid var(--brd2)}.faq-eyebrow{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--c-tool);font-weight:500;margin-bottom:.6rem;text-align:center}.faq-title{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(1.5rem,2.6vw,2rem);color:#fff;text-align:center;margin-bottom:2rem;letter-spacing:-.005em}.faq-list{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:760px){.faq-list{grid-template-columns:1fr 1fr}}.faq-item{background:#ffffff05;border:1px solid rgba(200,169,110,.14);padding:1.15rem 1.3rem;border-radius:3px}.faq-item h5{font-family:Playfair Display,serif;font-weight:700;font-size:1.02rem;color:#fff;margin-bottom:.45rem;line-height:1.3}.faq-item p{color:var(--txt);opacity:.8;font-size:.9rem;line-height:1.6;margin:0}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:#0a0a0ffa;backdrop-filter:blur(16px);border-bottom:1px solid var(--brd);flex-direction:column;padding:.5rem 1rem 1rem;gap:.15rem;z-index:99}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:.65rem 1rem;border-radius:8px;font-size:.85rem}section{padding:2rem 1rem}.programme-notes{padding:2.4rem 1rem 1.5rem}.page-header{padding:2rem 1rem 1rem}.cta-banner{flex-direction:column;text-align:center}.metronome,.tuner{padding:1.5rem 1.2rem}.bpm-num{font-size:4rem}.tuner-note{font-size:5rem}.piece-title{font-size:1.8rem}.ref-strings{grid-template-columns:repeat(3,1fr)}.lang-switch{padding:.3rem .55rem;font-size:.72rem}.pendulum-wrap-inline{width:90px;height:90px}.tempo-table dl{grid-template-columns:auto 1fr;gap:.25rem .7rem}.tempo-table .bpm-range{grid-column:1 / -1;text-align:left;margin-bottom:.35rem}}.theme-toggle-wrapper{padding:.75rem 1.5rem 0;display:flex;justify-content:flex-end}.theme-toggle-btn{background:transparent;border:1px solid var(--brd);color:var(--mut);padding:.4rem .95rem;border-radius:50px;font-family:DM Sans,sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s,background .2s;display:inline-flex;align-items:center;gap:.4rem}.theme-toggle-btn:hover{color:var(--acc);border-color:var(--acc);background:#c8a96e0f}.theme-toggle-btn .theme-icon{font-size:.95rem}html.light-mode{--bg:#faf7f2;--bg2:#ffffff;--bg3:#f3ede2;--bg4:#e8dfce;--txt:#2a241b;--mut:#6b6356;--brd:rgba(200,169,110,.35);--brd2:rgba(200,169,110,.15)}html.light-mode body{background:var(--bg);color:var(--txt)}html.light-mode nav{background:#faf7f2f5;border-bottom:1px solid var(--brd)}html.light-mode .page-header h1,html.light-mode .sec-title,html.light-mode .piece-title,html.light-mode .bpm-num,html.light-mode .cta-banner h3,html.light-mode .note-title,html.light-mode .faq-title,html.light-mode .note-block h4,html.light-mode .faq-item h5,html.light-mode .tempo-table dt,html.light-mode h1,html.light-mode h2,html.light-mode h3,html.light-mode h4{color:#1a1612}html.light-mode .metronome,html.light-mode .tuner,html.light-mode .cta-banner,html.light-mode .faq-item{background:#00000005}html.light-mode .tuner-note{color:var(--mut)}html.light-mode .tuner-note.active{color:#1a1612}html.light-mode .tuner-note.tuned{color:var(--acc)}html.light-mode .ref-string{background:#00000005;border-color:#c8a96e4d}html.light-mode .ref-string .note{color:#1a1612}html.light-mode .ref-string.match{background:#c8a96e26;border-color:var(--acc)}html.light-mode .beat-dot:before{background:#00000014;border-color:#0003}html.light-mode .beat-dot .beat-label,html.light-mode .btn-start{color:#1a1612}html.light-mode .btn-tuner{color:#fffaf0}html.light-mode .btn-tuner.running{color:#1a1612;background:transparent}html.light-mode .btn-main{color:#fffaf0}html.light-mode .time-btn{color:#1a1612}html.light-mode .time-btn.active{color:#fffaf0}html.light-mode .nav-links a:hover,html.light-mode .nav-links a.active{background:#c8a96e26}@media(max-width:760px){html.light-mode .nav-links{background:#faf7f2fa}}body,nav,.metronome,.tuner,.cta-banner,.bpm-btn,.btn-tuner,.theme-toggle-btn{transition:background .3s ease,color .3s ease,border-color .3s ease}