.recorder-container{padding:20px;background:#f5f7fb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.recorder-container,.status-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-card{background:#fff;border-radius:32px;padding:40px 30px;width:100%;max-width:500px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.05);box-shadow:0 8px 24px rgba(0,0,0,.05);margin-bottom:40px}.status-icon{width:100px;height:100px;background:#f0f2f6;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-bottom:20px}.status-icon,.waveform{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.waveform{gap:4px;height:50px}.waveform-bar{width:6px;height:20px;background:#8b9dc3;border-radius:3px;-webkit-transform-origin:center;transform-origin:center}.recording .waveform-bar{background:#e74c3c;-webkit-animation:waveform-anim .6s ease-in-out infinite alternate;animation:waveform-anim .6s ease-in-out infinite alternate;-webkit-animation-delay:calc((var(--i) - 1)*0.08s);animation-delay:calc((var(--i) - 1)*0.08s)}@-webkit-keyframes waveform-anim{0%{height:12px}50%{height:48px}to{height:18px}}@keyframes waveform-anim{0%{height:12px}50%{height:48px}to{height:18px}}.status-text{font-size:18px;color:#6c757d;margin-bottom:16px}.timer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:6px}.timer{font-size:42px;font-weight:700;color:#2c3e50;font-family:Courier New,monospace}.timer-limit,.timer-separator{font-size:28px;color:#adb5bd}.timer-limit{font-family:Courier New,monospace}.control-section{width:100%;max-width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px;gap:20px}.control-btn,.reset-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:50px;font-size:18px;font-weight:500;height:56px;border:none;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;font-family:inherit}.start-btn{-webkit-box-flex:2;-ms-flex:2;flex:2;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.reset-btn,.stop-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.switch-tip{width:100%;max-width:500px;margin-bottom:20px;text-align:left}.session-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-top:14px;font-size:13px;color:#8c98a8}.slice-progress{width:100%;margin-top:12px}.control-btn:disabled{opacity:.6;cursor:not-allowed}