/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--cream:#25231f;--muted:#746f65;--gold:#b77a1f;--bg:#f4efe5;--paper:#fbf8f1;--ink:#26231d;--line:#d8d0c1}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}a{color:inherit}.mechanical-page{isolation:isolate;background:radial-gradient(56% 62% at 48% 44%,#d1b89047,#0000 68%),#f4efe5;place-items:center;min-height:100svh;padding-top:74px;display:grid;position:relative;overflow:hidden}.mechanical-page:before{content:"";pointer-events:none;z-index:20;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:30;justify-content:space-between;align-items:center;display:flex;position:absolute;top:34px;left:42px;right:42px}.wordmark{letter-spacing:.31em;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.wordmark span{border:1px solid var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%);width:11px;height:17px;position:relative}.status{color:#746f65;font:600 9px/1 var(--font-geist-mono), monospace;letter-spacing:.18em;align-items:center;gap:8px;display:flex}.status i{background:#514e48;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #514e481f}.product-shell{perspective:1200px;width:min(48.5vh,510px);min-width:330px;margin-top:-1vh;position:relative}.product-scene{--beat:.625s;--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;aspect-ratio:2/3;width:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));filter:drop-shadow(30px 35px 25px #0000006b);transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.metronome-render{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.moving-glint{pointer-events:none;opacity:.26;background:radial-gradient(ellipse 12% 55% at var(--light-x) 48%, #ffe1a42e, transparent 80%);mix-blend-mode:screen;clip-path:polygon(35% 5%,66% 5%,88% 90%,14% 90%);transition:background-position .3s;position:absolute;inset:7% 6% 8%}.moving-arm{z-index:4;pointer-events:none;transform-origin:48.17% 67.15%;position:absolute;inset:0;transform:rotate(1.3deg)translateZ(10px)}.is-running .moving-arm{animation:true-swing var(--beat) cubic-bezier(.42,.02,.58,.98) infinite alternate}@keyframes true-swing{0%{transform:rotate(-16.7deg)translateZ(10px)}to{transform:rotate(19.3deg)translateZ(10px)}}.steel-rod{background:repeating-linear-gradient(0deg,#0000 0 10px,#2e2f2d6b 10px 11px,#f4f3eb2e 11px 12px),linear-gradient(90deg,#0000 47%,#2d2e2d73 48% 52%,#0000 53%),linear-gradient(90deg,#535653 0%,#acb0ac 15%,#e0e2dd 34%,#8c908d 68%,#424442 100%);border-radius:2px 2px 1px 1px;width:1.96%;min-width:7px;height:52.25%;position:absolute;top:14.9%;left:47.19%;box-shadow:2px 2px 4px #000000b8,inset 1px 0 #ffffff7a,inset -1px 0 #0c0d0c80}.rod-cap{z-index:2;background:linear-gradient(#dadbd5,#858984 56%,#454744);border-radius:5px 5px 2px 2px;width:5.2%;height:1.95%;position:absolute;top:14.05%;left:45.57%;box-shadow:inset 0 1px #ffffff8c,0 3px 4px #000000b3}.rod-cap:before{content:"";background:radial-gradient(circle at 35% 30%,#f5f3e9,#747773 55%,#252623);border-radius:50%;position:absolute;inset:22% 38%;box-shadow:0 1px 1px #000000b3}.sliding-weight{z-index:6;clip-path:polygon(3% 0,97% 0,97% 82%,72% 82%,66% 100%,34% 100%,28% 82%,3% 82%);pointer-events:auto;cursor:grab;touch-action:none;background:linear-gradient(#ffffff38,#0000 17% 68%,#1d1e1c59),linear-gradient(98deg,#393b39 0%,#9fa29d 12%,#e1e2dc 35%,#a1a39f 63%,#484a47 100%);border:0;border-radius:3px 3px 5px 5px;width:9.3%;height:5.05%;padding:0;transition:top 80ms linear,filter .2s;position:absolute;left:43.52%;transform:translateY(-50%)translateZ(14px);box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -2px 3px #00000085,3px 6px 9px #000000b8}.sliding-weight:before,.sliding-weight:after{content:"";background:linear-gradient(90deg,#343633,#a0a29d);width:9%;position:absolute;top:9%;bottom:35%}.sliding-weight:before{border-radius:4px 0 0 4px;left:0}.sliding-weight:after{border-radius:0 4px 4px 0;right:0;transform:scaleX(-1)}.sliding-weight:hover{filter:brightness(1.18)}.sliding-weight:focus-visible{outline-offset:4px;outline:2px solid #deb866}.sliding-weight.dragging{cursor:grabbing;filter:brightness(1.2);transition:none}.weight-face{position:absolute;inset:11% 15% 24%}.weight-face:before,.weight-face:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#f1f0ea 0 10%,#8b8e8a 32%,#4a4c49 62%,#d7d8d2 66%,#565855 100%);border-radius:50%;width:18%;position:absolute;top:14%;box-shadow:0 1px 2px #0000008c}.weight-face:before{left:2%}.weight-face:after{right:2%}.weight-face i{background:linear-gradient(90deg,#4b4d4a,#d7d8d2 50%,#5f615e);border-radius:2px 2px 0 0;width:8%;position:absolute;top:42%;bottom:-25%;box-shadow:inset 0 1px #ffffff52}.weight-face i:first-child{left:34%}.weight-face i:nth-child(2){right:34%}.weight-face i:nth-child(3){display:none}.control-copy{width:210px;position:absolute;top:47%;left:calc(100% + 54px);transform:translateY(-50%)}.bpm{align-items:baseline;gap:9px;display:flex}.bpm strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font:400 clamp(54px,5vw,84px)/.88 Georgia,Times New Roman,serif}.bpm span{color:var(--gold);letter-spacing:.22em;font-size:9px;font-weight:700}.control-copy p{color:var(--muted);margin:13px 0 0;font:italic 14px/1.5 Georgia,serif}.transport{color:#d1c6b0;cursor:pointer;height:39px;font:600 9px/1 var(--font-geist-mono), monospace;letter-spacing:.2em;background:#c89b4c0b;border:1px solid #5a4a34;border-radius:3px;align-items:center;gap:10px;margin-top:20px;padding:0 16px 0 9px;transition:border-color .18s,background .18s;display:inline-flex}.transport i{border:1px solid #6b5940;border-radius:50%;place-items:center;width:23px;height:23px;display:inline-grid;position:relative}.transport:focus-visible{outline-offset:4px;outline:2px solid #c89b4c}.transport-play:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #c89b4c;margin-left:2px}.transport-stop:after{content:"";background:#c89b4c;width:7px;height:7px}.meter-control{border-top:1px solid #95887029;margin-top:25px;padding-top:17px}.meter-label{color:#6f695f;font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.2em;margin-bottom:10px;display:block}.meter-options{gap:5px;display:flex}.meter-options button{color:#746f66;cursor:pointer;min-width:34px;height:28px;font:600 9px/1 var(--font-geist-mono), monospace;background:#ffffff04;border:1px solid #34312c;border-radius:3px;padding:0 7px;transition:color .18s,border-color .18s,background .18s}.meter-options button.selected{color:#1a160f;background:#c89b4c;border-color:#c89b4c;box-shadow:0 0 15px #c89b4c1f}.meter-options button:focus-visible{outline-offset:2px;outline:2px solid #d7b36f}.beat-indicator{align-items:center;gap:8px;height:16px;margin-top:11px;display:flex}.beat-indicator i{background:#37342f;border-radius:50%;width:5px;height:5px;transition:transform .1s,background .1s,box-shadow .1s;display:block;box-shadow:0 0 0 1px #47433c}.beat-indicator i.downbeat{width:7px;height:7px;box-shadow:none;background:0 0;border:1px solid #6e5939}.beat-indicator i.current{background:#d0a052;border-color:#d0a052;transform:scale(1.4);box-shadow:0 0 10px #d0a05294}.finish-control{border-top:1px solid #95887029;margin-top:18px;padding-top:15px}.finish-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.finish-heading span{color:#6f695f;font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.2em}.finish-heading strong{color:#9b9385;font:500 9px/1 var(--font-geist-mono), monospace;letter-spacing:.04em}.finish-options{gap:9px;display:flex}.finish-options button{background:var(--swatch);cursor:pointer;border:1px solid #46413a;border-radius:50%;width:21px;height:21px;padding:0;transition:transform .16s,border-color .16s;position:relative;box-shadow:inset 0 1px 2px #ffffff38,0 2px 4px #00000059}.finish-options button:hover{border-color:#8e806a;transform:translateY(-2px)}.finish-options button.selected{border-color:#d1a558;box-shadow:0 0 0 3px #d1a55824,inset 0 1px 2px #ffffff40}.finish-options button:focus-visible{outline-offset:3px;outline:2px solid #d1a558}.instructions{z-index:10;color:#706c64;font:600 8px/1 var(--font-geist-mono), monospace;letter-spacing:.13em;gap:26px;display:flex;position:absolute;bottom:34px;left:42px}.instructions span{align-items:center;gap:8px;display:flex}.instructions kbd{color:#a39a88;font:inherit;border:1px solid #3e3a34;border-radius:3px;padding:5px 7px}.edition{color:#55524c;letter-spacing:.14em;font-size:8px;font-weight:600;position:absolute;bottom:39px;right:42px}.edition a{color:#777065;border-bottom:1px solid #3e3a34;text-decoration:none}.edition a:hover{color:#b3a68d}@media (width<=900px){.product-shell{width:min(39vh,400px);margin-top:-12vh}.control-copy{text-align:center;width:min(460px,92vw);top:auto;bottom:-12px;left:50%;transform:translate(-50%,100%)}.bpm{justify-content:center}.bpm strong{font-size:47px}.control-copy p{margin-top:5px;font-size:12px}.transport{margin-top:11px}.meter-control{margin-top:11px;padding-top:10px}.meter-label{margin-bottom:7px}.meter-options,.beat-indicator{justify-content:center}.finish-control{margin-top:10px;padding-top:10px}.finish-heading{justify-content:center;gap:14px;margin-bottom:8px}.finish-options{justify-content:center}.instructions,.edition{display:none}}@media (width<=560px){.topbar{top:23px;left:24px;right:24px}.product-shell{width:min(39vh,86vw);min-width:0;margin-top:-11vh}.control-copy{bottom:-8px}.control-copy p{display:none}}@media (width<=900px) and (height<=680px){.product-shell{width:min(32vh,330px);margin-top:-13vh}.bpm strong{font-size:40px}.meter-options button{height:25px}}@media (height<=740px) and (width>=901px){.product-shell{width:41vh}}@media (prefers-reduced-motion:reduce){.product-scene{transition:none}.is-running .moving-arm{animation-timing-function:linear}}.site-header{z-index:40;border-bottom:1px solid #5c4d382e;justify-content:space-between;align-items:center;width:min(1240px,100% - 64px);height:74px;margin:0 auto;display:flex;position:relative}.mechanical-page>.site-header{position:absolute;top:0;left:50%;transform:translate(-50%)}.site-brand{color:#27231d;letter-spacing:.34em;align-items:center;gap:12px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.site-brand i{color:#a66b16;font-family:Georgia,serif;font-weight:400}.brand-glyph{clip-path:polygon(50% 0,100% 100%,0 100%);border:1px solid #b77a1f;width:12px;height:18px}.site-nav{gap:clamp(20px,3vw,42px);display:flex}.site-nav a{color:#6b655c;font:600 10px/1 var(--font-geist-mono), monospace;letter-spacing:.09em;text-decoration:none;transition:color .2s}.site-nav a:hover{color:#a36611}.mechanical-page>.status{z-index:30;color:#8a8377;position:absolute;top:97px;right:max(32px,50% - 620px)}.status i{background:#b6aea1;box-shadow:0 0 0 3px #5b4e3a14}.status.active{color:#8e5a0b}.status.active i{background:#ca8a2d;box-shadow:0 0 9px #ca8a2d80}.product-scene{filter:drop-shadow(30px 35px 24px #4c351c40)}.control-copy{color:#26231d}.control-copy p{color:#777065}.transport{color:#443b2f;background:#ffffff6b;border-color:#cdbb9e}.transport i{border-color:#cab58f}.transport:hover{background:#b77a1f14;border-color:#b77a1f}.meter-control,.finish-control{border-color:#5d4a3026}.meter-label,.finish-heading span{color:#857c6d}.meter-options button{color:#776f64;background:#ffffff73;border-color:#d6ccbc}.meter-options button:hover{color:#3f382f;border-color:#a99a84}.meter-options button.selected{color:#fffaf1;background:#ad711b;border-color:#ad711b}.beat-indicator i{background:#c9c0b2;box-shadow:0 0 0 1px #b8ad9e}.beat-indicator i.downbeat{background:0 0;border-color:#ae8a51}.finish-heading strong{color:#625a50}.finish-options button{border-color:#afa596;box-shadow:inset 0 1px 2px #ffffff4d,0 2px 4px #402b182e}.instructions{color:#8d8579}.instructions kbd{color:#5e574e;background:#ffffff59;border-color:#c9beae}.edition{color:#968e82}.edition a{color:#766e62;border-color:#c5b9a7}.home-story{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:11vw;width:min(1120px,100% - 48px);margin:0 auto;padding:110px 0 90px;display:grid}.eyebrow{color:#a36a17;font:700 10px/1 var(--font-geist-mono), monospace;letter-spacing:.2em;margin-bottom:20px;display:block}.story-heading h1,.tool-intro h1,.content-hero h1,.legal-article h1{color:#27231d;letter-spacing:-.045em;margin:0;font:400 clamp(42px,5.6vw,76px)/.98 Georgia,Times New Roman,serif}.story-copy{padding-top:24px}.story-copy p,.tool-intro-copy>p,.content-hero>p,.legal-article p,.reading-section p{color:#696258;margin:0 0 20px;font:400 16px/1.75 Georgia,serif}.tool-cards{grid-template-columns:repeat(3,1fr);gap:16px;width:min(1120px,100% - 48px);margin:0 auto;padding:80px 0 100px;display:grid}.tool-card{background:#ffffff61;border:1px solid #d8cdbd;flex-direction:column;min-height:310px;padding:32px;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.tool-card:hover{background:#fbf8f1;transform:translateY(-5px);box-shadow:0 18px 48px #4c361a17}.tool-card>span{color:#9c7b4b;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.18em}.tool-card h2{color:#2a261f;letter-spacing:-.03em;max-width:250px;margin:66px 0 16px;font:400 34px/1.05 Georgia,serif}.tool-card p{color:#736c61;margin:0 0 28px;font:14px/1.65 Georgia,serif}.tool-card strong{color:#9a6416;letter-spacing:.08em;margin-top:auto;font-size:11px}.tuner-card{background:linear-gradient(145deg,#ffffff80,#d7cbb552)}.drum-card{background:linear-gradient(145deg,#292620eb,#473c2eeb);border-color:#4a443c}.drum-card h2,.drum-card p{color:#f0e8da}.drum-card>span,.drum-card strong{color:#d9a553}.light-tool-page,.content-page{background:#f4efe5;min-height:100vh}.tool-intro{grid-template-columns:1.08fr .92fr;align-items:end;gap:9vw;width:min(1120px,100% - 48px);margin:0 auto;padding:90px 0 68px;display:grid}.tool-intro h1{max-width:650px}.tool-intro-copy{padding-bottom:4px}.tool-intro-copy>p{margin-bottom:24px}.intro-note{font-size:14px!important}.reference-control{border-top:1px solid var(--line);color:#756d62;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:18px;display:flex}select{color:#433c33;background:#fbf8f1;border:1px solid #cfc3b2;border-radius:3px;min-height:38px;padding:0 30px 0 12px}.tuner-machine{color:#f0e8db;background:linear-gradient(150deg,#2d2d2a,#191a18);border:1px solid #cfc4b2;border-radius:3px;width:min(900px,100% - 48px);margin:0 auto 110px;padding:44px 44px 36px;position:relative;overflow:hidden;box-shadow:0 30px 80px #3d2c1a29}.tuner-live{color:#999991;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.18em}.tuner-live i{background:#686963;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.is-live .tuner-live{color:#d9c89e}.is-live .tuner-live i{background:#80d29d;box-shadow:0 0 10px #80d29d8c}.tuner-dial{max-width:680px;height:280px;margin:10px auto -30px;position:relative;overflow:hidden}.tuner-dial:before{content:"";border:1px solid #676960;border-radius:50%;width:640px;height:640px;position:absolute;top:38px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 30px #ffffff04}.dial-labels{z-index:2;color:#a3a397;font:11px var(--font-geist-mono), monospace;justify-content:space-between;display:flex;position:absolute;top:42px;left:8%;right:8%}.dial-labels span:nth-child(2){color:#d8a854}.dial-ticks{z-index:1;background:repeating-conic-gradient(from 216deg, #72746c 0 .3deg, transparent .3deg 2.88deg);border-radius:50%;width:620px;height:620px;position:absolute;top:48px;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(#0000 0 45%,#000 45.1% 50%,#0000 50.1%);mask:radial-gradient(#0000 0 45%,#000 45.1% 50%,#0000 50.1%)}.tuner-needle{z-index:3;transform-origin:50% 100%;background:linear-gradient(#e2b660,#b87a20);border-radius:3px;width:4px;height:215px;transition:transform .1s;position:absolute;bottom:0;left:50%;box-shadow:0 0 12px #daa95040}.needle-pivot{z-index:4;background:#c18a34;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 7px #3e3f3a}.note-display{z-index:5;text-align:center;margin-top:-8px;position:relative}.note-display .frequency{color:#9c9c93;font:10px var(--font-geist-mono), monospace;letter-spacing:.13em}.note-display div{height:104px}.note-display strong{font:400 94px/1 Georgia,serif}.note-display sup{color:#d3a454;font:24px Georgia,serif}.note-display>span:last-child{color:#b0afa6;font-size:13px}.note-display>span.in-tune{color:#87d5a2}.primary-tool-button{color:#fffaf0;cursor:pointer;min-height:48px;font:700 10px/1 var(--font-geist-mono), monospace;letter-spacing:.13em;text-transform:uppercase;background:#a96c17;border:1px solid #b57924;border-radius:2px;padding:0 24px;transition:background .2s,transform .2s}.primary-tool-button:hover{background:#bd7e22;transform:translateY(-1px)}.tuner-machine>.primary-tool-button{min-width:210px;margin:30px auto 0;display:block}.local-note{color:#86867f;text-align:center;margin:14px 0 0;font-size:11px}.reference-section,.pattern-section{grid-template-columns:.72fr 1.28fr;gap:7vw;width:min(1120px,100% - 48px);margin:0 auto;padding:0 0 100px;display:grid}.reference-section h2,.pattern-section h2,.reading-section h2,.guide-callout h2{color:#2a261f;letter-spacing:-.035em;margin:0;font:400 38px/1.08 Georgia,serif}.tuning-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.tuning-grid article{border-bottom:1px solid var(--line);padding:24px 20px 22px 0}.tuning-grid article:nth-child(odd){border-right:1px solid var(--line)}.tuning-grid article:nth-child(2n){padding-left:20px}.tuning-grid span{color:#9a9183;font:9px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.tuning-grid h3{margin:10px 0;font:400 24px Georgia,serif}.tuning-grid p{color:#6e665b;font:13px var(--font-geist-mono), monospace;margin:0}.reading-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:60px;width:min(820px,100% - 48px);margin:10px auto 120px;padding:56px 0;display:grid}.reading-section p{margin:0}.drum-page{background:linear-gradient(#f4efe5 0 32%,#ebe4d7 32% 100%)}.drum-console{color:#eee7da;background:radial-gradient(circle at 50% 20%,#393934,#1b1c1a 68%);border:1px solid #48453f;border-radius:3px;width:min(900px,100% - 48px);margin:0 auto 110px;padding:38px 44px 42px;box-shadow:0 30px 80px #2d231933}.console-topline{color:#8e8f87;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.14em;justify-content:space-between;display:flex}.console-topline i{background:#686963;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.console-topline i.live{background:#e0a344;box-shadow:0 0 10px #c57e1d}.console-topline strong{color:#aaa99f;font-weight:500}.tempo-display{justify-content:center;align-items:center;gap:60px;margin:35px 0 20px;display:flex}.tempo-display button{color:#d1c9bb;cursor:pointer;background:0 0;border:1px solid #55564f;border-radius:50%;width:52px;height:52px;font-size:24px}.tempo-display div{text-align:center;min-width:210px}.tempo-display strong{font-variant-numeric:tabular-nums;font:400 94px/.9 Georgia,serif;display:block}.tempo-display span{color:#c99a52;font:9px var(--font-geist-mono), monospace;letter-spacing:.15em;margin-top:13px;display:block}.tempo-range{accent-color:#c4862c;width:100%}.beat-row{justify-content:center;gap:13px;min-height:54px;margin:30px 0 10px;display:flex}.beat-row span{color:#777971;width:34px;height:34px;font:10px var(--font-geist-mono), monospace;border:1px solid #4f504a;border-radius:50%;place-items:center;transition:all .1s;display:grid}.beat-row span.accent{border-color:#8b6a3d}.beat-row span.active{color:#161714;background:#d7a154;border-color:#d7a154;transform:scale(1.15);box-shadow:0 0 18px #d7a15459}.console-actions{border-top:1px solid #3e3f3a;grid-template-columns:1fr auto auto;align-items:end;gap:14px;margin-top:30px;padding-top:28px;display:grid}.console-actions label{color:#878880;font:8px var(--font-geist-mono), monospace;letter-spacing:.13em;text-transform:uppercase;flex-direction:column;gap:9px;display:flex}.console-actions select{color:#ded6c8;background:#2b2c29;border-color:#53544e;width:105px}.tap-button{color:#bcb6a9;cursor:pointer;min-height:48px;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.12em;background:0 0;border:1px solid #56574f;border-radius:2px;padding:0 20px}.pattern-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.pattern-grid button{text-align:left;color:#39342d;cursor:pointer;background:#ffffff57;border:1px solid #d2c6b4;border-radius:2px;grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:112px;padding:18px;display:grid}.pattern-grid button.selected{background:#fbf7ef;border-color:#aa711e;box-shadow:inset 3px 0 #b77a1f}.pattern-symbol{color:#a56d1b;font:30px Georgia,serif}.pattern-grid strong,.pattern-grid small{display:block}.pattern-grid strong{margin-bottom:7px;font:500 14px Georgia,serif}.pattern-grid small{color:#898174;font-size:10px}.mini-steps{grid-column:2;gap:5px;display:flex}.mini-steps i{background:#d8d0c4;border-radius:3px;width:11px;height:3px}.mini-steps i.on{background:#a68c65}.mini-steps i.current{background:#c98018;box-shadow:0 0 5px #c9801866}.content-hero{width:min(980px,100% - 48px);margin:0 auto;padding:110px 0 80px}.content-hero h1{max-width:840px}.content-hero>p{max-width:600px;margin:38px 0 0 auto}.guide-list{border-top:1px solid var(--line);width:min(980px,100% - 48px);margin:0 auto 110px}.guide-list article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;padding:36px 0;display:grid}.guide-list article>span{color:#a36a17;font:10px var(--font-geist-mono), monospace}.guide-list h2{margin:0 0 12px;font:400 30px Georgia,serif}.guide-list p{color:#6d665d;max-width:650px;margin:0;font:15px/1.7 Georgia,serif}.guide-callout{color:#efe7d8;background:#252520;grid-template-columns:.9fr 1.1fr;gap:70px;width:min(980px,100% - 48px);margin:0 auto 40px;padding:54px;display:grid}.guide-callout h2{color:#f2eadc}.guide-callout ol{color:#c5bdaf;margin:0;padding-left:22px;font:14px/1.9 Georgia,serif}.tool-cards.compact{padding-top:40px}.tool-cards.compact .tool-card{min-height:220px}.tool-cards.compact h2{margin-top:45px;font-size:27px}.legal-article{width:min(780px,100% - 48px);margin:0 auto;padding:110px 0 120px}.legal-article .lead{color:#4d473e;margin:40px 0 70px;font-size:21px;line-height:1.6}.legal-article h2{border-top:1px solid var(--line);margin:54px 0 15px;padding-top:26px;font:400 28px Georgia,serif}.legal-article .updated{color:#948b7e;margin-top:60px;font-size:12px}.contact-grid{grid-template-columns:1fr 1fr;gap:16px;margin:60px 0;display:grid}.contact-grid section{border:1px solid var(--line);padding:30px}.contact-grid section>span{color:#9e6b20;font:9px var(--font-geist-mono), monospace;letter-spacing:.13em}.contact-grid h2{border:0;margin:34px 0 14px;padding:0}.contact-grid a{color:#9f6817}.legal-article .response-note{font-size:13px}.site-footer{border-top:1px solid var(--line);color:#756e63;grid-template-columns:1fr auto;gap:34px;width:min(1120px,100% - 48px);margin:0 auto;padding:50px 0 42px;display:grid}.footer-brand{color:#302b24;font:800 11px var(--font-geist-mono), monospace;letter-spacing:.26em}.site-footer p{max-width:430px;margin:13px 0 0;font:13px/1.6 Georgia,serif}.site-footer nav{gap:28px;display:flex}.site-footer nav a{font:10px var(--font-geist-mono), monospace;text-decoration:none}.site-footer small{color:#9a9286;grid-column:1/-1;font-size:10px}.resource-hero{padding-bottom:64px}.resource-hero>p{max-width:680px}.resource-actions{flex-wrap:wrap;gap:12px;max-width:680px;margin:34px 0 0 auto;display:flex}.resource-actions a,.resource-cta>a{color:#5d451f;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid #9b7b4d;padding:13px 18px;text-decoration:none}.resource-intro{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;width:min(980px,100% - 48px);margin:0 auto 42px;padding-top:44px;display:grid}.resource-intro h2{color:#2a261f;letter-spacing:-.035em;margin:12px 0 0;font:400 36px/1.08 Georgia,serif}.resource-intro>p{color:#6d665d;margin:0;font:15px/1.75 Georgia,serif}.tempo-chart{border-top:2px solid #40392f;border-bottom:2px solid #40392f;width:min(980px,100% - 48px);margin:0 auto 72px}.tempo-chart-head,.tempo-chart-row{grid-template-columns:1fr .55fr 1.4fr;align-items:center;gap:24px;display:grid}.tempo-chart-head{color:#8a6a3d;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.14em;padding:15px 0}.tempo-chart-row{border-top:1px solid var(--line);min-height:66px}.tempo-chart-row strong{color:#312b23;font:500 21px Georgia,serif}.tempo-chart-row>span{color:#a56c18;font:700 12px var(--font-geist-mono), monospace}.tempo-chart-row p{color:#6d665d;margin:0;font:14px/1.5 Georgia,serif}.resource-notes,.teacher-benefits,.resource-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(980px,100% - 48px);margin:0 auto 80px;display:grid}.resource-notes article,.teacher-benefits article{min-height:230px;padding:30px 26px 30px 0}.resource-notes article:not(:last-child),.teacher-benefits article:not(:last-child){border-right:1px solid var(--line)}.resource-notes article:not(:first-child),.teacher-benefits article:not(:first-child){padding-left:26px}.resource-notes article>span{color:#a56c18;font:700 9px var(--font-geist-mono), monospace}.resource-notes h2{margin:48px 0 12px;font:400 24px/1.12 Georgia,serif}.resource-notes p,.teacher-benefits p{color:#6d665d;margin:0;font:14px/1.65 Georgia,serif}.teacher-benefits article{min-height:150px}.teacher-benefits strong{color:#a56c18;font:700 10px var(--font-geist-mono), monospace;letter-spacing:.14em;margin-bottom:32px;display:block}.teacher-activities{border-top:1px solid var(--line);width:min(980px,100% - 48px);margin:0 auto 72px}.teacher-activities article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;padding:30px 0;display:grid}.teacher-activities article>span{color:#a56c18;font:10px var(--font-geist-mono), monospace}.teacher-activities h2{margin:0 0 10px;font:400 28px Georgia,serif}.teacher-activities p{color:#6d665d;max-width:720px;margin:0;font:15px/1.7 Georgia,serif}.resource-cta{color:#efe7d8;background:#252520;justify-content:space-between;align-items:center;gap:40px;width:min(980px,100% - 48px);margin:0 auto 90px;padding:46px 50px;display:flex}.resource-cta h2{color:#f2eadc;max-width:600px;margin:12px 0 0;font:400 32px/1.1 Georgia,serif}.resource-cta>a{color:#e7c083;border-color:#c9974c;flex:none}.resource-links{grid-template-columns:repeat(2,1fr)}.resource-links a{min-height:210px;color:inherit;padding:32px 28px 28px 0;text-decoration:none}.resource-links a+a{border-left:1px solid var(--line);padding-left:28px}.resource-links span{color:#a56c18;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.12em}.resource-links h2{margin:54px 0 10px;font:400 25px/1.1 Georgia,serif}.resource-links p{color:#6d665d;margin:0;font:14px/1.6 Georgia,serif}@media print{.site-header,.site-footer,.resource-cta,.resource-notes{display:none!important}.content-page{background:#fff}.resource-hero{padding:30px 0}.resource-intro{margin-bottom:20px}.tempo-chart-row{min-height:48px}.tempo-chart{break-inside:avoid}}.how-section,.faq-section,.instrument-links,.tuning-reference{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.72fr 1.28fr;gap:7vw;width:min(980px,100% - 48px);margin:0 auto 110px;padding:64px 0;display:grid}.how-section h2,.faq-section h2,.instrument-links h2,.tuning-reference h2{color:#2a261f;letter-spacing:-.035em;margin:0;font:400 38px/1.08 Georgia,serif}.how-section ol{counter-reset:steps;margin:0;padding:0;list-style:none}.how-section li{border-bottom:1px solid var(--line);counter-increment:steps;grid-template-columns:150px 1fr;gap:24px;padding:20px 0;display:grid}.how-section li:first-child{padding-top:0}.how-section li:last-child{border-bottom:0}.how-section li strong{color:#3d372f;font:500 14px Georgia,serif}.how-section li strong:before{content:"0" counter(steps) " · ";color:#a76d18;font:9px var(--font-geist-mono), monospace}.how-section li span{color:#71695e;font:14px/1.65 Georgia,serif}.drum-how{margin-top:-30px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{color:#363129;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:68px;font:500 15px/1.4 Georgia,serif;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a66c18;font:300 22px/1 Arial,sans-serif;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#746c61;max-width:580px;margin:-5px 30px 22px 0;font:14px/1.7 Georgia,serif}.instrument-links{border-top:0;padding-top:10px}.instrument-links>div:last-child{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.instrument-links a{border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:120px;padding:24px 16px 20px 0;text-decoration:none;display:flex}.instrument-links a:not(:last-child){border-right:1px solid var(--line)}.instrument-links a:not(:first-child){padding-left:16px}.instrument-links strong{font:500 18px Georgia,serif}.instrument-links span{color:#9b6a20;font:9px var(--font-geist-mono), monospace}.inline-tool-cta{color:#fff8eb;min-height:46px;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.11em;text-transform:uppercase;background:#a96d17;align-items:center;gap:22px;margin-top:32px;padding:0 18px;text-decoration:none;display:inline-flex}.tuning-reference{align-items:start}.tuning-reference>div:first-child>p{color:#746c61;font:14px/1.65 Georgia,serif}.string-reference{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.string-reference article{border-bottom:1px solid var(--line);min-height:190px;padding:24px 20px 20px 0}.string-reference article:nth-child(odd){border-right:1px solid var(--line)}.string-reference article:nth-child(2n){padding-left:20px}.string-reference article>span{color:#918778;font:8px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;display:block}.string-reference strong{margin:16px 0 5px;font:400 40px Georgia,serif;display:block}.string-reference small{color:#a56b18;font:10px var(--font-geist-mono), monospace}.string-reference p{color:#776f63;margin:20px 0 0;font:13px/1.5 Georgia,serif}@media (width<=760px){.site-header{align-items:flex-start;gap:18px;width:calc(100% - 32px);height:auto;min-height:68px;padding:20px 0 15px}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;max-width:280px}.site-nav a{font-size:8px}.mechanical-page{padding-top:68px}.mechanical-page>.status{display:none}.home-story,.tool-intro,.reference-section,.pattern-section,.reading-section{grid-template-columns:1fr;gap:34px}.home-story{padding:80px 0 60px}.story-copy{padding-top:0}.tool-cards{grid-template-columns:1fr;padding:50px 0 70px}.tool-card{min-height:240px}.tool-card h2{margin-top:45px}.tool-intro{padding:70px 0 48px}.tool-intro h1,.content-hero h1,.legal-article h1{font-size:46px}.tuner-machine,.drum-console{margin-bottom:80px;padding:30px 20px}.tuner-dial{height:235px}.tuner-dial:before{width:510px;height:510px}.dial-ticks{width:494px;height:494px}.tuner-needle{height:174px}.note-display strong{font-size:76px}.reference-section,.pattern-section{padding-bottom:70px}.tuning-grid,.pattern-grid{grid-template-columns:1fr}.tuning-grid article:nth-child(odd){border-right:0}.tuning-grid article:nth-child(2n){padding-left:0}.reading-section{gap:22px;margin-bottom:80px}.tempo-display{gap:16px}.tempo-display strong{font-size:75px}.tempo-display div{min-width:155px}.tempo-display button{width:44px;height:44px}.console-actions{grid-template-columns:1fr 1fr}.console-actions .primary-tool-button{grid-column:1/-1}.beat-row{flex-wrap:wrap;gap:6px}.content-hero,.legal-article{padding-top:80px}.guide-callout{grid-template-columns:1fr;gap:34px;padding:36px 26px}.contact-grid,.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer small{grid-column:1}.resource-intro{grid-template-columns:1fr;gap:24px}.tempo-chart-head,.tempo-chart-row{grid-template-columns:1fr .65fr}.tempo-chart-head span:last-child,.tempo-chart-row p{grid-column:1/-1}.tempo-chart-row{padding:14px 0}.resource-notes,.teacher-benefits{grid-template-columns:1fr}.resource-notes article,.teacher-benefits article,.resource-notes article:not(:first-child),.teacher-benefits article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:28px 0}.resource-notes h2{margin-top:24px}.resource-cta{flex-direction:column;align-items:flex-start;padding:36px 26px}.resource-links{grid-template-columns:1fr}.resource-links a,.resource-links a+a{border-left:0;min-height:0;padding:28px 0}.resource-links a+a{border-top:1px solid var(--line)}.resource-links h2{margin-top:28px}.how-section,.faq-section,.instrument-links,.tuning-reference{grid-template-columns:1fr;gap:36px;margin-bottom:75px;padding:48px 0}.how-section li{grid-template-columns:1fr;gap:8px}.instrument-links>div:last-child{grid-template-columns:1fr}.instrument-links a:not(:last-child){border-right:0}.instrument-links a:not(:first-child){padding-left:0}.string-reference{grid-template-columns:1fr}.string-reference article:nth-child(odd){border-right:0}.string-reference article:nth-child(2n){padding-left:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}