:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf8f5;--fg:#1c1917;--muted:#78716c;--card:#fff;--line:#e7e5e4;--accent:#c2410c;font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1917;--fg:#f5f5f4;--muted:#a8a29e;--card:#292524;--line:#44403c;--accent:#fb923c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.shell{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}.shell__title{letter-spacing:-.02em;margin:0;font-size:1.75rem}.shell__tagline{color:var(--muted);margin:.375rem 0 0}.shell__header{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1.5rem}h2{letter-spacing:.08em;color:var(--muted);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.tools{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.tools__item{background:var(--card);border:1px solid var(--line);border-radius:.75rem;gap:.125rem;padding:1rem 1.125rem;display:grid}.tools__name{font-weight:600}.tools__description{color:var(--muted);grid-column:1;font-size:.875rem}.tools__badge{color:var(--accent);border:1px solid;border-radius:999px;grid-area:1/2/span 2;padding:.125rem .5rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.section-label{letter-spacing:.08em;color:var(--muted);margin:1.5rem 0 .625rem;font-size:.8125rem;font-weight:600}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.8125rem}.backlink{color:var(--muted);margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-block}.backlink:hover{color:var(--fg)}.loading{min-height:12rem}.tool__title{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.5rem}.btn{color:var(--fg);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.btn:hover{border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;flex:1}.row{align-items:center;gap:.5rem;display:flex}.row--actions{margin-top:1.5rem}.slider{accent-color:var(--accent);flex:1}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{color:var(--fg);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.5rem .875rem;font-size:.875rem}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.notice{border:1px solid var(--line);background:var(--card);border-radius:.75rem;margin:0 0 1rem;padding:.875rem 1rem}.notice p{color:var(--muted);margin:.375rem 0 .75rem;font-size:.875rem}.notice--error{border-color:#dc2626}.notice--ok{border-color:var(--accent);color:var(--accent);font-size:.875rem}.meter{background:var(--line);border-radius:999px;height:.375rem;margin-top:1rem;overflow:hidden}.meter__fill{background:var(--accent);height:100%;transition:width 80ms linear}.tuner__readout{text-align:center;padding:1.5rem 0}.tuner__note{font-variant-numeric:tabular-nums;margin:0;font-size:4rem;font-weight:700;line-height:1}.tuner__cents{color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.5rem;margin:.25rem 0 1rem}.tuner__gauge{border:1px solid var(--line);background:var(--card);border-radius:.5rem;height:2.5rem;position:relative;overflow:hidden}.tuner__target{background:var(--line);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.tuner__needle{background:var(--muted);border-radius:999px;width:4px;margin-left:-2px;transition:transform 80ms linear;position:absolute;top:.375rem;bottom:.375rem;left:50%}.tuner__needle[data-verdict=in-tune]{background:#16a34a}.tuner__needle[data-verdict=flat],.tuner__needle[data-verdict=sharp]{background:var(--accent)}.tuner__status{min-height:1.5rem;color:var(--muted);margin:.875rem 0 0}.strings{grid-template-columns:repeat(6,1fr);gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.strings__item{text-align:center;border:1px solid var(--line);background:var(--card);border-radius:.5rem;gap:.125rem;padding:.625rem .25rem;font-size:.75rem;display:grid}.strings__item[data-active=true]{border-color:var(--accent)}.strings__note{font-size:.9375rem;font-weight:700}.metronome__bpm{text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:4rem;font-weight:700;line-height:1}.metronome__bar{text-align:center;color:var(--muted);margin:.25rem 0 1.25rem}.beats{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.beats__dot{border:1px solid var(--line);background:var(--card);width:3rem;height:3rem;color:var(--muted);cursor:pointer;border-radius:.75rem;font-weight:700}.beats__dot[data-accent=strong]{border-color:var(--accent);color:var(--accent)}.beats__dot[data-accent=mute]{opacity:.4}.beats__dot[data-current=true]{background:var(--accent);color:#fff}.focus__phase{text-align:center;color:var(--accent);margin:0;font-weight:600}.focus__ring{max-width:15rem;margin:.5rem auto 0;position:relative}.focus__ring svg{width:100%;transform:rotate(-90deg)}.focus__track,.focus__progress{fill:none;stroke-width:6px}.focus__track{stroke:var(--line)}.focus__progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dasharray .25s linear}.focus__countdown{font-variant-numeric:tabular-nums;place-items:center;margin:0;font-size:2.75rem;font-weight:700;display:grid;position:absolute;inset:0}.settings{gap:.5rem;display:grid}.settings__row{border:1px solid var(--line);background:var(--card);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.settings__row input{text-align:right;width:4.5rem;color:var(--fg);background:var(--bg);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:.375rem;padding:.375rem .5rem}a.tools__item{color:inherit;text-decoration:none}a.tools__item:hover{border-color:var(--accent)}