:root{color-scheme:light;--button-text-color:#fff;--nav-background-color:#28752d;--nav-text-color:#fff;--seek-track-color:#dceaca;--logo-background-color:transparent}
[data-theme="dark"]{color-scheme:dark;--background-color:#111e18;--surface-color:#1c2d24;--secondary-color:#273f2c;--text-color:#edf4e9;--muted-text-color:#b4c7b4;--primary-color:#a3d880;--accent-color:#95cf6c;--border-color:#405945;--hover-color:#b8e99a;--focus-color:#d1f2ac;--button-text-color:#142414;--nav-background-color:#244c2b;--nav-text-color:#f0f7eb;--seek-track-color:#627a61;--error-color:#ffa5a5;--logo-background-color:#ecf6dc}
body{background:var(--background-color);color:var(--text-color)}
nav{background:var(--nav-background-color);color:var(--nav-text-color)}nav a{color:var(--nav-text-color)}nav a:hover{background:color-mix(in srgb,var(--nav-background-color) 80%,var(--accent-color));color:var(--nav-text-color)}
.primary,.download,.active .play,.track.playing .play{color:var(--button-text-color)}.primary:hover,.download:hover{color:var(--button-text-color)}
.seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-color) var(--position,0%),var(--seek-track-color) var(--position,0%))}.seek::-moz-range-track{background:var(--seek-track-color)}
.brand img{background:var(--logo-background-color);border-radius:3px}.header-controls{display:flex;gap:10px;align-items:center}.theme-toggle{background:var(--surface-color);color:var(--primary-color);border:1px solid var(--border-color);border-radius:3px;width:42px;height:42px;font-size:24px;line-height:1}
input,select{color:var(--text-color)}input::placeholder{color:var(--muted-text-color)}
.keyboard-hint{font-size:12px;color:var(--muted-text-color);margin:5px 0 0;line-height:1.5}.track.keyboard-selected{outline:2px solid var(--accent-color);outline-offset:1px}.track-heading{flex-wrap:wrap}.version-note{flex-basis:100%}
.version-note{font-size:12px;color:var(--primary-color);display:block;margin-top:4px}.version-label{font-weight:600}.file-links{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 22px;font-size:14px}.version-section{margin:26px 0}.version-section>h3{border-bottom:2px solid var(--accent-color);padding-bottom:10px}.version-section .track{scroll-margin-top:20px}.version-section .track-heading{display:block}.instrument-labels{font-size:13px;color:var(--muted-text-color);line-height:1.6;margin:8px 0}.report{max-width:1100px;margin:auto}.report-table{overflow:auto;margin-top:24px}.report table{border-collapse:collapse;width:100%;font-size:14px;background:var(--surface-color)}.report th,.report td{padding:12px;border:1px solid var(--border-color);text-align:left}.report th{background:var(--secondary-color);white-space:nowrap}.report td{overflow-wrap:anywhere}.report .primary{margin-top:10px}
@media(max-width:640px){.header-inner{flex-wrap:wrap;gap:10px}.header-controls{margin-left:auto;gap:7px}.brand img{width:145px}.brand .beta{display:none}.header-controls .lang{max-width:90px}.theme-toggle{width:38px;height:38px;font-size:22px}.header-inner{padding:12px 16px}.file-links{gap:10px}.compact .version-note{font-size:12px}.report h1{font-size:23px}nav{flex-wrap:wrap}nav a{padding:10px 12px}}