*{box-sizing:border-box}html{background:#fff}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:radial-gradient(circle at top left,rgba(197,198,200,.16),transparent 26%),linear-gradient(180deg,#ffffff 0%,#fbfbfa 100%)}a{color:inherit;text-decoration:none}.site-header{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 7% 18px;border-bottom:1px solid #eee;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo img,.footer-logo img{width:116px;height:auto;display:block}.logo strong{display:block;font-size:clamp(1.65rem,1.6vw,2.05rem);line-height:1.05}.logo span{display:block;margin-top:4px;color:#454545;font-size:.94rem}.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:1.05rem}.nav-link{position:relative;padding:.5rem 0;color:#111;transition:color .18s ease}.nav-link:hover,.nav-link.is-active,.nav-dropdown.is-active>.nav-summary{color:#1a4a99}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;background:transparent;transition:background .18s ease}.nav-link.is-active:not(.nav-summary):after,.nav-summary.is-active:before,.nav-dropdown.is-active>.nav-summary:before{background:#1a4a99}.nav-dropdown{position:relative}.nav-summary{position:relative;list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.nav-summary::-webkit-details-marker{display:none}.nav-summary:before{content:"";position:absolute;left:0;right:1.15em;bottom:-8px;height:3px;border-radius:999px;background:transparent;transition:background .18s ease}.nav-summary:after{content:"▾";position:static;font-size:.8em;height:auto;line-height:1;border-radius:0;background:transparent;transition:transform .18s ease}.nav-dropdown[open] .nav-summary:after,.nav-dropdown:hover .nav-summary:after,.nav-dropdown:focus-within .nav-summary:after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:-18px;min-width:220px;padding:10px;border:1px solid #ece8df;border-radius:8px;background:rgba(255,255,255,.98);box-shadow:0 18px 40px #0000001f;display:grid;gap:4px;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:20}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown[open] .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-dropdown-link{display:block;padding:.7rem .9rem;border-radius:8px;color:#111;font-size:.98rem;white-space:nowrap}.nav-dropdown-link:hover,.nav-dropdown-link.is-active{background:#f4f7fd;color:#1a4a99}.eyebrow{margin:0 0 16px;color:#8a5a24;text-transform:uppercase;letter-spacing:4px;font-size:.8rem}.section-kicker{margin:0 0 16px;color:#111;font-size:1.06rem;font-weight:400}.buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:6px;font-weight:700}.primary{background:#8a5a24;color:#fff}.secondary{border:1px solid #ccc;background:#fff;color:#111}.tools-shell{min-height:60vh}.tool-page-loading{display:grid;place-items:center;min-height:44vh;padding:48px 24px;color:#4a4a4a;font-size:1rem;letter-spacing:.02em}.tool-page-loading span{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid #e8e1d6;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px #0000000d}.tools-hero,.section-hero{padding:70px 7%}.bell-usage-chart-hero{position:relative;isolation:isolate;overflow:hidden;margin-left:clamp(15px,8vw,2.5%);background-position:right -150px center;background-size:cover;background-repeat:no-repeat}.bell-usage-chart-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgba(250,247,240,.98) 0%,rgba(250,247,240,.9) 34%,rgba(250,247,240,.58) 52%,rgba(250,247,240,.16) 68%,rgba(250,247,240,0) 82%);z-index:0}.bell-usage-chart-hero>*{position:relative;z-index:1}.tools-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:54px;align-items:center;min-height:560px;background:linear-gradient(135deg,rgba(250,247,240,.94) 0%,rgba(255,255,255,.98) 48%,rgba(244,247,253,.92) 100%);border-bottom:1px solid #eee}.tools-hero h1,.section-hero h1{margin:0 0 24px;font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:0}.tools-hero p,.section-hero p{max-width:640px;color:#333;font-size:1.18rem;line-height:1.65}.bell-usage-chart-hero h1,.bell-usage-chart-hero p{max-width:720px}.tools-hero-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(17,17,17,.08);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px #0000001f}.category-link{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:88px;padding:16px;border:1px solid #eee;border-radius:8px;background:#fff;color:#111;text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.category-link:hover,.category-link:focus-visible{border-color:#d7e2f5;box-shadow:0 14px 30px #1a4a991a;transform:translateY(-1px)}.category-icon,.tool-card-icon,.tool-icon{display:grid;place-items:center;background:#f4f7fd;color:#1a4a99}.category-icon,.tool-icon{width:46px;height:46px;border-radius:999px}.category-link strong,.category-link small{display:block}.category-link small{margin-top:5px;color:#555;line-height:1.45}.tool-index{padding:72px 7%;background:#fff}.section-heading{max-width:760px;margin:0 auto 34px;text-align:center}.section-heading h2{margin:0;font-size:2.2rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1120px;margin:0 auto}.tool-card{position:relative;min-height:286px;padding:28px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0000000f}.tool-card-icon{width:52px;height:52px;border-radius:8px;margin-bottom:22px}.tool-card h3,.tool-row h3{margin:0 0 10px;font-size:1.25rem}.tool-card p,.tool-row p{margin:0;color:#444;line-height:1.6}.tool-row--featured{border-color:#1a4a992e;background:linear-gradient(180deg,#fcfdff 0%,#f7faff 100%);box-shadow:0 14px 34px #1a4a9914}.tool-row-badge{display:inline-flex;align-items:center;min-height:24px;margin-bottom:8px;padding:0 9px;border-radius:999px;background:rgba(26,74,153,.1);color:#1a4a99;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tool-card a{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:700;color:#1a4a99}.section-hero{min-height:390px;background:linear-gradient(135deg,#faf7f0 0%,rgba(255,255,255,.96) 58%,rgba(244,247,253,.9) 100%);border-bottom:1px solid #eee}.music-hero{position:relative;isolation:isolate;overflow:hidden}.music-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:min(100%,74vw);background:url(/tools/assets/lbwdm_music_tools_hero-17fd9da7.jpg) center right / cover no-repeat;opacity:.96;z-index:-2}.music-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#faf7f0 0%,rgba(255,255,255,.94) 28%,rgba(255,255,255,.56) 52%,rgba(255,255,255,.08) 100%);z-index:-1}.music-hero h1,.music-hero p{position:relative;z-index:1}.section-intro{max-width:1060px;margin:0 auto;padding:26px 7% 0}.section-intro p{margin:0;max-width:900px;color:#3a3a3a;font-size:1.08rem;line-height:1.7}.section-roadmap{padding:30px 7% 34px;background:#fff;border-top:1px solid #eee}.section-roadmap-inner{max-width:1060px;margin:0 auto}.section-roadmap h2{margin:0 0 14px;font-size:1.75rem}.section-roadmap p{margin:0;max-width:900px;color:#3a3a3a;font-size:1.02rem;line-height:1.7}.section-roadmap p+p{margin-top:12px}.tool-list{display:grid;gap:14px;max-width:940px;margin:0 auto}.tool-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:110px;padding:20px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0000000d}a.tool-row{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}a.tool-row:hover,a.tool-row:focus-visible{border-color:#d7e2f5;box-shadow:0 14px 30px #1a4a991a;transform:translateY(-1px)}.tool-status{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:34px;padding:0 12px;border-radius:999px;background:#faf7f0;color:#8a5a24;font-size:.86rem;font-weight:700}.tool-page-panel{max-width:760px;margin:0 auto;padding:34px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0000000f}.tool-page-panel h2{margin:0 0 14px;font-size:2.1rem}.tool-page-panel p:not(.section-kicker){margin:0;color:#444;line-height:1.65}.staff-paper-form{display:grid}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.form-field{display:grid;gap:9px;min-width:0;margin:0;padding:0;border:0}.form-field-wide{grid-column:1 / -1}.form-field span,.form-field legend{color:#111;font-size:.96rem;font-weight:700}.form-field select,.form-field input[type=number],.form-field input[type=text],.form-field input[type=file]{width:100%;min-height:48px;padding:0 14px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#111;font:inherit}.form-field input[type=file]{padding-top:10px;padding-bottom:10px}.form-field input[type=file]::file-selector-button{margin-right:14px;padding:9px 14px;border:0;border-radius:4px;background:#f4f7fd;color:#1a4a99;font:inherit;font-weight:700;cursor:pointer}.form-field select:focus,.form-field input[type=number]:focus,.form-field input[type=text]:focus,.radio-group label:focus-within{outline:3px solid rgba(26,74,153,.16);border-color:#1a4a99}.radio-group{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.radio-group legend{grid-column:1 / -1}.radio-group label{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #d8d8d8;border-radius:6px;cursor:pointer}.radio-group input{accent-color:#1a4a99}.radio-group span{font-weight:400}.form-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.form-actions .btn{border:0;cursor:pointer;font:inherit;font-weight:700}.form-actions .secondary{border:1px solid #ccc}.metronome-actions{justify-content:flex-start}.tool-page-back{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:700;color:#1a4a99}.instrument-range-hero{position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding-top:38px;padding-bottom:42px;background:linear-gradient(135deg,#f6f4ff 0%,#fff 54%,#f4f7fd 100%)}.instrument-range-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:52%;background:url(/tools/assets/lbwdm_benny_trumpet-b952bee8.jpg) center right / cover no-repeat;opacity:.92;z-index:-2}.instrument-range-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f6f4ff 0%,rgba(255,255,255,.96) 44%,rgba(255,255,255,.34) 68%,rgba(255,255,255,.04) 100%);z-index:-1}.instrument-range-hero .eyebrow{margin-bottom:10px}.instrument-range-hero h1{max-width:920px;margin-bottom:14px;font-size:clamp(2.35rem,4vw,4rem)}.instrument-range-hero p{max-width:760px;margin:0;font-size:1.06rem;line-height:1.55}.instrument-range-tool-section{padding-top:34px;padding-bottom:56px}.instrument-range-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(360px,1.05fr);gap:28px;align-items:start;max-width:1280px;margin:0 auto}.instrument-range-workspace .tool-page-panel,.instrument-range-visuals{max-width:none;margin:0}.instrument-range-panel{overflow:hidden}.instrument-range-select{margin-top:28px}.instrument-range-trust p{color:#8a5a24}.instrument-range-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 0}.instrument-range-stat{padding:16px 18px;border:1px solid #ece8df;border-radius:8px;background:#fafbfe}.instrument-range-stat dt{color:#5d6670;font-size:.82rem;text-transform:uppercase;letter-spacing:1.2px}.instrument-range-stat dd{margin:8px 0 0;color:#111;font-size:1.12rem;font-weight:700}.instrument-range-example{margin-top:24px;padding:18px;border:1px solid #ece8df;border-radius:8px;background:#fffaf3}.instrument-range-example h3{margin:0 0 12px;font-size:1.15rem}.instrument-range-example-table{display:grid;gap:10px}.instrument-range-example-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 14px;border:1px solid #f0eadf;border-radius:6px;background:#fff}.instrument-range-example-row span{color:#5e5e5e}.instrument-range-example-row strong{color:#1a4a99}.instrument-range-visuals{display:grid;gap:28px}.instrument-range-visual-panel{padding:24px 24px 28px;border:1px solid #eee;border-radius:8px;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);box-shadow:0 10px 30px #0000000f}.instrument-range-visual-header{align-items:flex-start}.instrument-range-badge{align-self:flex-start;padding:8px 12px;border-radius:999px;background:#f4f7fd;color:#1a4a99;font-size:.9rem;font-weight:700}.instrument-range-visual-copy{margin:0 0 18px;color:#555;line-height:1.6}.legend-swatch{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:999px;vertical-align:middle}.legend-swatch.is-practical{background:#1a4a99}.legend-swatch.is-extended{background:#d3a156}.instrument-range-staff-vf{overflow-x:auto;border:1px solid #e7e2da;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);min-height:304px}.instrument-range-staff-vf svg{display:block;width:100%;min-width:430px;height:auto}.instrument-range-vf-figure{display:grid;gap:12px}.instrument-range-vf-header h3{margin:0;font-size:1.12rem}.instrument-range-vf-header p{margin:6px 0 0;color:#555;line-height:1.45}.instrument-range-vf-legend,.instrument-range-marker-strip-labels{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;color:#555;font-size:.92rem}.instrument-range-marker-strip-wrap{display:grid;gap:10px}.instrument-range-marker-strip{overflow-x:auto;border:1px solid #e7e2da;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}.instrument-range-marker-strip svg{display:block;width:100%;min-width:600px;height:auto}.instrument-range-note-label{fill:#111;font-size:18px;font-weight:700}.instrument-range-note-caption{fill:#5b6570;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.instrument-range-notes{padding:34px 0 56px}.instrument-range-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.instrument-range-note-card{padding:24px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0000000d}.instrument-range-note-card h2,.instrument-range-faq h2{margin:0 0 12px;font-size:1.35rem}.instrument-range-note-card p{margin:0;color:#444;line-height:1.65}.instrument-range-faq{margin-top:28px;max-width:760px;padding:24px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0000000d}.staff-paper-hero,.scale-hero,.metronome-hero{position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding-top:38px;padding-bottom:42px;background:linear-gradient(135deg,#faf7f0 0%,#fff 58%,#f4f7fd 100%)}.staff-paper-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:52%;background:url(/tools/assets/benny_piano-55253201.jpg) center right / cover no-repeat;opacity:.95;z-index:-2}.scale-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:42%;background:url(/tools/assets/benny_practicing-328c3e56.jpg) center right / cover no-repeat;opacity:.96;z-index:-2}.metronome-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:72%;background:url(/tools/assets/benny_drum-83455386.jpg) right 38% / min(62vw,720px) auto no-repeat;opacity:.98;z-index:-2}.staff-paper-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#faf7f0 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.34) 66%,rgba(255,255,255,.04) 100%);z-index:-1}.scale-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#faf7f0 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.34) 66%,rgba(255,255,255,.04) 100%);z-index:-1}.metronome-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#faf7f0 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.32) 66%,rgba(255,255,255,.04) 100%);z-index:-1}.staff-paper-hero .eyebrow,.scale-hero .eyebrow,.metronome-hero .eyebrow{margin-bottom:10px}.staff-paper-hero h1,.scale-hero h1,.metronome-hero h1{max-width:920px;margin-bottom:14px;font-size:clamp(2.35rem,4vw,4rem)}.staff-paper-hero p,.scale-hero p,.metronome-hero p{max-width:760px;margin:0;font-size:1.06rem;line-height:1.55}.staff-paper-tool-section,.bell-chart-tool-section{padding-top:34px;padding-bottom:56px}.staff-paper-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(360px,1.05fr);gap:28px;align-items:start;max-width:1280px;margin:0 auto}.staff-paper-workspace .tool-page-panel{max-width:none;margin:0}.metronome-tool-section{padding-top:34px;padding-bottom:56px}.metronome-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(360px,1.05fr);gap:28px;align-items:start;max-width:1280px;margin:0 auto}.metronome-workspace .tool-page-panel,.metronome-display-panel{max-width:none;margin:0}.bell-chart-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(360px,1.05fr);gap:28px;align-items:start;max-width:1280px;margin:0 auto}.bell-chart-workspace .tool-page-panel,.bell-chart-preview-panel{max-width:none;margin:0}.bell-chart-form{overflow:hidden}.bell-chart-trust p{color:#8a5a24}.bell-chart-note{font-size:.96rem;color:#555}.bell-chart-status{margin:0;color:#555;font-size:.96rem;line-height:1.55}.bell-chart-preview-panel{min-height:720px;padding:24px;border:1px solid #eee;border-radius:8px;background:linear-gradient(180deg,#f9fbff 0%,#f2f6ff 100%);box-shadow:0 10px 30px #0000000f}.bell-chart-preview-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.bell-chart-preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.bell-chart-export-menu{display:grid;gap:10px;margin-top:14px}.bell-chart-export-menu summary{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;color:#1b1b1b;font-weight:700;cursor:pointer;list-style:none}.bell-chart-export-menu summary::-webkit-details-marker{display:none}.bell-chart-export-menu-caret{color:#8a5a24;font-size:.86rem;line-height:1}.bell-chart-export-menu.is-disabled summary{opacity:.55;cursor:not-allowed;pointer-events:none}.bell-chart-export-menu-panel{display:flex;flex-wrap:wrap;gap:8px;padding-left:4px}.bell-chart-preview{display:grid;gap:20px}.bell-chart-grand-preview{display:grid;gap:14px;width:min(100%,1200px);margin:0 auto}.bell-chart-grand-preview-heading{display:grid;gap:6px}.bell-chart-grand-preview-heading p:last-child{color:#555;font-size:.95rem;line-height:1.55}.bell-chart-handbells-used{margin:0;color:#1b1b1b;font-size:.98rem;font-weight:600}.bell-chart-grand-preview-scroll{overflow:visible}.bell-chart-grand-preview-content{display:grid;gap:12px;width:100%;min-width:100%}.bell-chart-grand-staff-vf{border:1px solid #e8e8e8;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#fcfcfc 100%);box-shadow:0 8px 20px #0000000a;overflow:hidden}.bell-chart-grand-staff-vf svg{display:block;width:100%;height:auto;max-width:100%}.bell-chart-placeholder{display:grid;gap:10px;min-height:600px;padding:34px;border:1px dashed rgba(26,74,153,.2);border-radius:18px;background:rgba(255,255,255,.74);place-content:center;text-align:center}.bell-chart-placeholder h3{margin:0;font-size:1.6rem}.bell-chart-placeholder p{max-width:34ch;margin:0;color:#555;line-height:1.55}.bell-chart-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bell-chart-meta div,.bell-chart-summary article{display:grid;gap:6px;padding:16px 18px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.bell-chart-meta span,.bell-chart-summary span{color:#666;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}.bell-chart-meta strong,.bell-chart-summary strong{color:#111;font-size:1.1rem}.bell-chart-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bell-chart-table{display:grid;gap:8px;padding:4px 0 0}.bell-chart-table-head,.bell-chart-row{display:grid;grid-template-columns:minmax(0,1.2fr) 92px minmax(140px,1fr);gap:12px;align-items:center}.bell-chart-table-head{padding:0 12px;color:#555;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bell-chart-row{padding:12px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.bell-chart-row strong{font-size:1.02rem}.bell-chart-row span{font-weight:700;color:#1a4a99}.bell-chart-bar-track{position:relative;height:12px;overflow:hidden;border-radius:999px;background:#e6eefc}.bell-chart-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a4a99 0%,#6c8fd0 100%)}.metronome-panel{overflow:hidden}.metronome-trust p{color:#8a5a24}.metronome-controls{display:grid;gap:14px}.metronome-slider{width:100%;accent-color:#1a4a99}.metronome-meter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metronome-silent-toggle{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:#222;font-weight:700}.metronome-silent-toggle input{width:18px;height:18px;accent-color:#1a4a99}.metronome-help{margin:0;color:#555;font-size:.96rem;line-height:1.55}.metronome-display-panel{min-height:720px;padding:24px;border:1px solid #eee;border-radius:8px;background:linear-gradient(180deg,#f9fbff 0%,#f2f6ff 100%);box-shadow:0 10px 30px #0000000f}.metronome-display-header{margin-bottom:16px}.metronome-display{display:grid;gap:22px}.metronome-bpm{display:grid;place-items:center;min-height:180px;padding:24px;border:1px solid rgba(26,74,153,.1);border-radius:24px;background:radial-gradient(circle at top,#fff 0%,#f8fbff 62%,#edf3ff 100%);box-shadow:inset 0 1px #ffffffe6}.metronome-bpm.is-flashing{animation:metronome-bpm-flash .14s cubic-bezier(.2,.9,.2,1)}@keyframes metronome-bpm-flash{0%{transform:scale(1);border-color:#1a4a991a;background:radial-gradient(circle at top,#fff 0%,#f8fbff 62%,#edf3ff 100%);box-shadow:inset 0 1px #ffffffe6}50%{transform:scale(1.08);border-color:#1a4a998c;background:radial-gradient(circle at top,#ffffff 0%,#dbe8ff 50%,#bfd0ff 100%);box-shadow:inset 0 1px #fff,0 0 0 8px #1a4a9924,0 10px 28px #1a4a992e}to{transform:scale(1);border-color:#1a4a991a;background:radial-gradient(circle at top,#fff 0%,#f8fbff 62%,#edf3ff 100%);box-shadow:inset 0 1px #ffffffe6}}.metronome-bpm.is-flashing span{color:#163f85}.metronome-bpm span{font-size:clamp(4rem,8vw,6rem);font-weight:800;line-height:1;color:#1a4a99}.metronome-bpm small{margin-top:8px;color:#5d6678;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metronome-meter-display{width:fit-content;margin:-4px auto 0;padding:8px 16px;border:1px solid rgba(26,74,153,.14);border-radius:999px;background:#fff;color:#1a4a99;font-size:1.05rem;font-weight:800;box-shadow:0 6px 16px #0000000d}.metronome-meter-display.is-flashing{border-color:#1a4a9966}.metronome-beat-ring{display:grid;place-items:center;width:min(220px,100%);aspect-ratio:1;margin:0 auto;border:12px solid rgba(26,74,153,.08);border-radius:50%;background:#fff;box-shadow:0 14px 30px #00000014;transition:transform .18s ease,border-color .18s ease}.metronome-beat-ring.is-playing{transform:scale(1.02)}.metronome-beat-ring.beat-1{border-color:#8a5a2438}.metronome-beat-ring span{font-size:clamp(3.2rem,6vw,4.4rem);font-weight:800;color:#111}.metronome-current-mark{text-align:center}.metronome-current-mark strong{display:block;margin-bottom:6px;color:#1a4a99;font-size:1.25rem}.metronome-current-mark p{margin:0 auto;max-width:40ch;color:#4a4f5a;line-height:1.55}.metronome-beat-dots{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:10px}.metronome-beat-dot{height:12px;border-radius:999px;background:#d9dfe8;transition:transform .18s ease,background-color .18s ease}.metronome-beat-dot.is-downbeat{background:rgba(138,90,36,.22)}.metronome-beat-dot.is-active{background:#1a4a99;transform:scale(1.15)}.metronome-tempo-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metronome-tempo-item{display:grid;gap:3px;padding:12px 14px;border:1px solid #e6ebf5;border-radius:8px;background:#fff}.metronome-tempo-item strong{color:#111}.metronome-tempo-item span{color:#596173;font-size:.92rem}.metronome-tempo-item.is-active{border-color:#1a4a993d;box-shadow:0 8px 18px #1a4a9914}.staff-paper-card-trust{display:grid;gap:12px;margin:0 0 16px;padding:14px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#fbfbfa}.tool-page-panel .staff-paper-card-trust p{margin:0;color:#8a5a24;font-size:.94rem;font-weight:700;line-height:1.3}.staff-paper-card-trust div{display:flex;flex-wrap:wrap;gap:8px 14px}.staff-paper-card-trust span{display:inline-flex;align-items:center;gap:7px;color:#222;font-size:.9rem;font-weight:700}.staff-paper-card-trust span:before{content:"✓";color:#1a4a99;font-weight:700}.staff-paper-preview-panel{min-height:720px;padding:24px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0000000f}.staff-paper-preview-header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:16px}.staff-paper-preview-header .section-kicker{margin:0;font-size:.92rem}.staff-paper-preview-header h2{margin:0;font-size:1.25rem}.staff-paper-preview-stage{min-height:650px;padding:18px;border:1px solid #e2e2e2;border-radius:8px;background:#f1f2f4;box-shadow:inset 0 1px #ffffffb3}.staff-paper-preview-frame{width:100%;height:650px;display:block;border:0;border-radius:4px;background:#fff;box-shadow:0 18px 40px #0000002e,0 2px 5px #00000014}.staff-paper-preview-unavailable{min-height:720px;padding:24px;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0000000f;display:grid;place-items:center}.staff-paper-preview-unavailable-inner{max-width:420px;text-align:left}.staff-paper-preview-unavailable-inner h2{margin:0 0 12px;font-size:1.35rem}.staff-paper-preview-unavailable-inner p:last-child{margin-bottom:0;line-height:1.6;color:#4a4f5a}.staff-paper-content{padding:56px 7% 72px;background:#fbfbfa;border-top:1px solid #eee}.staff-paper-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto}.staff-paper-info,.staff-paper-faq,.related-tools{padding:26px;border:1px solid #eee;border-radius:8px;background:#fff}.staff-paper-info-wide{grid-column:1 / -1}.staff-paper-info h2,.staff-paper-faq h2,.related-tools h2{margin:0 0 14px;font-size:1.55rem}.staff-paper-info p,.staff-paper-faq p{margin:0;color:#444;line-height:1.65}.compact-list,.plain-list{margin:18px 0 0;padding:0;list-style:none}.compact-list{display:flex;flex-wrap:wrap;gap:10px}.compact-list li{padding:8px 11px;border:1px solid #e8e8e8;border-radius:6px;background:#fbfbfa;color:#333;font-size:.94rem}.plain-list{display:grid;gap:9px;color:#333}.plain-list li{position:relative;padding-left:18px;line-height:1.45}.plain-list li:before{content:"";position:absolute;left:0;top:.64em;width:6px;height:6px;border-radius:999px;background:#1a4a99}.staff-paper-faq,.related-tools{max-width:1120px;margin:22px auto 0}.faq-list{display:grid;gap:10px}.faq-list details{padding:16px 18px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{margin-top:12px}.bell-chart-content{padding:56px 7% 76px;border-top:1px solid #ede6d6;background:radial-gradient(circle at top right,rgba(138,90,36,.08),transparent 28%),linear-gradient(180deg,#fcfaf4 0%,#f8f4ea 100%)}.bell-chart-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto}.bell-chart-info,.bell-chart-highlight-card{padding:26px;border:1px solid #e8dfcf;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 10px 24px #4835160d}.bell-chart-info-wide,.bell-chart-highlight-card{grid-column:1 / -1}.bell-chart-info h2,.bell-chart-highlight-card h2{margin:0 0 14px;font-size:1.55rem}.bell-chart-info p,.bell-chart-highlight-card p{margin:0;color:#444;line-height:1.65}.bell-chart-info p+p,.bell-chart-highlight-card p+p{margin-top:12px}.bell-chart-plain-list{margin-top:18px}.bell-chart-persona-grid{display:grid;grid-template-columns:1fr;gap:14px}.bell-chart-persona-card{padding:18px 16px 16px;border:1px solid #eadfca;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#fbf7f0 100%)}.bell-chart-persona-panel{align-self:start}.bell-chart-persona-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:12px;border-radius:999px;background:rgba(138,90,36,.12);color:#8a5a24}.bell-chart-persona-card strong{display:block;margin-bottom:8px;color:#1e1e1e;font-size:1rem;line-height:1.35}.bell-chart-persona-card p{margin:0;color:#4d4d4d;font-size:.95rem;line-height:1.55}.bell-chart-feature-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.bell-chart-feature-list li{position:relative;padding:11px 14px 11px 38px;border:1px solid #eadfca;border-radius:999px;background:#fff;color:#333;line-height:1.45}.bell-chart-feature-list li:before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a5a24;font-weight:700}.bell-chart-highlight-card{border:1px solid rgba(138,90,36,.2);background:linear-gradient(135deg,rgba(138,90,36,.14),rgba(255,255,255,.96)),#fff}.bell-chart-highlight-card .section-kicker{margin-bottom:6px}.bell-chart-highlight-card h2{color:#7a4d1d}.bell-chart-faq-list{margin-top:18px}.related-tool-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.related-tools p{margin:0 0 18px;color:#444;line-height:1.6}.related-tool-list a{min-height:56px;display:flex;align-items:center;padding:12px;border:1px solid #e8e8e8;border-radius:8px;color:#1a4a99;font-weight:700;line-height:1.35}.related-tool-list a:hover,.related-tool-list a:focus-visible{border-color:#d7e2f5;background:#f4f7fd}.metronome-guide,.metronome-faq,.related-music-tools{padding:0 7% 52px;background:#fff}.metronome-guide{padding-top:14px}.metronome-guide .content-container,.metronome-faq .content-container,.related-music-tools .content-container{max-width:1120px;margin:0 auto}.metronome-guide h2,.metronome-faq h2,.related-music-tools h2{margin:30px 0 12px;font-size:1.55rem}.metronome-guide h2:first-child,.metronome-faq h2,.related-music-tools h2{margin-top:0}.metronome-guide p,.metronome-faq p,.related-tool-links span{color:#444;line-height:1.65}.metronome-guide p{max-width:78ch;margin:0 0 14px}.metronome-guide ul{display:grid;gap:9px;margin:14px 0 0;padding-left:20px;color:#333;line-height:1.55}.tempo-marking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 6px}.tempo-marking-grid div,.metronome-faq .faq-list article,.related-tool-links a{padding:16px 18px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.tempo-marking-grid h3,.metronome-faq h3{margin:0 0 6px;font-size:1rem}.tempo-marking-grid p,.metronome-faq p{margin:0}.metronome-faq .faq-list{gap:12px}.related-tool-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-tool-links a{display:grid;gap:4px}.related-tool-links strong{color:#1a4a99}.related-tool-links a:hover,.related-tool-links a:focus-visible{border-color:#d7e2f5;background:#f4f7fd}@media (prefers-reduced-motion: reduce){.metronome-bpm.is-flashing{animation:none}.metronome-beat-ring,.metronome-beat-dot{transition:none}}footer{display:grid;grid-template-columns:1.7fr .7fr 1fr 1fr 1fr;gap:40px;padding:50px 7%;background:#fff;border-top:1px solid #eee}.footer-logo{width:max-content;max-width:100%;display:block;margin-bottom:10px}.footer-logo strong{display:block;white-space:nowrap}.footer-tagline{margin:10px 0 0;max-width:30ch;color:#444;line-height:1.45;font-size:.95rem}footer a{display:block;margin:8px 0;color:#444}.footer-heading{margin:0 0 8px;font-weight:700;color:#111}.footer-cookie-settings{padding:0;border:0;background:transparent;color:#444;font:inherit;cursor:pointer;text-align:left}.footer-cookie-settings:hover{text-decoration:underline}.copyright{margin:.2rem 0 0;color:#666}.footer-socials{display:flex;align-items:center;gap:14px;margin-top:14px}.footer-socials a,.footer-socials span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#000;color:#fff}.footer-socials i{font-size:.95rem}#cc-main{--cc-bg: #fff;--cc-primary-color: #111;--cc-secondary-color: #444;--cc-btn-primary-bg: #8a5a24;--cc-btn-primary-color: #fff;--cc-btn-primary-hover-bg: #7a4d1d;--cc-btn-primary-hover-color: #fff;--cc-btn-secondary-bg: #f4f4f2;--cc-btn-secondary-color: #111;--cc-btn-secondary-hover-bg: #e9e6df;--cc-btn-secondary-hover-color: #111;--cc-cookie-category-block-bg: #faf9f7;--cc-cookie-category-block-border: #e7e2da;--cc-cookie-category-block-hover-bg: #f5f1eb;--cc-cookie-category-block-hover-border: #ddd6cc;--cc-overlay-bg: rgba(17, 17, 17, .55);--cc-btn-border-radius: 999px;--cc-modal-border-radius: 18px;--cc-pm-toggle-border-radius: 999px}@media (max-width: 980px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%;flex-wrap:wrap;gap:14px 20px;margin-left:0}.tools-hero{grid-template-columns:1fr;min-height:auto}.tool-grid,.instrument-range-workspace,.staff-paper-workspace,.bell-chart-workspace,.staff-paper-content-grid{grid-template-columns:1fr}.instrument-range-workspace,.staff-paper-workspace,.bell-chart-workspace{max-width:760px}.staff-paper-preview-panel,.bell-chart-preview-panel{min-height:620px}.staff-paper-preview-stage{min-height:550px}.staff-paper-preview-frame{height:550px}.related-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}footer{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.site-header{min-height:auto}.logo img,.footer-logo img{width:86px}.logo strong{font-size:1.42rem}.site-nav{font-size:.98rem}.tools-hero,.section-hero,.tool-index,.instrument-range-notes,.staff-paper-content,.bell-chart-content,.metronome-guide,.metronome-faq,.related-music-tools{padding-left:5%;padding-right:5%}.staff-paper-hero,.scale-hero,.instrument-range-hero,.metronome-hero{padding-top:30px;padding-bottom:32px}.staff-paper-hero:before,.scale-hero:before,.instrument-range-hero:before,.metronome-hero:before{width:100%;opacity:.28}.staff-paper-hero:after,.scale-hero:after,.instrument-range-hero:after,.metronome-hero:after{background:linear-gradient(90deg,rgba(250,247,240,.98) 0%,rgba(255,255,255,.94) 62%,rgba(255,255,255,.84) 100%)}.tools-hero h1,.section-hero h1{font-size:2.65rem}.tools-hero-panel{padding:10px}.category-link,.tool-row{grid-template-columns:42px minmax(0,1fr)}.category-link>svg,.tool-status{grid-column:2;justify-self:start}.tool-row{align-items:start}.form-grid,.radio-group,.bell-chart-meta,.bell-chart-summary,.bell-chart-content-grid,.metronome-meter-fields,.tempo-marking-grid,.instrument-range-stats,.instrument-range-notes-grid,.related-tool-links{grid-template-columns:1fr}.instrument-range-visual-panel,.instrument-range-panel,.instrument-range-faq{padding:20px}.instrument-range-staff-vf svg{min-width:380px}.instrument-range-marker-strip svg{min-width:520px}.instrument-range-example-row{grid-template-columns:1fr}.staff-paper-tool-section{padding-top:24px}.staff-paper-preview-panel,.staff-paper-info,.staff-paper-faq,.related-tools,.bell-chart-preview-panel{padding:20px}.staff-paper-preview-header{display:block}.bell-chart-preview-header{display:flex;flex-direction:column;align-items:flex-start}.bell-chart-preview-actions{justify-content:flex-start}.staff-paper-preview-header .section-kicker,.bell-chart-preview-header .section-kicker{margin-bottom:8px}.staff-paper-preview-frame{height:460px}.staff-paper-preview-stage{min-height:460px;padding:12px}.bell-chart-content{padding-top:34px;padding-bottom:52px}.related-tool-list{grid-template-columns:1fr}.bell-chart-table-head,.bell-chart-row{grid-template-columns:minmax(0,1fr)}.bell-chart-row span{justify-self:start}footer{grid-template-columns:1fr}}@media print{.site-header,footer,.bell-usage-chart-hero,.bell-chart-form,.related-tools,.tool-page-back,.bell-chart-status{display:none!important}.bell-chart-tool-section{padding:0}.bell-chart-workspace{display:block;max-width:none}.bell-chart-preview-panel{min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}.bell-chart-preview{gap:14px}.bell-chart-grand-preview{width:100%}.bell-chart-grand-staff-vf svg{width:100%;height:auto}.bell-chart-placeholder{min-height:0;border:0;padding:0;place-content:start;text-align:left}}