@import url(https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-frame{background-color:#faebd7;display:grid;grid-template-rows:1.5fr 6fr;height:100vh}.Header{align-items:center;display:flex;flex-direction:column;justify-content:center}.Header-text{font-family:Fjalla One,sans-serif;font-size:18px;margin:0;padding:0 0 .5rem}.Header-text-small{font-size:16px;margin:0;padding:0 0 1rem}.Header-title{font-family:Fjalla One,sans-serif;font-size:50px;margin-bottom:1.5rem;margin-top:1.5rem;@media only screen and (max-width:57.5em){font-size:30px}}.Canvas-frame{background-color:#faebd7;display:flex;height:100%;justify-content:center}.Canvas{align-self:center;background-color:tan;display:flex;height:90%!important;width:80%!important}.button-record{background:#d4a574;border:2px solid #b8956a;border-radius:8px;color:#4a3728;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.button-record:hover{background:#c49563;border-color:#a68558}.button-record.recording{animation:pulse 1.5s infinite;background:#e63946;border-color:#d62828;color:#fff}.button-record.recording:hover{background:#d62828;border-color:#c21f2b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.button-recordings{background:#d4a574;border:2px solid #b8956a;border-radius:8px;color:#4a3728;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px 16px;transition:all .3s ease}.button-recordings:hover{background:#c49563;border-color:#a68558}.recordings-panel{background:#faebd7;border:2px solid #d4a574;border-radius:12px;box-shadow:0 4px 20px #4a372833;max-height:80vh;max-width:320px;overflow-y:auto;padding:20px;position:absolute;right:20px;top:20px;z-index:1000}.recordings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.recordings-header h3{color:#4a3728;font-size:18px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0;transition:color .2s ease}.close-button:hover{color:#e63946}.recording-item{background:#f5e6d3;border:1px solid #e0d0bb;border-radius:8px;margin-bottom:10px;padding:12px}.recording-info{color:#6b5544;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:8px}.recording-timestamp{color:#8b7a6a;font-size:11px;margin-bottom:8px}.recording-audio{height:32px;margin-bottom:8px;width:100%}.recording-actions{display:flex;gap:8px}.delete-button,.download-button{border:2px solid;border-radius:4px;color:#4a3728;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:6px;transition:all .2s ease}.download-button{background:#d4a574;border-color:#b8956a}.download-button:hover{background:#c49563;border-color:#a68558}.delete-button{background:#e6a89d;border-color:#d4958a}.delete-button:hover{background:#d89186;border-color:#c27f74}
/*# sourceMappingURL=main.3bf96fb3.css.map*/