.recorder-container{padding:20px;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.recording-card{margin:10px 0;padding:15px;transition:all .3s ease}.recording-card:hover{box-shadow:0 4px 8px #0000001a}.recording-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.recording-header span{color:#666;font-size:.9em}.recordings-list{margin-top:20px;display:flex;flex-direction:column;gap:10px}.MuiButton-root{text-transform:none!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#fff}color: #27272a; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{margin:0;min-width:320px;min-height:100vh}