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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0}.app,body{background-position:50%;background-size:cover;height:100vh;overflow:hidden}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.header{display:flex;gap:15px;padding:10px 20px;position:absolute;right:0;top:0}.app.read-only-preview{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.read-only-preview .header{align-self:start;grid-column:1;grid-row:2;justify-self:end;position:relative;right:auto;top:auto;z-index:2}.preview-banner{background:#fff3cd;border-bottom:1px solid #b7791f;box-sizing:border-box;color:#664d03;font-weight:600;grid-column:1;grid-row:1;padding:12px 20px;position:relative;text-align:center;width:100%;z-index:1001}.header-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 15px;text-decoration:none}.header-button:hover{background-color:#0056b3}.login-box{left:47.5%;top:200px}.language-selection-box,.login-box{border-radius:10px;padding:20px;position:absolute;transform:translateX(-50%)}.language-selection-box{left:50%;text-align:center;top:150px;width:350px}.language-selection-box,.login-box form{display:flex;flex-direction:column;width:100%}.login-box button,.login-box input{border-radius:5px;box-sizing:border-box;display:block;font-size:1.2em;margin-bottom:10px;padding:15px;width:130%}.login-box input{border:1px solid #ccc}.login-box button{background-color:#007bff;border:none;color:#fff;cursor:pointer}.login-box button:hover{background-color:#0056b3}.language-selection-box button{background-color:#007bff;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1.2em;margin:10px auto;max-width:350px;padding:10px;width:100%}.language-selection-box button:hover{background-color:#0056b3}.translation-verification{display:flex;height:100vh;width:100%}.read-only-preview .translation-verification{grid-column:1;grid-row:2;height:100%;min-height:0}.side-menu{background-color:#f7f7f7;box-shadow:2px 0 5px #0000001a;flex-shrink:0;overflow-y:auto;padding:20px;width:250px}.side-menu h3{margin-top:0}.side-menu ul{list-style:none;padding:0}.side-menu ul li{cursor:pointer;padding:10px}.side-menu ul li.active{background-color:#007bff;color:#fff}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow:hidden;padding:20px}.phrase-container{border:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1000px;padding:20px;width:100%}.phrase,.translation{flex:1 1;font-size:28px;font-weight:700}.buttons{display:flex;justify-content:space-between;margin-top:20px;max-width:1000px;width:100%}.correct,.not-sure,.wrong{border:none;cursor:pointer;flex:0 0 auto;font-size:24px;margin:10px;padding:20px}.correct{background-color:green;color:#fff}.wrong{background-color:red;color:#fff}.not-sure{background-color:grey;color:#fff}.edit-container{margin-top:20px}.read-only-message{background:#fff3cd;border-radius:5px;color:#664d03;font-weight:600;margin:20px auto 0;max-width:1000px;padding:12px 16px;text-align:center}.data-error{background:#f8d7da;border:1px solid #f5c2c7;border-radius:5px;color:#842029}.data-error,.data-warning{max-width:600px;padding:12px 16px;text-align:center}.data-warning{background:#fff3cd;border:1px solid #ffecb5;border-radius:5px;color:#664d03}.data-error button{margin-top:8px}.status-error{color:#842029;font-weight:600}.edit-container input{font-size:24px;padding:10px}.edit-container button{font-size:24px;margin-left:10px;padding:10px 20px}.modal-overlay{align-items:center;background-color:#000c;color:#fff;display:flex;font-size:5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.side-menu h3{margin-bottom:20px;margin-top:20px}.status-bar{background-color:#f7f7f7;border-top:1px solid #ccc;bottom:0;font-size:1.2em;left:0;padding:10px;position:fixed;text-align:center;width:100%}.add-phrase-container{padding-top:20px}.add-phrase-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.audio-recorder-button{font-size:16px;padding:10px 20px}.audio-recorder-button.record-again{background-color:grey;color:#fff;margin-right:10px}.audio-recorder-button.submit-and-continue{background-color:green;color:#fff}
/*# sourceMappingURL=main.6ec4cbd5.css.map*/