@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#1a2228;--color-accent:#c88a2d;--color-accent-bright:#d4af37;--color-bronze:#8c5a2b;--color-foreground:#f5f2eb;--color-muted:#a7aaa7;--color-panel:#202a30;--color-line:#f5f2eb1f;--font-body:"DM Sans", Arial, sans-serif;--font-display:"Space Grotesk", "DM Sans", sans-serif;--font-mono:"DM Mono", monospace}html{scroll-behavior:smooth;min-height:100%}body{background:var(--color-background);min-height:100%;color:var(--color-foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}::selection{color:var(--color-background);background:var(--color-accent-bright)}.siteShell{min-height:100vh;overflow:hidden}.siteHeader{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;width:min(100% - 64px,1240px);height:86px;margin:auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandLogo{object-fit:contain;border-radius:50%;width:38px;height:38px}.brandMark{border:1px solid var(--color-bronze);width:34px;height:34px;color:var(--color-foreground);font:600 19px var(--font-display);border-radius:50%;place-items:center;display:grid}.brandMark span{color:var(--color-accent-bright)}.brandName,.footerBrand{font:700 13px var(--font-display);letter-spacing:.13em}.brandName span,.footerBrand span{color:var(--color-muted);font-weight:400}.mainNav{gap:36px;margin-left:100px;display:flex}.mainNav a,.localBadge{color:#d4d3cd;font-size:13px;transition:color .2s}.mainNav a:hover,.siteFooter a:hover{color:var(--color-accent-bright)}.localBadge{color:var(--color-muted);font:11px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;display:flex}.headerActions{align-items:center;gap:14px;display:flex}.installAppControl{position:relative}.installAppButton{border:1px solid var(--color-line);min-height:34px;color:var(--color-foreground);font:11px var(--font-body);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:0 10px;transition:border-color .2s,color .2s;display:inline-flex}.installAppButton:hover{border-color:var(--color-accent-bright);color:var(--color-accent-bright)}.installAppInstructions{z-index:10;width:min(290px,100vw - 36px);color:var(--color-foreground);background:#202a30;border:1px solid #c88a2d7a;padding:12px 14px;font-size:12px;line-height:1.55;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 12px 28px #00000061}.languageButton{border:1px solid var(--color-line);width:38px;height:34px;color:var(--color-foreground);cursor:pointer;background:0 0;border-radius:3px;place-items:center;transition:border-color .2s,color .2s;display:grid}.languageButton:hover{border-color:var(--color-accent-bright);color:var(--color-accent-bright)}.statusDot{background:var(--color-accent-bright);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #d4af3799}.pageContent{width:min(100% - 64px,1240px);margin:auto}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:52px;min-height:455px;padding:60px 0 64px;display:grid;position:relative}.heroCopy{max-width:560px}.eyebrow{color:var(--color-accent-bright);font:11px var(--font-mono);letter-spacing:.12em;align-items:center;gap:10px;display:inline-flex}.eyebrowLine{background:var(--color-accent);width:22px;height:1px}.hero h1{font:500 clamp(43px, 5.25vw, 69px)/1.07 var(--font-display);letter-spacing:-.055em;margin:23px 0 14px}.hero h1 span{color:var(--color-accent-bright)}.heroCopy>p{color:#b5b8b5;max-width:450px;margin:0;font-size:16px;line-height:1.75}.primaryLink{border:1px solid var(--color-accent);color:var(--color-foreground);align-items:center;gap:23px;margin-top:28px;padding:13px 17px;font-size:13px;transition:background .2s,color .2s;display:inline-flex}.primaryLink span{color:var(--color-accent-bright);font-size:17px}.primaryLink:hover{color:var(--color-background);background:var(--color-accent)}.primaryLink:hover span{color:var(--color-background)}.heroVisual{background:radial-gradient(#8c5a2b1a,#0000 68%),#1c252b;border:1px solid #8c5a2b57;min-width:0;padding:19px 20px 0}.visualLabel,.visualFooter{color:var(--color-muted);font:10px var(--font-mono);letter-spacing:.08em;align-items:center;display:flex}.visualLabel{justify-content:space-between}.waveGrid{background-image:linear-gradient(#f5f2eb0d 1px,#0000 1px),linear-gradient(90deg,#f5f2eb0d 1px,#0000 1px);background-size:10% 25%;height:208px;margin-top:10px;position:relative}.waveAxis{z-index:1;background:#f5f2eb1f;display:block;position:absolute}.waveAxisHorizontal{height:1px;top:50%;left:0;right:0}.waveAxisVertical{width:1px;top:0;bottom:0;left:50%}.waveGrid svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.waveGrid path{fill:none;stroke:url(#wave-gradient);stroke-width:2.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #d4af3761)}.waveMarker{z-index:2;color:var(--color-foreground);font:10px var(--font-mono);background:#202a30;border:1px solid #c88a2d59;align-items:center;gap:6px;padding:5px 7px;display:flex;position:absolute}.waveMarker i{background:var(--color-accent-bright);border-radius:50%;width:5px;height:5px}.markerOne{top:17%;left:7%}.markerTwo{bottom:13%;right:7%}.visualFooter{border-top:1px solid var(--color-line);gap:11px;min-height:49px}.visualFooter strong{color:var(--color-foreground);font:500 14px var(--font-mono)}.visualFooter strong small{color:var(--color-accent-bright);font-size:10px}.visualDivider{flex:1}.heroIndex{color:#737a79;font:10px var(--font-mono);letter-spacing:.1em;position:absolute;bottom:20px;right:0}.adSlot{color:#737a79;min-height:84px;font:10px var(--font-mono);letter-spacing:.13em;justify-content:center;align-items:center;gap:20px;margin:0 0 51px;display:flex}.adSlotConfigured{width:100%;max-width:728px;min-height:90px;margin-left:auto;margin-right:auto;display:block}.toolPageContent>.adSlot{margin-top:auto;margin-bottom:24px}.toolPageContent>.adSlotConfigured{min-height:90px}.adsbygoogle{min-width:0}.adRule{background:var(--color-line);width:min(20%,150px);height:1px}.toolSection{padding:0 0 35px;scroll-margin-top:25px}.sectionHeading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:23px;display:flex}.sectionHeading h2{font:500 clamp(27px, 3vw, 35px)/1.15 var(--font-display);letter-spacing:-.035em;margin:9px 0 0}.sectionHeading>p{width:min(100%,440px);color:var(--color-muted);margin:0 0 2px;font-size:13px;line-height:1.65}.toolGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.toolCard{background:var(--color-panel);min-width:0;min-height:172px;color:inherit;font:inherit;text-align:left;border:1px solid #f5f2eb1a;flex-direction:column;padding:15px 16px 13px;transition:transform .2s,border-color .2s,background .2s;display:flex}.toolCard:hover{background:#232e34;border-color:#c88a2da6;transform:translateY(-2px)}.toolCard:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:4px}.toolCardTop,.toolCardBottom{justify-content:space-between;align-items:center;display:flex}.toolCardTitle{font:500 17px var(--font-display);letter-spacing:-.02em;margin:15px 0 5px;display:block}.toolCardDescription{color:#afb3b0;max-width:310px;font-size:12px;line-height:1.45;display:block}.toolNumber,.toolDetail{color:#9a9d98;font:10px var(--font-mono);letter-spacing:.06em}.toolIcon{width:31px;height:31px;color:var(--color-accent-bright);font:19px var(--font-mono);border:1px solid #c88a2d57;place-items:center;display:grid}.toolCardBottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.toolDetail{color:#888f8d;font-size:9px}.toolArrow{color:var(--color-accent);font-size:17px}.toolLibrary>.toolSection:first-child{padding-top:0}.homeGuide{padding:14px 0 58px}.homeGuide h2{font:500 clamp(27px, 3vw, 35px)/1.15 var(--font-display);letter-spacing:-.035em;margin:10px 0 9px}.homeGuideIntro{max-width:650px;color:var(--color-muted);margin:0 0 23px;font-size:14px;line-height:1.7}.homeGuideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.homeGuideGrid article{border-top:1px solid #f5f2eb29;padding:17px 18px 0}.homeGuideGrid article>span{color:var(--color-accent-bright);font:10px var(--font-mono);letter-spacing:.08em}.homeGuideGrid h3{font:500 17px var(--font-display);margin:16px 0 8px}.homeGuideGrid p{color:#afb3b0;margin:0;font-size:12px;line-height:1.7}.toolPageContent{flex-direction:column;min-height:calc(100vh - 86px);display:flex}.backLink{color:#c7cac4;align-self:flex-start;margin:28px 0 25px;font-size:13px;transition:color .2s;display:inline-flex}.backLink:hover{color:var(--color-accent-bright)}.toolPageHeading{padding:18px 0 25px}.toolPageHeading h1{font:500 clamp(31px, 4vw, 45px)/1.1 var(--font-display);letter-spacing:-.04em;align-items:center;gap:14px;margin:12px 0 8px;display:flex}.toolPageHeading p{color:var(--color-muted);margin:0;font-size:14px}.toolPageIcon{width:40px;height:40px;color:var(--color-accent-bright);font:23px var(--font-mono);border:1px solid #c88a2d66;place-items:center;display:grid}.toolPagePanel{margin-bottom:55px}.toolPagePanel .frequencyTool,.toolPagePanel .keyboardTool,.toolPagePanel .toneGeneratorTool,.toolPagePanel .tapTempoTool,.toolPagePanel .metronomeTool,.toolPagePanel .bpmDurationTool{margin-top:0}.toolPagePanel .frequencyToolHeader>div:first-child,.toolPagePanel .keyboardToolHeader,.toolPagePanel .toneGeneratorHeader>div:first-child,.toolPagePanel .tapTempoHeader>div:first-child,.toolPagePanel .metronomeHeader>div:first-child,.toolPagePanel .bpmDurationHeader>div:first-child{display:none}.toolPageContent .siteFooter{margin-top:auto}.toolGuide{max-width:900px;margin:0 auto 54px}.toolGuideSection{border-top:1px solid var(--color-line);padding:23px 0}.toolGuideSection h2,.toolGuideExample h2,.toolGuideQuestions>h2{font:500 22px/1.25 var(--font-display);letter-spacing:-.025em;margin:0 0 12px}.toolGuideSection p,.toolGuideExample p,.toolGuideQuestions p{color:#a7aaa7;margin:0 0 11px;font-size:14px;line-height:1.8}.toolGuideSection p:last-child,.toolGuideQuestions p:last-child{margin-bottom:0}.toolGuideExample{border-left:2px solid var(--color-accent);background:#c88a2d12;margin:15px 0 30px;padding:21px 23px}.toolGuideExample h2{color:var(--color-accent-bright)}.toolGuideQuestions{border-top:1px solid var(--color-line);padding-top:25px}.toolGuideQuestions>div{border-top:1px solid var(--color-line);padding:17px 0}.toolGuideQuestions h3{font:500 16px/1.35 var(--font-display);margin:0 0 8px}.aboutPageContent{flex-direction:column;min-height:calc(100vh - 86px);display:flex}.aboutPage{max-width:930px;margin:0 auto;padding:73px 0 86px}.aboutHeading{max-width:720px;padding-bottom:54px}.aboutHeading h1{font:500 clamp(41px, 5vw, 63px)/1.08 var(--font-display);letter-spacing:-.05em;margin:20px 0 16px}.aboutHeading h1 span{color:var(--color-accent-bright)}.aboutHeading>p{color:#b5bbb7;max-width:570px;margin:0;font-size:16px;line-height:1.75}.aboutSection{border-top:1px solid var(--color-line);grid-template-columns:190px minmax(0,1fr);gap:30px;padding:31px 0;display:grid}.aboutSectionIndex{color:var(--color-accent-bright);font:10px var(--font-mono);letter-spacing:.1em;padding-top:8px}.aboutSection h2{font:500 26px/1.2 var(--font-display);letter-spacing:-.03em;margin:0 0 13px}.aboutSection p{color:#a7aaa7;max-width:650px;margin:0 0 12px;font-size:14px;line-height:1.8}.aboutInlineLink{color:var(--color-accent-bright);font:11px var(--font-mono);align-items:center;gap:10px;margin-top:5px;display:inline-flex}.aboutPrinciples{border:1px solid var(--color-line);background:var(--color-line);grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 30px;display:grid}.aboutPrinciples>div{background:#202a30;min-height:180px;padding:23px 21px}.aboutPrinciples span{color:var(--color-accent-bright);font:9px var(--font-mono);letter-spacing:.08em}.aboutPrinciples h3{font:500 17px var(--font-display);margin:22px 0 8px}.aboutPrinciples p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.65}.aboutFuture{padding-bottom:15px}.frequencyTool{background:linear-gradient(125deg, #c88a2d0f, transparent 42%), var(--color-panel);border:1px solid #c88a2d6e;grid-column:1/-1;min-width:0;padding:23px}.frequencyToolHeader{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:21px;display:flex}.frequencyToolHeader h2{font:500 clamp(23px, 3vw, 30px)/1.2 var(--font-display);letter-spacing:-.035em;margin:9px 0 5px}.frequencyToolHeader p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}.frequencyTabs{border:1px solid var(--color-line);background:var(--color-background);flex:none;padding:3px;display:flex}.frequencyTab{min-height:36px;color:var(--color-muted);font:11px var(--font-mono);cursor:pointer;background:0 0;border:0;padding:0 13px}.frequencyTab.active{background:var(--color-accent);color:var(--color-background)}.frequencyToolBody{grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:22px;padding-top:21px;display:grid}.frequencyControls{flex-direction:column;gap:16px;display:flex}.fieldLabel{color:#d7d8d2;flex-direction:column;gap:8px;font-size:12px;display:flex}.inputWithUnit{background:#182126;border:1px solid #f5f2eb29;align-items:center;height:43px;display:flex}.inputWithUnit:focus-within{border-color:var(--color-accent)}.inputWithUnit input{width:100%;min-width:0;height:100%;color:var(--color-foreground);font:15px var(--font-mono);background:0 0;border:0;outline:0;padding:0 12px}.inputWithUnit>span{color:var(--color-accent-bright);font:12px var(--font-mono);padding:0 12px}.fieldHint{color:#8e9693;font-size:11px;line-height:1.5}.noteFields{grid-template-columns:1.4fr .8fr;gap:10px;display:grid}.fieldLabel select{width:100%;height:43px;color:var(--color-foreground);font:13px var(--font-body);background:#182126;border:1px solid #f5f2eb29;border-radius:0;padding:0 10px}.referenceField{margin-top:auto}.fieldError{color:#f0a490;margin:-8px 0 0;font-size:12px}.frequencyResult{background:#192227;border:1px solid #f5f2eb1a;flex-direction:column;min-height:220px;padding:17px 19px 14px;display:flex}.resultTopline{color:#929a97;font:10px var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex}.resultIndicator{color:var(--color-accent-bright);align-items:center;gap:6px;font-size:9px;display:flex}.resultIndicator i{background:var(--color-accent-bright);border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #d4af3780}.resultNote{align-items:center;gap:16px;padding:20px 0 15px;display:flex}.resultNote>strong{color:var(--color-accent-bright);font:500 57px/.95 var(--font-display);letter-spacing:-.06em}.resultNote sup{color:var(--color-foreground);font:500 18px var(--font-mono);vertical-align:top;margin-left:3px}.resultNote>span{color:#b5bbb7;font-size:13px}.resultMetrics{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1fr;display:grid}.resultMetrics>div{flex-direction:column;gap:7px;padding:12px 0;display:flex}.resultMetrics>div+div{border-left:1px solid var(--color-line);padding-left:17px}.resultMetrics span{color:#929a97;font:9px var(--font-mono);letter-spacing:.08em}.resultMetrics strong{color:var(--color-foreground);font:500 17px var(--font-mono)}.resultMetrics small{color:var(--color-accent-bright);font-size:11px}.resultHint{color:#929a97;margin:auto 0 0;padding-top:12px;font-size:11px;line-height:1.55}.emptyResult{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.emptyResultIcon{color:var(--color-accent);font:35px var(--font-mono)}.emptyResult strong{font:500 15px var(--font-display);margin-top:9px}.emptyResult p{max-width:260px;color:var(--color-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.keyboardTool{margin-top:14px}.keyboardOctaveControl{z-index:4;flex:none;width:156px;position:relative}.keyboardOctaveCaption{color:var(--color-accent-bright);font:9px var(--font-mono);letter-spacing:.1em;margin:0 0 7px 2px;display:block}.keyboardOctaveTrigger{width:100%;min-height:43px;color:var(--color-muted);font:11px var(--font-mono);text-align:left;cursor:pointer;background:#182126;border:1px solid #c88a2d75;justify-content:space-between;align-items:center;padding:0 12px;transition:border-color .2s,background .2s;display:flex}.keyboardOctaveTrigger:hover,.keyboardOctaveTrigger[aria-expanded=true]{border-color:var(--color-accent-bright);background:#202a30}.keyboardOctaveTrigger strong{color:var(--color-foreground);font:500 17px var(--font-display);margin-left:7px}.keyboardOctaveChevron{color:var(--color-accent-bright);font:18px var(--font-mono);transition:transform .2s}.keyboardOctaveChevron.open{transform:rotate(180deg)}.keyboardOctaveMenu{z-index:5;background:#182126;border:1px solid #c88a2d6b;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 28px #00000061}.keyboardOctaveOption{color:#b5bbb7;min-height:37px;font:12px var(--font-mono);cursor:pointer;background:#202a30;border:1px solid #0000;transition:border-color .15s,color .15s,background .15s}.keyboardOctaveOption:hover,.keyboardOctaveOption.selected{border-color:var(--color-accent);color:var(--color-accent-bright);background:#c88a2d29}.keyboardLayout{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:22px;padding-top:21px;display:grid}.keyboardInstrument{background:radial-gradient(at 50% 0,#c88a2d14,#0000 65%),#192227;border:1px solid #c88a2d47;min-width:0;padding:14px}.keyboardInstrumentLabel{color:#929a97;font:8px var(--font-mono);letter-spacing:.09em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.keyboardInstrumentLabel>span:last-child{color:var(--color-accent-bright);letter-spacing:.03em;align-items:center;gap:7px;display:flex}.keyboardInstrumentLabel i{background:var(--color-accent-bright);border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #d4af3780}.pianoKeyboard{touch-action:none;-webkit-user-select:none;user-select:none;background:#151d22;border:1px solid #f5f2eb1a;grid-template-columns:repeat(7,minmax(0,1fr));min-height:220px;padding:0 1px 1px;display:grid;position:relative}.pianoKey{cursor:pointer;touch-action:none;justify-content:center;align-items:end;min-width:0;padding:0 0 12px;transition:background .12s,color .12s,box-shadow .12s;display:flex;position:relative}.whiteKey{z-index:1;color:#293137;font:12px var(--font-mono);background:linear-gradient(#f5f2eb 0%,#d9d7d0 100%);border:0;border-right:1px solid #a9aaa3;grid-row:1}.whiteKey:last-of-type{border-right:0}.whiteKey:hover,.whiteKey.selected{color:#1a2228;background:linear-gradient(#e8c65a 0%,#c88a2d 100%)}.whiteKey:active{box-shadow:inset 0 4px 8px #1a222847}.blackKey{z-index:2;color:#d9d9d1;width:9.1%;height:61%;font:10px var(--font-mono);background:linear-gradient(#303a3e 0%,#11191e 88%);border:1px solid #090e11;border-top:0;align-items:end;padding-bottom:10px;position:absolute;top:0;box-shadow:0 5px 7px #00000059}.blackKey:hover,.blackKey.selected{color:#fff8df;background:linear-gradient(#c88a2d 0%,#8c5a2b 100%)}.blackKey-0{left:9.7357%}.blackKey-1{left:24.0214%}.blackKey-2{left:52.5928%}.blackKey-3{left:66.8785%}.blackKey-4{left:81.1642%}.keyboardReadout{background:linear-gradient(145deg,#c88a2d0f,#0000 45%),#192227;border:1px solid #c88a2d3d;flex-direction:column;min-height:220px;padding:17px 19px 14px;display:flex}.keyboardFrequency{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.keyboardFrequency>span{color:#929a97;font:9px var(--font-mono);letter-spacing:.08em}.keyboardFrequency strong{color:var(--color-foreground);font:500 17px var(--font-mono);white-space:nowrap}.keyboardFrequency small{color:var(--color-accent-bright);font-size:11px}.keyboardPlayButton{border:1px solid var(--color-accent);min-height:38px;color:var(--color-foreground);font:11px var(--font-mono);cursor:pointer;background:#c88a2d1a;justify-content:center;align-items:center;gap:9px;margin-top:11px;transition:background .2s;display:flex}.keyboardPlayButton:hover{background:#c88a2d3d}.keyboardPlayButton span{color:var(--color-accent-bright);font-size:10px}.keyboardReadout .resultHint{padding-top:9px}.toneGeneratorTool{margin-top:14px}.toneGeneratorBody{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)}.toneRange{width:100%;height:24px;accent-color:var(--color-accent-bright);cursor:pointer;margin:8px 0 0}.waveformFieldset{border:0;min-width:0;margin:0;padding:0}.waveformFieldset legend{margin-bottom:8px;padding:0}.waveformOptions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.waveformOption{color:#b5bbb7;min-height:38px;font:11px var(--font-body);text-align:left;cursor:pointer;background:#182126;border:1px solid #f5f2eb1f;align-items:center;gap:8px;padding:6px 9px;display:flex}.waveformOption:hover,.waveformOption.active{border-color:var(--color-accent);color:var(--color-foreground);background:#c88a2d1f}.waveformIcon{width:20px;color:var(--color-accent-bright);font:21px var(--font-mono);text-align:center}.waveform-square{transform:scaleY(.65)}.waveform-sawtooth{transform:rotate(-15deg)}.toneGeneratorResult{background:#192227;border:1px solid #f5f2eb1a;flex-direction:column;min-height:270px;padding:17px 19px 14px;display:flex}.toneWaveform{background-image:linear-gradient(#f5f2eb0d 1px,#0000 1px),linear-gradient(90deg,#f5f2eb0d 1px,#0000 1px);background-size:10% 25%;height:94px;margin-top:13px;position:relative;overflow:hidden}.toneWaveAxis{background:#f5f2eb26;height:1px;position:absolute;top:50%;left:0;right:0}.toneWaveform svg{width:100%;height:100%;position:absolute;inset:0}.toneWaveform path{fill:none;stroke:var(--color-accent-bright);stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #d4af3761)}.toneReadout{border-top:1px solid var(--color-line);grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin-top:10px;display:grid}.toneReadout .resultNote{padding:12px 0}.toneReadout .resultNote>strong{font-size:43px}.toneReadout .resultNote>span{font-size:11px}.toneMetrics{border-left:1px solid var(--color-line);flex-direction:column;gap:7px;padding-left:14px;display:flex}.toneMetrics>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.toneMetrics span{color:#929a97;font:8px var(--font-mono);letter-spacing:.04em}.toneMetrics strong{color:var(--color-foreground);font:500 13px var(--font-mono);white-space:nowrap}.toneMetrics small{color:var(--color-accent-bright);font-size:9px}.toneGeneratorResult .keyboardPlayButton{margin-top:auto}.keyboardPlayButton:disabled{opacity:.45;cursor:not-allowed}.tapTempoTool{margin-top:14px}.tapReset{border:1px solid var(--color-line);cursor:pointer}.tapReset:disabled{opacity:.4;cursor:not-allowed}.tapTempoBody{grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr);gap:22px;padding-top:21px;display:grid}.tapButton{min-height:220px;color:var(--color-foreground);cursor:pointer;touch-action:manipulation;background:radial-gradient(#c88a2d24,#0000 70%),#192227;border:1px solid #c88a2d7a;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:background .15s,border-color .15s;display:flex}.tapButton:hover,.tapButton:active{border-color:var(--color-accent-bright);background-color:#202a30}.tapPulse{color:var(--color-accent-bright);font:55px/.9 var(--font-mono);transition:transform 80ms}.tapPulse.odd{transform:scale(1.16)}.tapButton strong{font:500 12px var(--font-mono);letter-spacing:.1em}.tapButton>span:last-child{color:#929a97;font-size:11px}.tapReadout{background:#192227;border:1px solid #f5f2eb1a;flex-direction:column;min-height:220px;padding:17px 19px 14px;display:flex}.tapReadout .resultTopline>span:last-child{color:var(--color-accent-bright)}.tapBpm{align-items:baseline;gap:12px;padding:22px 0 17px;display:flex}.tapBpm strong{color:var(--color-accent-bright);font:500 clamp(57px, 9vw, 79px)/.95 var(--font-display);letter-spacing:-.06em}.tapBpm span{color:var(--color-foreground);font:13px var(--font-mono)}.metronomeTool{margin-top:14px}.metronomeToggle{min-width:112px;margin:0}.metronomeBody{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:22px;padding-top:21px;display:grid}.metronomeControls{flex-direction:column;gap:17px;display:flex}.metronomeBpmControl,.metronomePulsePanel{background:#192227;border:1px solid #f5f2eb1a;padding:16px 18px}.metronomeBpmValue{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.metronomeBpmValue>button{width:37px;height:37px;color:var(--color-accent-bright);font:21px var(--font-mono);cursor:pointer;background:#c88a2d17;border:1px solid #c88a2d73}.metronomeBpmValue>button:hover{background:#c88a2d38}.metronomeNumber{align-items:baseline;gap:8px;display:flex}.metronomeNumber input{width:110px;color:var(--color-accent-bright);font:500 49px/.95 var(--font-display);text-align:center;background:0 0;border:0;outline:0}.metronomeNumber input::-webkit-inner-spin-button{appearance:none;margin:0}.metronomeNumber input::-webkit-outer-spin-button{appearance:none;margin:0}.metronomeNumber input{appearance:textfield}.metronomeNumber span{color:var(--color-foreground);font:11px var(--font-mono)}.metronomeBpmControl .toneRange{margin-top:15px}.metronomeRangeLabels{color:#929a97;font:9px var(--font-mono);justify-content:space-between;display:flex}.metronomeMeter{gap:8px}.metronomeMeter select{max-width:160px}.metronomeMeter .fieldHint{margin-top:1px}.metronomePulsePanel{flex-direction:column;min-height:255px;display:flex}.metronomePulsePanel .resultTopline>span:last-child{color:var(--color-accent-bright)}.metronomeBeatRow{flex:1;justify-content:center;align-items:center;gap:clamp(8px,2.2vw,23px);min-width:0;padding:24px 0;display:flex}.metronomeBeat{color:#78817f;font:11px var(--font-mono);flex-direction:column;align-items:center;gap:11px;display:flex}.metronomeBeat i{background:#202a30;border:1px solid #f5f2eb2b;border-radius:50%;width:clamp(28px,5vw,48px);height:clamp(28px,5vw,48px);transition:transform 80ms,background 80ms,box-shadow 80ms}.metronomeBeat.downbeat i{border-color:#c88a2da6}.metronomeBeat.active{color:var(--color-foreground)}.metronomeBeat.active i{border-color:var(--color-accent-bright);background:var(--color-accent-bright);transform:scale(1.17);box-shadow:0 0 22px #d4af378c}.metronomeBeat.downbeat.active i{background:var(--color-accent);box-shadow:0 0 25px #c88a2db3}.metronomeReadout{border-top:1px solid var(--color-line);align-items:baseline;gap:9px;padding-top:12px;display:flex}.metronomeReadout strong{color:var(--color-accent-bright);font:500 25px var(--font-mono)}.metronomeReadout>span{color:#b5bbb7;font:10px var(--font-mono)}.metronomeReadout i{flex:1}.metronomePulsePanel .resultHint{padding-top:7px}.bpmDurationTool{margin-top:14px}.bpmDurationBody{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:22px;padding-top:21px;display:grid}.bpmDurationControls{flex-direction:column;gap:14px;display:flex}.bpmDurationSummary,.bpmSubdivisionPanel{background:#192227;border:1px solid #f5f2eb1a;padding:16px 18px}.bpmDurationMetric{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:baseline;gap:12px;padding:15px 0;display:flex}.bpmDurationMetric>span,.bpmSubdivisionRow>span{color:#b5bbb7;font-size:12px}.bpmDurationMetric strong{color:var(--color-accent-bright);font:500 25px var(--font-mono);white-space:nowrap}.bpmDurationMetric small,.bpmSubdivisionRow small{color:var(--color-foreground);font-size:10px}.bpmSubdivisionPanel{flex-direction:column;display:flex}.bpmSubdivisionList{margin-top:7px}.bpmSubdivisionRow{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;min-height:39px;display:flex}.bpmSubdivisionRow strong{color:var(--color-foreground);font:500 13px var(--font-mono);white-space:nowrap}.bpmSubdivisionPanel .resultHint{padding-top:10px}.localNote{background:#202a3099;border:1px solid #8c5a2b4d;align-items:center;gap:16px;margin:2px 0 53px;padding:18px 20px;display:flex}.localNoteIcon{color:var(--color-accent-bright);font-size:21px}.localNote p{color:#adb1ad;flex:1;margin:0;font-size:12px;line-height:1.6}.localNote p strong{color:var(--color-foreground);font-weight:600}.localNoteTag{color:var(--color-accent-bright);font:9px var(--font-mono);letter-spacing:.08em;white-space:nowrap}.siteFooter{border-top:1px solid var(--color-line);min-height:72px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.siteFooter a{transition:color .2s}.siteFooter>span{font-size:11px}.footerLegal{align-items:center;gap:40px;display:flex}.footerLegal a+a{margin-left:8px}.legalPageContent{flex-direction:column;min-height:calc(100vh - 86px);display:flex}.legalPage{width:100%;max-width:930px;margin:0 auto;padding:73px 0 86px}.legalPage .aboutHeading{margin-bottom:42px}.legalPage .aboutHeading h1{max-width:800px}.legalPage section{border-top:1px solid var(--color-line);padding:25px 0}.legalPage section h2{font:500 23px/1.2 var(--font-display);letter-spacing:-.03em;margin:0 0 12px}.legalPage section p{color:#a7aaa7;max-width:760px;margin:0 0 12px;font-size:14px;line-height:1.8}.legalPage section a{color:var(--color-accent-bright);text-underline-offset:3px;text-decoration:underline}.legalPage section code{color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:4px}@media (max-width:760px){.siteHeader,.pageContent{width:min(100% - 40px,560px)}.siteHeader{height:70px}.mainNav{gap:18px;margin-left:auto;margin-right:20px}.mainNav a{font-size:11px}.localBadge{gap:0;font-size:0}.statusDot{width:7px;height:7px}.hero{grid-template-columns:1fr;gap:36px;min-height:auto;padding:57px 0 58px}.hero h1{font-size:clamp(47px,10vw,65px)}.heroVisual{width:100%;max-width:560px}.heroIndex{bottom:18px}.adSlot{margin-bottom:43px}.sectionHeading{flex-direction:column;align-items:start;gap:10px}.sectionHeading>p{max-width:520px}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.homeGuideGrid{grid-template-columns:1fr;gap:10px}.toolCard{min-height:165px;padding:14px}.toolCardTitle{font-size:16px}.toolDetail{font-size:8px}.frequencyTool{padding:18px}.frequencyToolHeader{flex-direction:column;align-items:flex-start}.frequencyToolBody{grid-template-columns:1fr}.frequencyResult{min-height:210px}.keyboardLayout,.toneGeneratorBody,.tapTempoBody,.metronomeBody,.bpmDurationBody{grid-template-columns:1fr}.pianoKeyboard{min-height:190px}.keyboardReadout{min-height:210px}}@media (max-width:520px){.aboutPage,.legalPage{padding:48px 0 58px}.legalPage section h2{font-size:21px}.legalPage section p{font-size:13px}.aboutHeading{padding-bottom:37px}.aboutHeading>p{font-size:14px}.aboutSection{grid-template-columns:1fr;gap:13px;padding:25px 0}.aboutSection h2{font-size:23px}.aboutSection p{font-size:13px}.aboutPrinciples{grid-template-columns:1fr}.aboutPrinciples>div{min-height:0;padding:18px}.aboutPrinciples h3{margin:14px 0 6px}.siteHeader,.pageContent{width:calc(100% - 36px)}.brand{gap:8px}.brandLogo{width:32px;height:32px}.brandMark{width:30px;height:30px;font-size:17px}.brandName{font-size:11px}.siteHeader{flex-wrap:wrap;gap:12px;height:auto;min-height:70px;padding:13px 0 10px;position:relative}.mainNav{order:3;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0 0 2px}.mainNav a,.mainNav a:first-child{max-width:none;font-size:11px;line-height:1.3;display:block}.localBadge{margin-left:auto}.headerActions{gap:10px;margin-left:auto}.installAppButton{width:36px;padding:0}.installAppButton span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{gap:30px;padding-top:45px}.hero h1{margin-top:18px}.heroCopy>p{font-size:14px}.heroVisual{padding:15px 14px 0}.waveGrid{height:165px}.visualFooter{gap:8px;font-size:9px}.visualFooter strong{font-size:13px}.adSlot{gap:10px;min-height:72px;font-size:8px}.adRule{width:13%}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.toolCard{min-height:155px;padding:12px}.toolCardTitle{margin-top:11px;font-size:15px}.toolCardDescription{font-size:11px}.toolCardBottom{padding-top:10px}.toolDetail{font-size:9px}.toolSection{padding-bottom:32px}.backLink{margin:20px 0 18px}.toolPageHeading{padding:12px 0 20px}.toolPageHeading h1{gap:10px;font-size:31px}.toolPageHeading p{font-size:12px;line-height:1.5}.toolPageIcon{width:34px;height:34px;font-size:19px}.toolPagePanel{margin-bottom:40px}.toolGuide{margin-bottom:42px}.toolGuideSection{padding:19px 0}.toolGuideSection h2,.toolGuideExample h2,.toolGuideQuestions>h2{font-size:20px}.toolGuideSection p,.toolGuideExample p,.toolGuideQuestions p{font-size:13px}.frequencyTool{padding:15px}.frequencyToolHeader{gap:14px}.frequencyToolHeader .eyebrow{letter-spacing:.07em;font-size:9px}.frequencyToolHeader p{font-size:12px}.frequencyTabs{width:100%}.frequencyTab{flex:1;padding:0 7px}.frequencyToolBody{gap:15px}.frequencyResult{min-height:216px;padding:14px}.keyboardOctaveControl{width:100%}.keyboardLayout{gap:14px;padding-top:15px}.keyboardInstrument{padding:10px}.waveformOptions{gap:6px}.waveformOption{padding:6px;font-size:10px}.toneGeneratorResult{min-height:270px;padding:14px}.metronomeBody,.bpmDurationBody{gap:14px;padding-top:15px}.bpmDurationSummary,.bpmSubdivisionPanel{padding:14px}.bpmDurationMetric strong{font-size:21px}.metronomeBpmControl,.metronomePulsePanel{padding:14px}.metronomeNumber input{width:94px;font-size:44px}.metronomePulsePanel{min-height:230px}.toneReadout{grid-template-columns:1fr;gap:0}.toneReadout .resultNote{padding:10px 0}.toneMetrics{border-top:1px solid var(--color-line);border-left:0;flex-direction:row;justify-content:space-between;padding:9px 0 10px}.toneMetrics>div{flex-direction:column;align-items:flex-start;gap:5px}.pianoKeyboard{min-height:165px}.whiteKey{padding-bottom:9px;font-size:10px}.blackKey{padding-bottom:8px;font-size:9px}.keyboardReadout{min-height:210px;padding:14px}.metronomeBeatRow{gap:clamp(6px,2vw,10px);padding:20px 0}.metronomeBeat i{width:clamp(22px,7vw,30px);height:clamp(22px,7vw,30px)}.metronomeBeat{gap:8px;font-size:10px}.resultTopline{letter-spacing:.04em;gap:8px;font-size:9px}.resultTopline>span{min-width:0}.resultTopline>span:last-child{text-align:right}.resultNote{gap:10px}.resultNote>span{font-size:12px}.bpmDurationMetric{gap:8px}.resultNote>strong{font-size:50px}.resultMetrics strong{font-size:14px}.localNote{flex-wrap:wrap;align-items:start;gap:10px 13px;margin-bottom:35px;padding:16px}.localNote p{flex:calc(100% - 32px)}.localNoteTag{margin-left:33px}.siteFooter{flex-wrap:wrap;gap:7px 15px;min-height:82px;padding:16px 0}.siteFooter>span{order:3;width:100%}.footerLegal{order:4;width:100%}}@media (max-width:360px){.siteHeader,.pageContent{width:calc(100% - 28px)}.brandName{letter-spacing:.1em;font-size:10px}.hero h1{font-size:clamp(40px,11vw,47px)}.visualLabel,.visualFooter{font-size:9px}.frequencyTool{padding:12px}.toolGrid{grid-template-columns:1fr}.toolCard{min-height:140px}.frequencyTabs{flex-direction:column}.frequencyTab{min-height:34px}.waveformOptions{grid-template-columns:1fr}.metronomeBpmValue>button{width:34px;height:34px}.metronomeNumber input{width:82px;font-size:39px}.resultMetrics{grid-template-columns:1fr}.resultMetrics>div+div{border-top:1px solid var(--color-line);border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}