/* Extracted from styles.css; original cascade order is preserved by index.html. */
/* === Echo (余韵电台) === */
.round-echo{flex:none;width:46px;height:46px;border:0;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:22px;box-shadow:0 10px 22px rgba(102,126,234,.24);display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.round-echo:active{transform:scale(.92)}
.echo-open-btn{width:100%;margin:12px 0;padding:16px;border:0;border-radius:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(102,126,234,.22);display:flex;align-items:center;justify-content:center;gap:8px}
.echo-open-btn:active{transform:scale(.97)}
.voice-notes{margin:6px 0 8px}
.voice-notes p{margin:0 0 4px;padding:8px 12px;border-radius:12px;background:#f5f3ff;color:#4a4458;font-size:11px;line-height:1.55}
.echo-record-sheet .echo-record-body{display:grid;gap:10px;max-height:92vh;padding:12px 20px calc(28px + env(safe-area-inset-bottom));overflow:auto;scrollbar-width:none;background:linear-gradient(180deg,#fffafa 0%,#fff5f8 40%,#f9fbf8 100%)}
.echo-record-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(217,77,116,.18);transition:transform .15s}
.echo-record-btn:active{transform:scale(.97)}
.echo-record-btn.recording{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 10px 28px rgba(231,76,60,.3)}
.echo-record-btn .echo-record-icon{font-size:17px}
.echo-upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--rose-dark);font-size:11px;font-weight:700;cursor:pointer}
#echoRecordTimer{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0;padding:8px;border-radius:12px;background:#fff0f3;border:1px solid #f3c8d0;font-size:14px;font-weight:900;color:#c35d70;font-variant-numeric:tabular-nums}
#echoRecordTimer::before{content:"";width:10px;height:10px;border-radius:50%;background:#e74c3c;animation:recPulse 1s ease-in-out infinite}
.echo-section-label,.echo-section-head{color:var(--rose-dark);font-size:10px;font-weight:900;letter-spacing:1.2px;margin:2px 0 4px}
.echo-section-head small{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}
.echo-form{margin:0}
.echo-record-section{display:grid;gap:8px}
.echo-record-sheet .sheet-head{margin-bottom:6px}
.echo-record-sheet .sheet-handle{margin-bottom:10px}
#echoRecordings{display:grid;gap:8px}
.echo-audio-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.echo-audio-item span{font-size:11px;font-weight:700;color:var(--ink)}
.echo-audio-item audio{grid-column:1/-1;width:100%}
.echo-item-del{border:0;background:none;color:#c35d70;font-size:11px;font-weight:700;cursor:pointer;padding:4px 8px}
.echo-empty-hint{display:block;padding:11px;text-align:center;color:var(--muted);font-size:10px;border:1px dashed #e7d9d6;border-radius:12px;background:rgba(255,255,255,.4)}
#echoNotesList{display:grid;gap:8px}
.echo-note-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#f5f3ff}
.echo-note-item p{margin:0;font-size:11px;line-height:1.55;color:#4a4458}
.echo-note-actions{display:flex;gap:4px}
.echo-note-actions button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .12s}
.echo-note-actions button:active{transform:scale(.88)}
.echo-note-actions .echo-note-edit{background:#e8e0f0;color:#6c5b7b}
.echo-note-actions .echo-item-del{background:#fde9ec;color:#c35d70}
.echo-note-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.echo-note-input-row input{box-sizing:border-box;width:100%;border:1px solid #eadde0;border-radius:12px;background:#fff;color:var(--ink);padding:10px 12px;font-size:11px;outline:none}
.echo-note-input-row button{border:0;border-radius:12px;background:var(--rose);color:#fff;padding:10px 14px;font-size:11px;font-weight:800;cursor:pointer}
.echo-save-btn{width:100%;padding:12px;border:0;border-radius:14px;background:linear-gradient(135deg,#4e8f7b,#2d6b5a);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(78,143,123,.18)}