:root{--color-page-background:#111;--color-surface:#1d1d1d;--color-control:#333;--color-preset:#444;--color-text:#fff;--color-accent:#3c8;--color-danger:#f57;--color-dark-text:#000;--font-family-base:sans-serif;--focus-scale:1.02;--space-small:8px;--space-medium:10px;--space-large:18px;--space-extra-large:24px;--radius-medium:8px;--radius-large:10px;--radius-panel:16px}*{box-sizing:border-box}body{background:var(--color-page-background);min-height:100vh;color:var(--color-text);font-family:var(--font-family-base);justify-content:center;align-items:center;margin:0;display:flex}button{border-radius:var(--radius-large);cursor:pointer;border:none;padding:12px;font-size:15px;font-weight:700;transition:scale .16s,filter .16s}button:hover,button:focus{scale:var(--focus-scale)}@media (any-hover:none){button:hover{filter:none;scale:1}}.page{justify-content:center;align-items:center;display:flex}.sine-wave-player{background:var(--color-surface);border-radius:var(--radius-panel);width:340px;padding:var(--space-extra-large)}.sine-wave-player__title{text-align:center;margin:0}.sine-wave-player__field{padding-top:var(--space-large)}.sine-wave-player__label{padding-bottom:var(--space-small);align-items:center;gap:6px;display:flex}.sine-wave-player__label-icon{fill:currentColor;flex:none;width:20px;height:20px}.sine-wave-player__input{width:100%;padding:var(--space-medium);border-radius:var(--radius-medium);background:var(--color-control);color:var(--color-text);border:none;font-size:16px}.sine-wave-player__button-row{gap:var(--space-medium);padding-top:var(--space-medium);display:flex}.sine-wave-player__preset-button{background:var(--color-preset);color:var(--color-text);flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.sine-wave-player__toggle-control{padding-top:22px}.sine-wave-player__toggle-button{background:var(--color-accent);width:100%;color:var(--color-dark-text);justify-content:center;align-items:center;gap:6px;display:flex}.sine-wave-player__toggle-icon{fill:currentColor;flex:none;width:22px;height:22px}.sine-wave-player__toggle-icon--hidden{display:none}.sine-wave-player__toggle-button--playing{background:var(--color-danger);color:var(--color-text)}.sine-wave-player__status{text-align:center;padding-top:20px;display:block}.sine-wave-player__status-text{display:block}.sine-wave-player__timer{padding-top:var(--space-medium);color:var(--color-accent);font-size:28px;font-weight:700;display:block}