:root{--bg-color: #2f2f2f;--text-color: #f4f4f4;--accent: #ff6b00;--accent-hover: #e65a00;--input-bg: #444;--input-border: #666}html,body,#root{height:100%;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif}.container{max-width:600px;margin:0 auto;padding:2rem;text-align:center}h1,h2,h3{color:var(--accent)}input[type=text]{width:100%;padding:.75rem;font-size:1rem;margin-bottom:1rem;border:1px solid var(--input-border);border-radius:5px;background-color:var(--input-bg);color:var(--text-color)}button{background-color:var(--accent);color:#fff;border:none;padding:.6rem 1.2rem;margin:.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}button:hover:enabled{background-color:var(--accent-hover)}button:disabled{opacity:.7;cursor:not-allowed}audio{width:100%;margin-top:1rem}p{font-size:1.1rem;margin-top:1rem}.fullscreen-bg{background-image:url(/bprecord_background.png);background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#2f2f2f;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.stack-panel{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%;max-width:600px;margin:0 auto;border-radius:12px;background-color:#000c;color:#fff;box-shadow:0 0 10px #4b280091}button.delete-button{background-color:#c00;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;margin-top:1rem;cursor:pointer}button.delete-button:hover{background-color:#a80000}.repeat-button{background-color:#ff6b00;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}.repeat-button:hover{background-color:#e65a00}.audio-preview h3{text-align:center;margin-bottom:.5rem;font-weight:400;font-size:1.2rem}input[disabled]{background-color:#333;color:#aaa;border:1px solid #555;cursor:not-allowed;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recording-icon{transition:color .3s ease}.recording-icon.hidden{opacity:.3;transform:scale(1)}.mic-low{color:gray}.mic-mid{color:green}.mic-high{color:#daa520}.mic-peak{color:red}