:root{--tg-bg: #f6f8fa;--tg-bg-panel: #fff;--tg-border: #e1e4e8;--tg-text-primary: #213547;--tg-text-secondary: #586069;--tg-accent: #42b983;--tg-btn-bg: #42b983;--tg-btn-bg-hover: #369870;--tg-btn-text: #fff;--tg-slider-track: #e1e4e8;--tg-slider-thumb: #42b983;--tg-canvas-bg: #eaeaea}:root[data-theme=dark]{--tg-bg: #181a1b;--tg-bg-panel: #23272e;--tg-border: #2d333b;--tg-text-primary: #f6f8fa;--tg-text-secondary: #b1bac4;--tg-accent: #42b983;--tg-btn-bg: #42b983;--tg-btn-bg-hover: #369870;--tg-btn-text: #fff;--tg-slider-track: #2d333b;--tg-slider-thumb: #42b983;--tg-canvas-bg: #222}:root[data-theme=light]{--tg-bg: #f6f8fa;--tg-bg-panel: #fff;--tg-border: #e1e4e8;--tg-text-primary: #213547;--tg-text-secondary: #586069;--tg-accent: #42b983;--tg-btn-bg: #42b983;--tg-btn-bg-hover: #369870;--tg-btn-text: #fff;--tg-slider-track: #e1e4e8;--tg-slider-thumb: #42b983;--tg-canvas-bg: #eaeaea}body{background:var(--tg-bg);color:var(--tg-text-primary);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--tg-btn-bg);color:var(--tg-btn-text);cursor:pointer;transition:background .2s,border-color .25s}button:hover{background-color:var(--tg-btn-bg-hover)}button:focus,button:focus-visible{outline:4px auto var(--tg-accent)}input[type=range]{width:100%;accent-color:var(--tg-accent);background:var(--tg-slider-track)}.card{padding:2em}.tone-generator[data-v-b6ce7bda]{max-width:420px;margin:2rem auto;padding:1.5rem;border:1px solid var(--tg-border);border-radius:12px;background:var(--tg-bg-panel);box-shadow:0 2px 12px #0000000a;color:var(--tg-text-primary);transition:background .2s,color .2s,border .2s}.controls[data-v-b6ce7bda]{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}label[data-v-b6ce7bda]{display:flex;flex-direction:column;align-items:flex-start;font-size:1rem;color:var(--tg-text-secondary);gap:.3rem}input[type=range][data-v-b6ce7bda]{width:100%;margin-top:.3rem;accent-color:var(--tg-accent);background:var(--tg-slider-track);border-radius:4px;height:4px}button[data-v-b6ce7bda]{padding:.5rem 1.5rem;font-size:1rem;border:none;border-radius:4px;background:var(--tg-btn-bg);color:var(--tg-btn-text);cursor:pointer;transition:background .2s}button[data-v-b6ce7bda]:hover{background:var(--tg-btn-bg-hover)}.autoplay-btn[data-v-b6ce7bda]{width:100%;margin-top:1.2rem;font-weight:700;letter-spacing:.05em;background:var(--tg-btn-bg);color:var(--tg-btn-text);border:2px solid var(--tg-btn-bg);box-shadow:0 1px 4px #0000000f;transition:background .2s,border .2s}.autoplay-btn.active[data-v-b6ce7bda]{background:var(--tg-btn-bg-hover);border:2px solid var(--tg-accent)}.visualizer[data-v-b6ce7bda]{width:100%;height:100px;background:var(--tg-canvas-bg);border-radius:6px;display:block;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000f}.autoplay-panel[data-v-b6ce7bda]{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.autoplay-slider-group[data-v-b6ce7bda]{width:100%;display:flex;flex-direction:column;gap:.7rem}h2[data-v-b6ce7bda]{margin-top:0;color:var(--tg-text-primary);font-size:1.5rem;font-weight:600;letter-spacing:.01em}.theme-toggle{position:absolute;top:1rem;right:1rem;z-index:10;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--tg-text-primary);transition:color .2s}.theme-toggle:focus{outline:2px solid var(--tg-accent)}.app-footer{position:fixed;right:1.5rem;bottom:1.2rem;color:#888;font-size:.95rem;opacity:.7;z-index:100;pointer-events:none}