:root{--bg: #141216;--panel: #1e1b22;--line: #3a3344;--text: #f4efe8;--muted: #b7ad9f;--accent: #e0a24b;--accent-dim: #8a6230;--danger: #d46a6a;--ok: #8fbf7a;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 10% -10%,#2a2230,var(--bg));color:var(--text);min-height:100vh}.top,main{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 0}h1{margin:0;font-weight:650;letter-spacing:.02em}.tagline{margin:.35rem 0 0;color:var(--muted)}.hint,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin-top:1rem}.hint{color:var(--muted);line-height:1.45}.hint strong{color:var(--accent)}.record-row,.input-row,.controls,.tabs-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.input-row{margin-bottom:.85rem}.device-label{flex:1.4;min-width:14rem}.gain-label{flex:1;min-width:12rem}.delay-label{min-width:6.5rem}.delay-control{display:flex;align-items:center;gap:.4rem}.delay-control input{min-width:4.2rem;width:4.8rem}.delay-control span{color:var(--text)}.device-label select{min-width:0;width:100%}.gain-control{display:flex;align-items:center;gap:.55rem}.gain-control input[type=range]{flex:1;min-width:0;padding:.35rem 0;accent-color:var(--accent)}.sensitivity-label{flex:1.6;min-width:16rem}.sensitivity-control{display:flex;align-items:center;gap:.45rem}.sensitivity-control input[type=range]{flex:1;min-width:6rem;padding:.35rem 0;accent-color:var(--accent)}.sensitivity-ends{color:var(--muted);font-size:.75rem;white-space:nowrap}#sensitivityValue{color:var(--text);font-variant-numeric:tabular-nums;min-width:5.4rem}.engine-hint{flex-basis:100%;margin:0;color:var(--muted);font-size:.8rem;line-height:1.35}#inputGainValue{color:var(--text);font-variant-numeric:tabular-nums;min-width:6.4rem}.meter-wrap{position:relative;margin-top:.85rem}.countdown-overlay{display:none;position:absolute;inset:0 auto auto 0;width:100%;height:160px;align-items:center;justify-content:center;font-size:4.2rem;font-weight:700;letter-spacing:.04em;color:var(--accent);text-shadow:0 0 28px rgba(0,0,0,.85);pointer-events:none;z-index:1}.countdown-overlay.is-on{display:flex}.tuner{position:absolute;top:.45rem;left:.65rem;right:.65rem;z-index:4;pointer-events:none;display:grid;gap:.3rem;opacity:.55;transition:opacity .15s ease}.tuner.is-active{opacity:1}.tuner-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.tuner-note{padding:.15rem .45rem;border-radius:6px;background:#1a140ce0;color:var(--accent);font-size:1.25rem;font-weight:650;font-variant-numeric:tabular-nums;min-width:3.2rem}.tuner-note.is-in-tune{color:var(--ok)}.tuner-cents{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;min-width:3.5rem;text-align:right}.tuner.is-in-tune .tuner-cents{color:var(--ok)}.tuner-track{position:relative;height:.45rem;border-radius:999px;background:#100e13;border:1px solid var(--line)}.tuner-track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:var(--ok);opacity:.65}.tuner-needle{position:absolute;top:1px;bottom:1px;width:4px;margin-left:-2px;border-radius:2px;background:var(--accent);left:50%;transition:left .06s linear,background .12s ease}.tuner-needle.is-in-tune{background:var(--ok)}.tuner-needle.is-flat{background:#8fbf7a}.tuner-needle.is-sharp{background:#d9a066}.tuner-hint{color:var(--muted);font-size:.75rem}.tuner.is-in-tune .tuner-hint{color:var(--ok)}.peak-row{display:flex;align-items:center;gap:.6rem;margin-top:.45rem}.peak-track{flex:1;height:12px;background:#100e13;border:1px solid var(--line);border-radius:999px;overflow:hidden}.peak-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--ok) 0%,var(--accent) 72%,var(--danger) 100%);transform-origin:left center}.peak-bar.clip{background:var(--danger)}.peak-readout{color:var(--muted);font-variant-numeric:tabular-nums;min-width:5.2rem;text-align:right;font-size:.85rem}.peak-readout.clip{color:var(--danger);font-weight:650}button,.file-btn,select,input{font:inherit;color:var(--text)}button,.file-btn{background:#2b2730;border:1px solid var(--line);border-radius:8px;padding:.55rem .9rem;cursor:pointer}button.primary{background:var(--accent);color:#1a140c;border-color:var(--accent);font-weight:650}button:disabled{opacity:.45;cursor:not-allowed}label{color:inherit}.field{display:flex;flex-direction:column;gap:.25rem;color:var(--muted);font-size:.85rem}.field-head{display:flex;align-items:center;gap:.28rem;min-height:1.2rem}.btn-with-info{display:inline-flex;align-items:center;gap:.28rem}.info-btn{flex:none;width:1.2rem;height:1.2rem;padding:0;border-radius:999px;border:1px solid var(--line);background:#2b2730;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1;cursor:help}.info-btn:hover,.info-btn[aria-expanded=true]{color:#1a140c;background:var(--accent);border-color:var(--accent)}.help-pop{position:fixed;z-index:40;max-width:17.5rem;padding:.65rem .75rem;background:#2a2430;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #00000073;color:var(--text);font-size:.82rem;line-height:1.4}.help-pop[hidden]{display:none}input,select{background:#141217;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem;min-width:6.5rem}#wave{display:block;width:100%;height:160px;background:#100e13;border-radius:8px}.meter-wrap.recording #wave{box-shadow:inset 0 0 0 1px var(--accent)}#preview{width:100%;margin-top:.7rem}.status{color:var(--muted);align-self:center}.warnings{color:var(--danger);margin:.4rem auto 0;max-width:960px;padding:0 1.25rem}.alphatab{width:100%;min-height:220px;overflow:auto;background:#f7f3ea;color:#111;border-radius:8px;margin-top:.8rem;cursor:pointer;position:relative}.alphatab .at-surface{display:block}.note-ping{position:absolute;top:.5rem;right:.7rem;padding:.2rem .45rem;border-radius:6px;background:#1a140c;color:#e0a24b;font-size:.8rem;font-weight:650;opacity:0;pointer-events:none;z-index:5}.note-ping.is-on{animation:notePing .9s ease-out}@keyframes notePing{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}pre{overflow:auto;background:#100e13;padding:.8rem;border-radius:8px;color:#e6dcc8;font-size:.85rem}.hint-inline{margin:.55rem 0 0;color:var(--muted);font-size:.85rem}details{margin-top:.8rem}.play-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;padding:.5rem .7rem}.play-btn .icon{width:1.15rem;height:1.15rem;fill:currentColor;display:block}.play-btn .icon-pause,.play-btn.is-playing .icon-play{display:none}.play-btn.is-playing .icon-pause{display:block}.tab-editor{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--line)}.tab-editor-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem}.tab-editor-head h2{margin:0;font-size:.95rem;font-weight:650;color:var(--muted)}.tab-editor-hint,.tab-editor-current{margin:0 0 .5rem;color:var(--muted);font-size:.85rem}.tab-editor-current{color:var(--text)}.tab-editor-alts{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.55rem;min-height:.2rem}.grip-btn{font-size:.85rem}.grip-btn.is-current{border-color:var(--accent);color:var(--accent)}.ascii-block{margin-top:.9rem}.ascii-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.45rem}.ascii-head h2{margin:0;font-size:.95rem;font-weight:650;color:var(--muted)}.panel.is-idle{opacity:1}.panel.is-idle input,.panel.is-idle select,.panel.is-idle button:not(.info-btn),.panel.is-idle .file-btn,.panel.is-idle .alphatab,.panel.is-idle .hint-inline,.panel.is-idle .tab-editor,.panel.is-idle .ascii-block,.panel.is-idle details{opacity:.45}.panel.is-idle input,.panel.is-idle select,.panel.is-idle button:not(.info-btn),.panel.is-idle summary{cursor:not-allowed}@media(max-width:700px){.controls{align-items:stretch}}.site-footer{max-width:960px;margin:1.5rem auto 2rem;padding:0 1.25rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.85rem 1.2rem;color:var(--muted);font-size:.85rem}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}.site-credit{margin:0 auto 0 0}.site-credit a{color:var(--text);text-decoration:underline;text-underline-offset:.15em}.legal .site-credit{margin-top:2rem;font-size:.9rem;color:var(--muted)}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.lang-switch{display:flex;gap:.5rem;font-size:.85rem;color:var(--muted)}.lang-switch a{color:var(--muted)}.lang-switch [aria-current=true]{color:var(--accent);font-weight:600}.content{margin-top:2rem;padding-top:.5rem;line-height:1.6;color:var(--muted)}.content h2{color:var(--text);font-size:1.1rem;margin:1.8rem 0 .6rem}.content h2:first-child{margin-top:0}.content strong{color:var(--text)}.content .steps{padding-left:1.2rem}.content .steps li{margin-bottom:.4rem}.content details{border-top:1px solid var(--line);padding:.7rem 0;margin-top:0}.content details summary{cursor:pointer;color:var(--text)}.content details p{margin:.5rem 0 0}.legal{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem;line-height:1.55}.legal h1{margin-bottom:.6rem}.legal h2{margin-top:1.4rem;font-size:1.05rem}.legal a{color:var(--accent)}