@charset "UTF-8";.tone-generator{border:1px solid rgba(0,212,255,0.44);max-width:620px;margin:20px auto;padding:15px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.3);color:#e0f7fa;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.tone-generator h3{margin:0 0 10px 0;text-align:center;color:#00f7ff;font-size:1.3em}#osc{width:100%;height:100px;background:#0b132b;border-radius:8px;display:block;margin-bottom:12px;box-shadow:inset 0 0 20px rgba(0,247,255,0.2)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-group{display:flex;flex-direction:column;margin-bottom:4px}.control-group label{display:block;margin-bottom:5px;font-size:0.9em;color:#a0d8ff}.freq-control{display:flex;align-items:center;gap:8px}.freq-display{flex:1;min-width:110px;padding:10px 12px;background:#16213e;border:1px solid #00f7ff;color:#00f7ff;font-size:1.35em;font-weight:bold;text-align:center;border-radius:6px;font-variant-numeric:tabular-nums;cursor:pointer;transition:all 0.2s}.freq-display.editing{background:#0f1f3a;border-color:#0fc;color:#0fc}.freq-btn{width:52px;height:52px;font-size:1.8em;font-weight:bold;background:#00f7ff;color:#0b132b;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;user-select:none}.freq-btn:hover,.freq-btn:active{background:#00e0e6;transform:scale(1.08)}input[type="range"]{width:100%;margin-top:6px}select{width:100%;padding:10px;background:#16213e;border:1px solid #00f7ff;color:#e0f7fa;border-radius:6px;font-size:1em}button#play-btn{flex:1;padding:14px;font-size:1.15em;font-weight:bold;background:#00f7ff;color:#0b132b;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px rgba(0,247,255,0.4);transition:all 0.2s;margin-top:6px}button#play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,247,255,0.5)}button#play-btn.playing{background:#ff3b5f;color:#fff;box-shadow:0 4px 10px rgba(255,59,95,0.4)}@media (max-width:600px){.tone-generator{margin:10px auto;padding:12px}.tone-generator h3{font-size:1.25em}#osc{height:90px;margin-bottom:10px}.controls{grid-template-columns:1fr;gap:12px}.freq-display{font-size:1.25em;padding:12px 10px;min-width:100px}.freq-btn{width:48px;height:48px;font-size:1.7em}select{padding:9px;font-size:1em}button#play-btn{padding:16px;font-size:1.2em}.control-group label{font-size:0.95em}}@media (max-width:380px){.freq-display{font-size:1.15em}.freq-btn{width:44px;height:44px;font-size:1.6em}}