body{margin:0;background:radial-gradient(circle at top,#050b2c,#01010a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display;overflow:hidden}.app{height:100vh;padding:32px;max-width:1600px;margin:auto;box-sizing:border-box}.dashboard{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;height:calc(100% - 80px);align-items:stretch}.visual-box{border-radius:40px;background:transparent;height:100%;box-sizing:border-box}.control-card{display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at top,#081b3a,#030818);border-radius:26px;padding:22px;box-shadow:inset 0 0 40px #0096ff26,0 0 40px #0009;height:100%;box-sizing:border-box}.panel{display:flex;flex-direction:column;gap:18px;height:100%}.transcription-box{border-radius:20px;padding:18px;background:#ffffff0a;flex:1;display:flex;flex-direction:column}.transcription{position:relative;min-height:100px;padding:14px;background:#0b0014;border-radius:14px;margin-bottom:14px;transition:.3s;flex:1;overflow-y:auto}.transcription.active{box-shadow:0 0 25px #ff4fd8;border:1px solid #ff4fd8}.copy-btn{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.copy-btn:hover{background:#ffffff40}.button-row{display:flex;gap:14px;margin-top:18px}.btn{flex:1;height:44px;border-radius:14px;border:none;font-size:15px;color:#fff;cursor:pointer}.btn.start{background:linear-gradient(135deg,#1de9ff,#00bcd4);box-shadow:0 0 14px #00ffffb3}.btn.stop{background:linear-gradient(135deg,#c218ff,#7b1fa2);box-shadow:0 0 14px #c800ff99}.btn.dark{background:#ffffff0f}.btn:disabled{opacity:.45;cursor:not-allowed}.setting{margin-top:18px}.setting input[type=range]{width:100%;accent-color:#00eaff}.setting.toggle{display:flex;justify-content:space-between;align-items:center}.switch{width:54px;height:28px;background:#112;border-radius:20px;padding:4px;cursor:pointer}.switch .knob{width:20px;height:20px;background:#0ff;border-radius:50%;transition:.3s}.switch.on .knob{transform:translate(26px);background:#00eaff}.indicator-card{display:flex;justify-content:space-between;margin-top:20px;background:#ffffff0a;padding:16px;border-radius:18px}.progress{height:6px;border-radius:6px;background:#ffffff26;overflow:hidden;margin-top:6px}.progress.pink{background:linear-gradient(90deg,#ff2fa0,#f07);width:0%;transition:width .15s ease-out}.status-box{width:fit-content;padding:6px 14px;border-radius:14px;font-size:13px;font-weight:500;margin-bottom:14px;letter-spacing:.4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2)}.status-box.recording{color:#ff4d4d;box-shadow:0 0 12px #ff0000b3;background:#ff00001f}.status-box.paused{color:#ffd54f;box-shadow:0 0 10px #ffd54f99}.status-box.idle{color:#aaa}.status-pill{padding:8px 14px;border-radius:14px;font-weight:600;margin-bottom:12px;text-align:center}.status-pill.recording{background:#f04}.status-pill.paused{background:#fa0}.status-pill.stopped{background:#555}.status-pill.idle{background:#333}