@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--background-color:#ededed;--primary-main:#00967d;--primary-light:#00b596;--primary-dark:#00755d;--secondary-main:gold;--secondary-light:#ffe760;--secondary-dark:#efcc01;--highlight-main:#69d4ec;--gray-0:#f3f3f3;--gray-1:#e0e0e0;--gray-2:#c1c1c1;--gray-3:#a5a5a5;--gray-4:#575757;--gray-5:#353535}.phn-page-container{height:100vh;width:100%}.phn-page-container h1{color:var(--gray-5);height:auto;padding-left:20px;padding-top:20px;text-align:left}.phn-divide-container{gap:20px}.phn-divide-container,.phn-horizontal-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:calc(100% - 80px);padding:20px;width:100%}.phn-horizontal-container{gap:10px}.phn-vertical-container{align-items:center;gap:10px;height:calc(100% - 80px);padding:20px}.phn-vertical-container,.phn-vertical-content{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%}.phn-vertical-content{align-items:left;gap:20px;height:100%}.phn-horizontal-content{align-items:left;gap:20px;height:100%}.phn-horizontal-content,.phn-horizontal-group{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.phn-horizontal-group,.phn-vertical-group{align-items:center;gap:10px;justify-content:left}.phn-vertical-group{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%}@media (max-width:768px){.phn-page-container{height:auto}.phn-page-container h1{font-size:1.5rem;padding-left:15px;padding-top:15px}.phn-divide-container{flex-direction:column;gap:10px;height:auto;padding:10px}.phn-horizontal-container,.phn-vertical-container{gap:10px;height:calc(100vh - 120px);overflow-y:none;padding:10px}.phn-horizontal-content,.phn-vertical-content{gap:10px}}.phn-white-card{background-color:#fff;border:1px solid var(--gray-1);border-radius:25px;color:#000;padding:20px}.phn-gray-card{background-color:var(--gray-0);border:1px solid var(--gray-1);border-radius:15px;color:#000;padding:20px}@keyframes skeleton-loading{0%{background-color:#0000000d}50%{background-color:#00000026}to{background-color:#0000000d}}.skeleton{animation:skeleton-loading 1.8s ease-in-out infinite;background-color:#0000000d;border:none}@media (max-width:768px){.phn-button,.phn-cancel-button,.phn-text-button{font-size:1rem}}.phn-button,.phn-button-small,.phn-cancel-button,.phn-text-button{text-wrap:nowrap;align-items:center;background-color:var(--primary-main);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:1.2rem;font-weight:700;gap:10px;justify-content:center;padding:10px 20px;transition:background-color .3s ease}.phn-button-small:hover,.phn-button:hover{background-color:var(--primary-light)}.phn-button-small:disabled,.phn-button:disabled{background-color:var(--gray-1);cursor:not-allowed}.phn-button-small{font-size:1rem;padding:5px 15px}.phn-text-button{background-color:initial;color:var(--primary-main);font-size:1.5rem}.phn-text-button:hover{color:var(--primary-light)}.phn-text-button:disabled{color:var(--gray-1);cursor:not-allowed}.phn-cancel-button{background-color:initial;color:var(--gray-5)}.phn-cancel-button:hover{background-color:var(--gray-0)}.phn-icon-button{background:none;border:none;color:var(--primary-main);cursor:pointer;font-size:1.5rem;line-height:0}.phn-icon-button:hover{color:var(--primary-light)}.phn-button-tooltip{position:relative}.phn-button-tooltip:before{background-color:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(tooltip-data);font-size:.7rem;left:50%;opacity:0;padding:15px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap}.phn-button-tooltip:hover:before{opacity:1;visibility:visible}@media (max-width:768px){.phn-button-tooltip:hover:before{opacity:0;visibility:hidden}}.phn-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.phn-popup{max-width:90%;text-align:center}.phn-popup h2{margin-bottom:20px;text-align:center}.phn-popup-form{display:flex;flex-direction:column;gap:20px}.phn-popup-button-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;width:100%}input,select{border:1px solid var(--gray-1);border-radius:10px;margin-top:5px;padding:8px;width:100%}label{align-items:flex-start;display:flex;flex-direction:column;font-weight:700}.phn-input{width:100%}.phn-dropdown,.phn-input{border:1px solid var(--gray-1);border-radius:20px;font-size:1rem;margin:0;padding:10px 15px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--background-color);height:100vh;margin:0;max-width:100%;overflow-x:hidden;overscroll-behavior:none;padding:0;width:100%}body,button,input,select{font-family:Poppins,"ui-sans-serif",system-ui,sans-serif}h1,h2,h3,h4,span{color:var(--gray-5)}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #0000001a;border-radius:50%;border-top:6px solid var(--primary-main);height:60px;width:60px}@media (max-width:768px){a,button,div,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}}*,:focus{outline:none}.language-select-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.language-select-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 24px #0003;color:#333;display:flex;flex-direction:column;height:600px;padding:40px;text-align:center;width:400px}@media (max-width:768px){.language-select-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.language-select-container{border-radius:0;box-shadow:none;height:100%;justify-content:flex-start;padding:20px;width:100%}.language-selection{max-height:calc(100vh - 200px)}.language-select-container h2{font-size:1.5rem;margin-top:40px}.language-select-submit-button{bottom:30px;left:5%;margin-top:0;position:fixed;width:90%}.language-selection{margin-bottom:80px}}.language-select-container h2{color:#222;font-size:1.8rem;margin-bottom:25px}.language-selection{background-color:#f8f9fa;border-radius:10px;margin-top:20px;max-height:400px;overflow-y:auto;padding:5px;width:100%}.language-select-language-choice,.language-select-language-choice-selected{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:15px;margin-bottom:8px;min-height:60px;padding:12px 15px;transition:all .2s ease}.language-select-language-choice-selected{background-color:var(--primary-light);border:1px solid var(--primary-main);box-shadow:0 2px 5px #0000001a}.language-select-language-choice:hover{background-color:#f0f0f0;transform:translateY(-2px)}.language-select-language-flag-img{border:2px solid #000;border-radius:5px;height:30px;object-fit:cover;width:40px}.language-select-language-name{flex-grow:1;font-size:1.1rem;font-weight:600;text-align:left}.language-select-submit-button{background-color:var(--primary-main);border:none;border-radius:30px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:25px;padding:12px 30px;transition:all .3s ease}.language-select-submit-button:hover{background-color:var(--primary-light);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.language-select-submit-button[disabled]{background-color:#ccc;box-shadow:none;cursor:not-allowed;opacity:.7}.language-select-cancel-button{background-color:var(--gray-2)}.material-dropdown,.material-dropdown .MuiOutlinedInput-root{border-radius:20px;font-family:inherit}.material-dropdown .MuiOutlinedInput-notchedOutline{border-color:var(--gray-1);border-radius:20px}.material-dropdown .MuiInputLabel-root{color:var(--gray-5);font-family:inherit}.material-dropdown .MuiSelect-select{font-size:1rem;padding:10px 15px}.material-dropdown .MuiMenuItem-root{font-family:inherit;font-size:1rem}.material-dropdown .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-main)}.material-dropdown .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-main);border-width:1px}.material-dropdown .MuiInputLabel-root.Mui-focused{color:var(--primary-main)}@media (max-width:768px){.material-dropdown .MuiSelect-select{font-size:.9rem;padding:8px 12px}.material-dropdown .MuiInputLabel-root{font-size:.9rem}}.profile-setup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.profile-setup-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 24px #0003;color:#333;display:flex;flex-direction:column;max-height:650px;overflow-y:auto;padding:40px;text-align:center;width:450px}.profile-setup-container h2{color:#222;font-size:1.8rem;margin-bottom:25px}.profile-setup-form{gap:20px;margin-top:20px}.form-group,.profile-setup-form{display:flex;flex-direction:column;width:100%}.form-group{align-items:flex-start;text-align:left}.form-group label{color:#444;font-size:1rem;font-weight:600;margin-bottom:8px}.profile-setup-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.profile-setup-input:focus{border-color:var(--primary-main);outline:none}.profile-setup-dropdown{width:100%}.profile-setup-submit-button{background-color:var(--primary-main);border:none;border-radius:30px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:30px;padding:12px 30px;transition:all .3s ease;width:80%}.profile-setup-submit-button:hover{background-color:var(--primary-light);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.profile-setup-submit-button[disabled]{background-color:#ccc;box-shadow:none;cursor:not-allowed;opacity:.7}@media (max-width:768px){.profile-setup-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.profile-setup-container{border-radius:0;box-shadow:none;height:100%;justify-content:flex-start;max-height:none;padding:20px;width:100%}.profile-setup-container h2{font-size:1.5rem;margin-top:40px}.profile-setup-submit-button{bottom:30px;left:5%;margin-top:0;position:fixed;width:90%}.profile-setup-form{margin-bottom:80px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.change-password-password-strength{color:red;font-size:.8rem}.change-password-password-confirm{align-items:center;display:flex;position:relative;width:100%}.change-password-password-match{position:absolute;right:10px;top:40%}.change-password-green-check{color:green}.change-password-red-cross{color:red}.change-password-error-message{color:red;font-size:1rem;margin-bottom:5px;margin-top:5px;text-align:center}@media (max-width:768px){.change-password-password-strength{font-size:.8rem}}.sidebar{background-color:var(--primary-main);border-right:2px solid var(--primary-dark);color:#fff;display:flex;flex-direction:column;height:100%;left:0;padding-left:10px;padding-right:10px;padding-top:20px;position:fixed;top:0;width:210px;z-index:1001}.sidebar.collapsed{width:60px}.sidebar-header{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.sidebar-menu{display:flex;flex-direction:row;gap:10px}.sidebar-logo-text{font-size:1.6rem;font-weight:700}.sidebar-menu-icon{cursor:pointer;font-size:2.4rem;margin-left:auto}.sidebar-nav-icon{font-size:2.4rem}.sidebar-nav-links{display:flex;flex-direction:column;gap:25px}.sidebar-nav-link{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;gap:15px;text-decoration:none;transition:color .3s ease}.sidebar-nav-link.active,.sidebar-nav-link:hover{color:var(--secondary-main)}.sidebar-bottom{align-items:left;display:flex;flex-direction:column;gap:20px;margin-bottom:20px;margin-top:auto}.sidebar-streak-container{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:1rem;font-weight:700;gap:10px}.sidebar-streak{align-items:center;display:flex;flex-direction:column;font-size:1.2rem;width:38px}.sidebar-streak-icon{font-size:1.8rem}.sidebar-language-flag-container{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:1rem;font-weight:700;height:50px}.sidebar-language-flag-img{border:2px solid #fff;border-radius:8px;height:30px;margin-right:10px;object-fit:cover;width:40px}.sidebar-language-flags-popup{background-color:#fff;border:2px solid var(--gray-2);border-radius:20px 20px 20px 0;bottom:120px;color:#000;display:flex;flex-direction:column;height:200px;left:50px;overflow-y:auto;position:absolute;width:200px;z-index:1001}.sidebar-language-choice{align-items:center;border-bottom:1px solid gray;cursor:pointer;display:flex;flex-direction:row;gap:10px;min-height:60px;padding-left:10px;padding-right:10px;transition:background-color .3s ease}.sidebar-language-choice:hover{background-color:var(--gray-0)}.sidebar-language-choice.selected{background-color:var(--highlight-main)}.sidebar-language-popup-flag-img{border:2px solid var(--gray-5);border-radius:8px;height:30px;object-fit:cover;width:40px}.sidebar-language-name{font-size:.9rem;font-weight:700;text-align:left}.sidebar-language-star-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto}.sidebar-language-star{color:gold;font-size:1rem}.sidebar-profile-container{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:1.2rem;font-weight:700;gap:10px}.sidebar-profile-popup{background-color:#fff;border:2px solid var(--gray-2);border-radius:20px 20px 20px 0;bottom:55px;color:#000;display:flex;flex-direction:column;gap:10px;left:45px;padding:10px;position:absolute;width:200px;z-index:1001}.sidebar-popup-button{background-color:initial;border:none;border-radius:10px;color:#000;cursor:pointer;padding:10px;text-align:left;transition:background-color .3s ease}.sidebar-popup-button:hover{background-color:#f0f0f0}.sidebar-logout-button{align-items:center;background-color:var(--secondary-main);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;gap:8px;justify-content:center;margin-top:10px;padding:10px;text-align:center;transition:background-color .3s ease}.sidebar-logout-button:hover{background-color:var(--secondary-light)}@keyframes fadeInRiseUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutGoDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeInGoDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutGoUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.sidebar-language-flags-popup,.sidebar-profile-popup{animation:fadeInRiseUp .25s ease-in-out}.sidebar-language-flags-popup.fade-out,.sidebar-profile-popup.fade-out{animation:fadeOutGoDown .25s ease-in-out}@media (max-width:768px){.sidebar,.sidebar.collapsed{align-items:center;border:none;flex-direction:row;height:60px;justify-content:space-between;margin:0;padding:0 15px;width:100%}.sidebar-header{flex-direction:row;gap:0}.sidebar-nav-links{gap:15px;margin:0;padding:0;width:100%}.sidebar-nav-icon,.sidebar-nav-links{align-items:center;flex-direction:row}.sidebar-nav-icon{font-size:2rem;justify-content:center}.sidebar-bottom{align-items:center;flex-direction:row;gap:15px;margin:0}.sidebar-streak{flex-direction:row;font-size:1.1rem;gap:3px;margin-left:auto;width:100%}.sidebar-streak-icon{font-size:1.4rem}.sidebar-language-flag-img{margin:0}.sidebar-language-flags-popup{height:300px;width:200px}.sidebar-language-flags-popup,.sidebar-profile-popup{border-radius:10px 0 10px 10px;bottom:auto;left:auto;right:10px;top:60px;z-index:1001}.sidebar-profile-popup{width:180px}.sidebar-language-flags-popup,.sidebar-profile-popup{animation:fadeInGoDown .25s ease-in-out}.sidebar-language-flags-popup.fade-out,.sidebar-profile-popup.fade-out{animation:fadeOutGoUp .25s ease-in-out}.sidebar-menu-icon{display:none}}.main-content{height:100%;margin-left:210px;width:calc(100% - 210px)}.main-content.sidebar-collapsed{margin-left:60px;width:calc(100% - 60px)}@media (max-width:768px){.main-content,.main-content.sidebar-collapsed{height:auto;margin-left:0;margin-top:60px;width:100%}.custom-toast{border-radius:30px;margin:0 auto!important;width:90%!important}.custom-toast-body{font-size:1rem;text-align:center}.Toastify__close-button{position:absolute;right:10px;top:50%;transform:translateY(-50%)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.slide-in-right{animation:slide-in-right .3s forwards}.slide-out-right{animation:slide-out-right .3s forwards}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.slide-in-bottom{animation:slide-in-bottom .3s forwards}.slide-out-bottom{animation:slide-out-bottom .3s forwards}.material-multiselect,.material-multiselect .MuiOutlinedInput-root{border-radius:20px;font-family:inherit}.material-multiselect .MuiOutlinedInput-notchedOutline{border-color:var(--gray-1);border-radius:20px}.material-multiselect .MuiInputLabel-root{color:var(--gray-5);font-family:inherit}.material-multiselect .MuiSelect-select{font-size:1rem;min-height:20px;padding:10px 15px}.material-multiselect .MuiMenuItem-root{font-family:inherit;font-size:1rem}.material-multiselect .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-main)}.material-multiselect .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-main);border-width:1px}.material-multiselect .MuiInputLabel-root.Mui-focused{color:var(--primary-main)}.material-multiselect .MuiChip-root{border-radius:10px;font-size:.75rem;height:20px;margin:1px}.material-multiselect .MuiChip-label{font-family:inherit;padding:0 6px}@media (max-width:768px){.material-multiselect .MuiSelect-select{font-size:.9rem;padding:8px 12px}.material-multiselect .MuiInputLabel-root{font-size:.9rem}.material-multiselect .MuiChip-root{font-size:.7rem;height:18px}.material-multiselect .MuiChip-label{padding:0 4px}}.phn-play-button{align-items:center;background-color:initial;border:none;color:var(--primary-main);cursor:pointer;display:flex;font-size:3rem;justify-content:center;transition:all .3s ease}.phn-play-button:hover{color:var(--primary-light)}.phn-play-button:disabled{cursor:not-allowed;opacity:.5}.fa-spin{animation:spin 3s linear infinite}.phn-play-button .icon{transition:transform .2s ease}.phn-play-button:hover .icon{transform:scale(1.1)}.phn-play-button:active .icon{transform:scale(.9)}.voice-dropdowns{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:none;width:auto;width:100%}.voice-dropdown{width:175px}.voice-dropdowns label{font-size:1rem}.speed-dropdown{width:100px}@media (max-width:768px){.voice-dropdowns{gap:0;justify-content:space-between}}.bottom-action-bar{background:#fff;border-top:1px solid var(--gray-1);box-shadow:0 -2px 12px #00000014;flex-shrink:0;padding:24px}.bottom-action-content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;width:100%}.bottom-action-row{align-items:center;display:flex;gap:20px;justify-content:space-between}.bottom-action-row:last-child{margin-bottom:0}.deck-selection-container{flex:0 1;min-width:250px}.deck-selection-container .material-dropdown{min-width:250px}.card-type-selection-container{flex:0 1;min-width:250px}.card-type-selection-container .material-multiselect{min-width:250px}.bottom-action-bottom{align-items:center;display:flex;justify-content:space-between;width:100%}.voice-selection-container{align-items:center;display:flex;justify-content:flex-start}.add-card-button-container{display:flex;flex-shrink:0;justify-content:flex-end;margin-left:20px}.add-cards-button{min-width:120px}.card-type-selection-container .MuiSelect-root,.deck-selection-container .MuiSelect-root{z-index:1300}.MuiMenu-root .MuiPaper-root,.MuiPopper-root{z-index:1400!important}@media (max-width:768px){.bottom-action-bar{max-height:40vh;overflow-y:auto;padding:16px}.bottom-action-content,.bottom-action-row{gap:12px}.card-type-selection-container,.card-type-selection-container .material-multiselect,.deck-selection-container,.deck-selection-container .material-dropdown{min-width:180px}.bottom-action-bottom{align-items:stretch;flex-direction:column;gap:12px}.voice-selection-container{justify-content:center}.add-card-button-container{justify-content:center;margin-left:0}.add-cards-button{min-width:auto;width:100%}}.create-card-popup{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#80808066;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-card-popup-visible{animation:backgroundFadeIn .2s ease-out forwards}.create-card-popup-hidden{animation:backgroundFadeOut .2s ease-in forwards}@keyframes backgroundFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backgroundFadeOut{0%{opacity:1}to{opacity:0}}.create-card-popup-content{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 20px 60px #0000004d;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:20px;max-width:400px;padding:40px 50px;text-align:center}.create-card-popup-content-visible{animation:contentScaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.create-card-popup-content-hidden{animation:contentScaleOut .2s ease-in forwards}.create-card-popup-content-success-visible{animation:contentScaleIn .2s cubic-bezier(.175,.885,.32,1.275) forwards}.create-card-popup-content-success-hidden{animation:contentScaleOut .15s ease-in forwards}.create-card-popup-icon{align-items:center;animation:iconPulse .4s ease-out;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:20px;width:80px}.create-card-popup-icon-success{animation:iconPulse .25s ease-out;background:var(--primary-main)}.create-card-popup-icon-error{background:#ef4444}.create-card-popup-icon-warning{background:#f59e0b}@keyframes contentScaleIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes contentScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes iconPulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.create-card-popup-message{color:var(--text-primary);font-size:1.2rem;font-weight:600;line-height:1.4}@media (max-width:768px){.create-card-popup-content{margin:15px;max-width:300px;padding:30px 35px}.create-card-popup-icon{font-size:2rem;height:60px;margin-bottom:15px;width:60px}.create-card-popup-message{font-size:1.1rem}}.translation-container{align-items:center;display:flex;flex-direction:row;width:100%}.edit-icon-container{align-items:center;display:flex;height:30px;justify-content:center;margin-left:auto;width:40px}.edit-icon{cursor:pointer;font-size:1.6rem;line-height:0;transition:color .3s ease;visibility:hidden}.edit-icon:hover{color:var(--primary-main)}.translation-container:hover .edit-icon{visibility:visible}.translation{display:inline;font-size:1.2rem;font-weight:700;margin-bottom:5px}.translation-edit{width:100%}.input-container{position:relative}.translation-edit textarea{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.5;margin:0;min-height:1.5em;overflow:hidden;padding:12px 50px 12px 12px;resize:none;transition:all .2s ease;width:100%}.translation-edit textarea:focus{border-color:#007bff;border-color:var(--primary-main,#007bff);box-shadow:0 0 0 3px #007bff1a,0 2px 6px #00000026;outline:none}.confirm-button-circle{align-items:center;background-color:#007bff;background-color:var(--primary-main,#007bff);border:none;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.confirm-button-circle:hover{background-color:#0056b3;background-color:var(--primary-dark,#0056b3);box-shadow:0 3px 6px #0003;transform:translateY(-50%) scale(1.05)}.confirm-button-circle:active{transform:translateY(-50%) scale(.95)}@media (max-width:768px){.edit-icon{visibility:visible}}.generating-cards-container{align-items:center;align-self:center;background:none;color:var(--text-secondary);display:flex;flex-direction:column;font-weight:500;gap:16px;justify-content:center;margin:auto;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.generating-cards-spinner{height:48px;position:relative;width:48px}.generating-cards-spinner:after,.generating-cards-spinner:before{animation:generating-cards-pulse 1.5s ease-in-out infinite;border-radius:50%;content:"";position:absolute}.generating-cards-spinner:before{animation-delay:0s;background:var(--primary-main);height:100%;opacity:.3;width:100%}.generating-cards-spinner:after{animation-delay:.3s;background:var(--primary-main);height:70%;left:15%;opacity:.6;top:15%;width:70%}@keyframes generating-cards-pulse{0%,to{opacity:1;transform:scale(.8)}50%{opacity:.3;transform:scale(1.2)}}.generating-cards-message{font-size:1rem;line-height:1.4;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width:768px){.generating-cards-container{gap:12px;margin:auto;padding:0}.generating-cards-spinner{height:40px;width:40px}.generating-cards-message{font-size:.9rem}}.submit-input-wrapper{align-items:center;background-color:#fff;border:2px solid var(--gray-1);border-radius:25px;box-shadow:0 2px 8px #0000001a;display:flex;max-width:800px;min-height:48px;padding:4px;position:relative;transition:all .2s ease;width:100%}.submit-input-wrapper:focus-within{border-color:var(--primary-main);box-shadow:0 4px 12px #00000026}.submit-input{background:#0000;border:none;border-radius:20px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:12px 20px}.submit-input::placeholder{color:var(--gray-3);font-weight:400}.submit-input:disabled{cursor:not-allowed;opacity:.7}input.submit-input{height:auto;line-height:normal;margin:0;padding-bottom:12px;padding-top:12px;vertical-align:middle}textarea.submit-input{word-wrap:break-word;line-height:1.4;min-height:24px;overflow-y:hidden;resize:none;white-space:pre-wrap}.submit-send-button{align-items:center;background:linear-gradient(135deg,var(--primary-main),var(--primary-dark));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;margin:0 4px 0 8px;transition:all .2s ease;width:36px}.submit-send-button:hover{box-shadow:0 4px 12px #4a90e24d;transform:scale(1.05)}.submit-send-button:active{transform:scale(.95)}.submit-send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.submit-loading{align-items:center;display:flex;height:36px;justify-content:center;margin:0 4px 0 8px;width:36px}.submit-loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--gray-2);border:2px solid var(--gray-2);border-radius:50%;border-top-color:var(--primary-main);height:20px;width:20px}.add-card-content{align-items:center;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 140px);margin:0 auto;max-width:800px;min-height:0;overflow:hidden;padding:20px;width:100%}.bottom-panel-container{bottom:0;position:fixed;width:100%}.deck-selection-container{align-items:center;display:flex;flex-direction:row;gap:10px}.deck-dropdown{width:300px}.input-container{align-items:center;display:flex;flex-direction:column;gap:5px;width:100%}.phrase-input{border:1px solid #ccc;border-radius:10px;font-size:1rem;margin:0;width:calc(100% - 100px)}.action-buttons{align-items:center;display:flex;gap:10px}.add-cards-button{min-width:200px;white-space:nowrap}.add-card-loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--gray-2);border:2px solid var(--gray-2);border-radius:50%;border-top-color:var(--primary-main);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.translation-list{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:800px;min-height:0;overflow-y:auto;padding-top:10px;width:100%}.translation-list-header{max-width:100%;text-align:left;width:750px}.cards-section{display:flex;flex:1 1;flex-direction:column;max-height:100%;min-height:0;overflow:hidden;padding-bottom:10px}.translation-item{align-items:center;cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-height:80px;padding:20px 24px;transition:transform .3s ease;width:750px}.translation-item:hover{transform:translateY(-3px)}.translation-item.selected{background-color:var(--highlight-main)}.translation-details{display:flex;flex-direction:column;flex-grow:1;gap:4px}.formality,.phonetic{color:var(--text-secondary);font-size:.9rem;margin-top:0}.translation-list::-webkit-scrollbar{width:8px}.translation-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.translation-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.translation-list::-webkit-scrollbar-thumb:hover{background:#555}.tabs-and-clear-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:10px;width:100%}.card-generation-tabs{background:var(--gray-0);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:4px}.tab-button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.tab-button:hover{background:#ffffff80;color:var(--text-primary)}.tab-button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:var(--primary-main);font-weight:600}.clear-button{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:22px;color:var(--primary-main);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:500;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease;white-space:nowrap}.clear-button:hover:not(:disabled){background-color:#0000000a;border-color:var(--primary-main)}.clear-button:disabled{cursor:not-allowed;opacity:.5}.manual-input-container{display:flex;flex-direction:column;gap:15px;width:100%}.manual-input-container .submit-input-wrapper{margin-bottom:0}.youtube-container{display:flex;flex-direction:column;gap:15px;width:100%}.youtube-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.youtube-controls .material-dropdown{flex:1 1;max-width:200px;min-width:140px}.generated-card-text{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:0}.generated-card-translation{color:var(--text-secondary);font-size:.95rem;margin-top:0}@media (max-width:768px){.add-card-header{align-items:center;flex-direction:row;gap:10px;height:auto}.add-card-content{gap:12px;height:calc(100vh - 200px);max-height:75vh;padding:15px}.deck-dropdown{width:200px}.translation-item,.translation-list-header{max-width:100%;width:calc(100vw - 60px)}.tabs-and-clear-container{align-items:center;flex-direction:row;gap:12px;justify-content:center}.card-generation-tabs{margin-bottom:0}.tab-button{font-size:.85rem;padding:8px 10px}.clear-button{flex-shrink:0;font-size:.85rem;height:36px;min-width:80px;padding:0 16px}.youtube-controls{flex-direction:row;gap:15px;justify-content:center;padding:0 10px}.youtube-controls .material-dropdown{max-width:150px;min-width:120px}.cards-section{padding-bottom:20px}.translation-list{padding-bottom:30px}}.phn-data-table{border-collapse:collapse;height:80%;table-layout:fixed;width:100%}.phn-data-table tbody{display:block;height:calc(100% - 40px);overflow-y:auto;width:100%}.phn-data-table thead,.phn-data-table-row{display:table;height:40px;table-layout:fixed;width:100%}.phn-data-table-row{cursor:pointer}.phn-data-table td,.phn-data-table th{font-size:.8rem;padding:10px}.phn-data-table-index{text-align:center;width:30px}.phn-data-table-header{background-color:#f2f2f2;font-weight:700;text-align:left}.phn-data-table-row:hover{background-color:#f1f1f1}.phn-data-table-row.selected{background-color:var(--highlight-main)}.phn-data-table-pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.phn-data-table-pagination button{background-color:var(--primary-main);border:none;border-radius:30px;color:#fff;cursor:pointer;margin:0 10px;padding:8px 16px}.phn-data-table-pagination button:disabled{background-color:var(--gray-1);cursor:not-allowed}.phn-data-table-pagination span{font-size:14px}@media (max-width:768px){.phn-data-table td,.phn-data-table th{font-size:.6rem;padding:5px}}.cards-data-table-container{height:63vh}.cards-deck-select{width:300px}.cards-deck-select .MuiInputBase-root{height:42px}.cards-deck-select .MuiFormControl-root{margin-bottom:0}@media (max-width:768px){.cards-data-table-container{height:62vh}.card-action-button{font-size:1rem}.cards-deck-select{min-width:150px}}.create-story-header{margin-bottom:3rem;text-align:center}.create-story-subtitle{color:var(--gray-3);font-size:1.1rem;margin-top:.5rem}.create-story-form-container{margin:1rem auto 0;max-width:800px}.create-story-form,.create-story-form-container{display:flex;flex-direction:column;gap:2rem}.create-story-section{display:flex;flex-direction:column;gap:.75rem}.create-story-label{align-items:center;color:var(--gray-5);display:flex;flex-direction:row;font-size:1.1rem;font-weight:600;gap:1rem;margin-bottom:.25rem}.vocab-warning-inline{animation:fadeInWarning .3s ease-in;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#d97706;font-size:.8rem;font-weight:500;margin:0;padding:.25rem .75rem;transition:all .2s ease;white-space:nowrap}.vocab-warning-inline:hover{background:#fde68a;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@keyframes fadeInWarning{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.create-story-selections{display:flex;flex-direction:row;flex-wrap:wrap;gap:.375rem;justify-content:flex-start}.create-story-selections-item{background:#fff;border:2px solid var(--gray-1);border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;flex:0 1 auto;font-size:.95rem;font-weight:500;min-width:110px;padding:.875rem 1.25rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.create-story-selections-item:hover:not(.disabled){background:var(--primary-light);border-color:var(--primary-main);box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.create-story-selections-item.active{background:var(--primary-main);border-color:var(--primary-main);box-shadow:0 2px 6px #00967d4d;color:#fff;transform:translateY(-1px)}.create-story-selections-item.disabled{background:var(--gray-0);color:var(--gray-3);cursor:not-allowed;opacity:.5}.create-story-section .voice-dropdowns{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.create-story-actions{border-top:1px solid var(--gray-1);display:flex;justify-content:center;padding-top:1rem}.create-story-create-btn{font-size:1.1rem;font-weight:600;min-width:200px;padding:.875rem 2.5rem}.translate-input-wrapper{align-items:center;background-color:#fff;border:2px solid var(--gray-1);border-radius:25px;box-shadow:0 2px 8px #0000001a;display:flex;padding:4px;position:relative;transition:all .2s ease;width:100%}.translate-input-wrapper:focus-within{border-color:var(--primary-main);box-shadow:0 4px 12px #00000026}.translate-input{background:#0000;border:none;border-radius:20px;color:var(--gray-5);flex:1 1;font-size:1rem;outline:none;padding:12px 20px}.translate-input::placeholder{color:var(--gray-3);font-weight:400}@media (max-width:768px){.create-story-form-container{max-width:100%;padding:0 1rem}.create-story-header{margin-bottom:2.5rem;padding:0 .5rem}.create-story-header h1{font-size:2rem}.create-story-form{gap:1.25rem}.create-story-section{gap:.5rem}.create-story-label{align-items:center;flex-direction:row;font-size:1rem;gap:.75rem}.vocab-warning-inline{border-radius:10px;font-size:.75rem;margin:0;padding:.2rem .6rem}.create-story-selections{gap:.375rem}.create-story-selections-item{border-radius:10px;flex-basis:calc(50% - 0.1875rem);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:0;padding:.75rem .5rem}.translate-input-wrapper{border-radius:20px;box-sizing:border-box;margin:0;width:100%}.translate-input{box-sizing:border-box;font-size:.95rem;padding:12px 16px;width:100%}.create-story-section .voice-dropdowns{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:.75rem}.create-story-section .voice-dropdowns .speed-dropdown,.create-story-section .voice-dropdowns .voice-dropdown{flex:1 1;min-width:120px}.create-story-actions{align-items:center;flex-direction:column;gap:.75rem;padding-top:1.5rem}.create-story-create-btn{font-size:1rem;max-width:300px;padding:.875rem 2rem;width:100%}}@media (max-width:480px){.create-story-form-container{padding:0 .75rem}.create-story-header{margin-bottom:2rem;text-align:center}.create-story-header h1{font-size:1.75rem;padding:0}.create-story-subtitle{font-size:.95rem}.create-story-form{gap:1rem}.create-story-section{gap:.375rem}.create-story-label{font-size:.95rem;gap:.5rem}.vocab-warning-inline{border-radius:10px;font-size:.75rem;margin:0;padding:.2rem .6rem}.create-story-selections{gap:.25rem}.create-story-selections-item{border-radius:10px;flex:1 1;font-size:.8rem;min-width:0;padding:.75rem .375rem;text-align:center}.translate-input-wrapper{border-radius:18px;margin:0;padding:3px}.translate-input,.translate-input-wrapper{box-sizing:border-box;max-width:100%;width:100%}.translate-input{font-size:.9rem;padding:10px 14px}.create-story-section .voice-dropdowns{flex-direction:row;gap:.5rem}.create-story-section .voice-dropdowns .speed-dropdown,.create-story-section .voice-dropdowns .voice-dropdown{flex:1 1;min-width:100px}.create-story-actions{gap:.625rem;padding-top:1.25rem}.create-story-create-btn{font-size:.95rem;max-width:280px;padding:1rem 2rem}}@media (max-width:360px){.create-story-form-container{padding:0 .5rem}.create-story-header h1{font-size:1.5rem}.create-story-subtitle{font-size:.9rem}.create-story-form{gap:.875rem}.create-story-section{gap:.25rem}.create-story-label{font-size:.9rem}.create-story-selections{gap:.1875rem}.create-story-selections-item{flex:1 1;font-size:.75rem;min-height:44px;min-width:0;padding:.75rem .25rem}.translate-input-wrapper{border-radius:16px;margin:0;padding:2px}.translate-input,.translate-input-wrapper{box-sizing:border-box;max-width:100%;width:100%}.translate-input{font-size:.85rem;padding:10px 12px}.create-story-section .voice-dropdowns{gap:.375rem}.create-story-section .voice-dropdowns .speed-dropdown,.create-story-section .voice-dropdowns .voice-dropdown{min-width:90px}.create-story-create-btn{font-size:.9rem;max-width:260px;min-height:48px;padding:1.125rem 1.5rem}}@media (max-width:768px){.create-story-selections-item{align-items:center;display:flex;justify-content:center;min-height:44px}.create-story-section .voice-dropdowns .speed-dropdown,.create-story-section .voice-dropdowns .voice-dropdown{width:100%}}.dashboard-content{width:50%}.dashboard-keep-reading,.dashboard-todays-review{height:calc(50% - 10px);width:100%}.dashboard-review-squares{display:flex;flex-direction:row;gap:15px;height:80%;margin-top:10px;overflow-x:auto;overflow-y:hidden;padding:10px;white-space:nowrap}.dashboard-review-square{align-items:center;aspect-ratio:1/1;color:var(--gray-5);cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:10px;height:100%;justify-content:center;text-align:center;transition:transform .2s ease-in-out}.dashboard-review-square:hover{transform:translateY(-3px)}.dashboard-review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dashboard-review-list{display:flex;flex-direction:column;gap:10px;height:calc(100% - 50px);margin-top:10px;overflow-y:auto;padding-top:5px}.dashboard-review-item{cursor:pointer;transition:transform .2s ease-in-out;width:100%}.dashboard-review-item:hover{transform:translateY(-3px)}.dashboard-review-item-content{align-items:center;display:flex;justify-content:space-between}.dashboard-review-name{align-items:center;color:var(--gray-5);display:flex;font-size:1.1rem;font-weight:700;margin-right:5px;overflow:hidden;white-space:pre-wrap}.dashboard-review-details{display:flex;font-size:1.6rem;font-weight:700;gap:20px}.dashboard-review-details span{display:block;font-weight:700}.dashboard-new-cards{color:#28a745}.dashboard-review-cards{color:#007bff}.dashboard-learning-cards{color:#dc6a35}.dashboard-no-stories,.dashboard-review-complete{align-items:center;color:gray;display:flex;flex-direction:column;font-weight:700;height:80%;justify-content:center;text-align:center}.dashboard-no-stories h2,.dashboard-review-complete h2{font-size:2.5rem}.dashboard-empty-state-button{background-color:initial;border:2px solid var(--primary-main);color:var(--primary-main);font-size:1rem;margin-top:1rem;padding:10px 20px}.dashboard-empty-state-button:hover{background-color:var(--primary-main);color:#fff}.dashboard-stories-list{align-items:center;display:flex;flex-direction:column;gap:10px;height:calc(100% - 40px);margin-top:10px;overflow-y:auto;padding-top:5px}.dashboard-story-item{cursor:pointer;transition:transform .2s ease-in-out;width:100%}.dashboard-story-item:hover{transform:translateY(-3px)}.dashboard-story-title{align-items:left;display:flex;flex-direction:column;gap:5px}.dashboard-story-title-main{font-size:1.4rem;font-weight:700}.dashboard-story-title-sub{font-size:.8rem}.dashboard-stats{display:flex;flex-direction:column;gap:20px;height:100%;padding-bottom:40px;width:100%}.dashboard-cards-reviewed-stats,.dashboard-vocab-size-stats{align-items:center;border-radius:20px;display:flex;flex-direction:column;height:calc(50% - 10px);width:100%}.dashboard-stats-empty-state{align-items:center;color:var(--gray-3);display:flex;flex-direction:column;height:80%;justify-content:center;padding:20px;text-align:center}.dashboard-stats-empty-state h3{color:var(--gray-4);font-size:1.2rem;font-weight:700;margin-bottom:8px}.dashboard-stats-empty-state p{font-size:.9rem;line-height:1.4;margin:0;opacity:.8}.floating-action-menu{bottom:2rem;position:fixed;right:2rem;z-index:1000}.phn-page-container .fab-button{align-items:center;background-color:var(--primary-main)!important;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;width:56px}.fab-icon{font-size:24px;transition:transform .3s ease}.fab-icon.rotate{transform:rotate(45deg)}.fab-menu{bottom:70px;display:flex;flex-direction:column;gap:.75rem;position:absolute;right:0;width:180px}.fab-menu-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:30px;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.75rem;padding:1.25rem 1.5rem;white-space:nowrap}.fab-menu-item:hover{background-color:#f8f9fa}.fab-menu-item.disabled{color:#999;cursor:not-allowed;opacity:.5}.fab-menu-item.disabled:hover{background-color:#fff;transform:none}.study-all-button{font-size:1.2rem;padding:8px 16px}@media (max-width:768px){.dashboard-content{width:100%}.dashboard-keep-reading,.dashboard-todays-review{height:250px}.dashboard-keep-reading h2,.dashboard-stats h2,.dashboard-todays-review h2{font-size:1.2rem}.dashboard-review-list{height:calc(100% - 40px)}.dashboard-stories-list{height:calc(100% - 30px)}.dashboard-no-stories h2,.dashboard-review-complete h2{font-size:1.8rem}.dashboard-review-language,.dashboard-review-squares{margin-top:10px}.dashboard-review-name{font-size:1rem}.dashboard-review-details{font-size:1.4rem;gap:15px}.dashboard-story-title-main{font-size:1rem}.dashboard-story-title-sub{font-size:.7rem}.study-all-button{font-size:1rem;padding:6px 12px}.dashboard-stats{height:500px}.dashboard-stats-empty-state h3{font-size:1rem}.dashboard-stats-empty-state p{font-size:.8rem}}.create-deck-button{font-size:1rem}@media (max-width:768px){.create-deck-button{font-size:.8rem}}.starter-decks-container{margin-bottom:15px;max-height:300px;overflow-y:auto}.starter-decks-grid{grid-gap:10px;display:grid;gap:10px}.starter-deck-card{background-color:var(--gray-0);border:2px solid #0000;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s ease}.starter-deck-card:hover{background-color:var(--gray-1)}.starter-deck-card.selected{background-color:#00b59633;border-color:var(--primary-main);color:var(--gray-5)}.starter-deck-card h3{margin-bottom:5px;margin-top:0}.starter-deck-card p{color:var(--gray-4);font-size:.9rem;margin:0}.starter-deck-card.selected p{color:var(--gray-4)}.phn-card-types-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.phn-card-type-chip{align-items:center;background-color:#f0f0f0;border-radius:20px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.phn-card-type-chip:hover{background-color:#e0e0e0}.phn-card-type-chip.selected{background-color:var(--primary-main);color:#fff}.phn-check-icon{color:#fff;font-size:14px;margin-left:8px}.decks-loading{align-items:center;display:flex;height:200px;justify-content:center}.decks-deck-items{display:flex;flex-direction:column;gap:10px;height:80%;overflow-x:hidden;overflow-y:scroll;padding-top:10px;width:100%}.decks-deck-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;transition:transform .2s ease-in-out;width:100%}.decks-deck-item:hover{transform:translateY(-3px)}.decks-item-buttons{align-items:center;display:flex;flex-direction:row;gap:10px}.decks-deck-name{font-size:1.2rem;margin:0}.delete-deck-popup{width:300px}.login-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-title{color:var(--primary-main);font-size:1.8rem;font-weight:400;margin-bottom:20px;text-align:center}.login-form{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-width:400px;padding:40px;width:100%}.login-input-group{display:flex;justify-content:center;margin-bottom:15px;width:100%}.login-input-field{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:1rem;width:100%}.login-submit-button{background-color:var(--primary-main);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 20px;text-align:center;transition:background-color .3s ease;width:100%}.login-submit-button:hover{background-color:var(--primary-light)}.login-submit-button[disabled]{background-color:#ccc;cursor:not-allowed}.login-submit-button[disabled]:hover{background-color:#ccc}.login-signup-link-container{font-size:1rem;margin-top:10px;text-align:center;width:100%}.login-signup-link{color:var(--primary-main);text-decoration:none}.login-signup-link:hover{text-decoration:underline}.strikethrough-line{align-items:center;display:flex;margin:20px 0;text-align:center;width:100%}.strikethrough-line:after,.strikethrough-line:before{border-bottom:1px solid #000;content:"";flex:1 1;margin:0 10px}.strikethrough-line span{color:var(--gray-5);font-size:16px;font-weight:700;padding:0 10px}.google-login{display:flex;justify-content:center;width:100%}.google-login-button{background-color:#3831ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:10px;padding:12px;transition:background-color .3s ease;width:100%}.google-login button:hover{background-color:#5f5aff}.google-icon{margin-right:10px}.login-error-message{color:red;font-size:1rem;margin-top:20px;text-align:center}@media (max-width:768px){.login-form{max-width:350px}}.payment-container{align-items:center;background-color:#f3f3f3;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px}.payment-title{font-size:3rem;margin-bottom:20px}.payment-free-trial-text,.payment-title{color:var(--primary-main);text-align:center}.payment-free-trial-text{font-size:1.2rem;margin-bottom:60px}.payment-cards{gap:30px;justify-content:center}.payment-card,.payment-cards{align-items:center;display:flex}.payment-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;flex-direction:column;height:350px;justify-content:space-between;padding:40px;text-align:center;width:300px}.payment-featured{border:2px solid var(--primary-main);height:400px;position:relative;z-index:1}.payment-featured:hover{border-color:var(--primary-light)}.payment-featured-label{background-color:var(--primary-main);border-radius:20px;color:#fff;font-size:1rem;font-weight:700;left:50%;padding:5px 15px;position:absolute;top:-12px;transform:translateX(-50%);transition:background-color .3s ease}.payment-featured:hover .payment-featured-label{background-color:var(--primary-light)}.payment-card h2{color:var(--primary-main);font-size:2rem}.payment-price-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.payment-original-price{color:var(--gray-5);font-size:1.2rem;text-decoration:line-through}.payment-price{color:var(--gray-5);font-size:3rem;font-weight:700}.payment-price-per-month{color:var(--gray-5);font-size:1.2rem}.payment-price-per-month span{font-size:1rem;font-weight:400}.payment-savings{color:green;font-size:1.2rem;margin-bottom:20px}.payment-button{background-color:var(--primary-main);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:background-color .3s ease}.payment-button:hover{background-color:var(--primary-light)}@media (max-width:768px){.payment-container{padding:20px}.payment-title{font-size:2.2rem;margin-bottom:20px;margin-top:40px}.payment-cards{align-items:center;flex-direction:column;gap:30px}.payment-card{height:320px;width:300px}.payment-featured{height:370px}.payment-free-trial-text{font-size:1rem;margin-bottom:40px}}.tooltip-container{align-items:center;cursor:pointer;display:inline-block;display:flex;flex-direction:column;position:relative}.tooltip{background-color:var(--gray-0);border:2px solid;border-color:var(--gray-4);border-radius:15px;color:#000;flex-direction:row;gap:7px;padding:10px;position:fixed;transform:translate(-50%,-100%);z-index:1000}.tooltip,.tooltip-save,.tooltip-words{align-items:center;display:flex;text-align:center}.tooltip-save,.tooltip-words{flex-direction:column}.tooltip-save:hover{transform:scale(1.2)}.tooltip-save{background-color:initial;color:#fff}.tooltip-save-icon{font-size:1.4rem;margin-bottom:3px}.tooltip-save-name{font-size:.8rem}.tooltip-word{font-size:1.4rem;font-weight:400}.tooltip-phonetic{font-size:.9rem;font-weight:400}.tooltip-translation{font-size:1.2rem;font-weight:400}.tooltip-content{align-items:center;display:flex;flex-direction:column;text-align:center}.tooltip-content-word{font-weight:400;padding:0 2px}.tooltip-content-word:hover{background-color:#69d4ec4d;border-radius:5px}.tooltip-content-word.highlight{background-color:var(--highlight-main);border-radius:5px}.tooltip-content-phonetic.large{font-size:.9rem;font-weight:400}.tooltip-content-phonetic.small{font-size:.7rem;font-weight:400}.tooltip-content-word.large{font-size:1.8rem}.tooltip-content-word.small{font-size:1.6rem}@media (max-width:768px){.tooltip-content-phonetic.large{font-size:.7rem}.tooltip-content-phonetic.small{font-size:.6rem}.tooltip-content-word.large{font-size:1.4rem}.tooltip-content-word.small{font-size:1.2rem}}.passage{display:flex;flex-direction:row;flex-wrap:wrap}.passage-word{font-weight:400}.passage-word.large{font-size:1.8rem}.passage-word.small{font-size:1.6rem}.passage-phonetic.large{font-size:.9rem;font-weight:400}.passage-phonetic.small{font-size:.7rem;font-weight:400}.passage-content{align-items:center;display:flex;flex-direction:column;text-align:center}@media (max-width:768px){.passage-word.large{font-size:1.4rem}.passage-word.small{font-size:1.2rem}.passage-phonetic.large{font-size:.7rem}.passage-phonetic.small{font-size:.6rem}}.read-story-container{display:flex;flex-direction:column;height:100vh;padding:20px}.read-story-container h1{margin-bottom:5px}.read-story-container h2{font-size:1rem;font-weight:400;margin-bottom:15px;margin-top:0}.read-story-content-container{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:10px;margin-top:0;min-height:0;overflow:hidden;width:100%}.story-section,.translation-section{background-color:#fff;border:2px solid var(--gray-1);border-radius:15px;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:scroll;padding:15px;width:100%}.story-section.small,.translation-section.small{height:100%;width:calc(50% - 5px)}.translation-section:not(.small){display:none}.story-line,.translation-line{align-items:center;background-color:initial;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:15px;padding:8px 15px;text-align:left}.story-line.selected,.translation-line.selected{background-color:#a0d7ff;border-radius:8px}.translation-text{display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.3rem;margin-left:0;text-align:left}.toggle-button{background:none;border:none;border-radius:5px;color:var(--gray-4);cursor:pointer;font-size:2.2rem;line-height:0;padding:4px}.toggle-button:hover{background-color:var(--gray-0);color:var(--primary-main)}.toggle-button.active{background-color:var(--primary-main);color:#fff}.toggle-button.active:hover{background-color:var(--primary-dark)}.audio-player{align-items:center;border-top:1px solid var(--gray-1);display:flex;flex-direction:row;gap:15px;margin-top:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:100%}.audio-toggle-button{align-items:center;background-color:initial;border:none;color:var(--primary-main);cursor:pointer;display:flex;flex-shrink:0;font-size:2.5rem;justify-content:center;margin-right:0;padding:0;transition:color .3s}.audio-toggle-button:hover{color:var(--primary-light)}.audio-controls{align-items:center;display:flex;flex-grow:1;min-width:0}.audio-progress{accent-color:var(--primary-main);background:var(--gray-1);border-radius:4px;cursor:pointer;height:8px;margin:0;padding:0;width:100%}.audio-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-main);border-radius:50%;cursor:pointer;height:16px;width:16px}.audio-progress::-moz-range-thumb{background:var(--primary-main);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.audio-time{color:#333;font-size:.8rem;margin-left:8px;min-width:auto;text-align:right;white-space:nowrap}.horizontal-toggle-buttons{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:center}@media (max-width:768px){.read-story-container{height:calc(100vh - 60px);padding:10px}.read-story-container h1{font-size:1.5rem}.read-story-container h2{font-size:.9rem;margin-bottom:10px}.read-story-content-container{flex-direction:column;gap:10px;margin-top:0}.story-section,.translation-section{height:100%;width:100%}.story-section.small,.translation-section.small{height:calc(50% - 5px);width:100%}.toggle-button{font-size:2.2rem}.audio-player{gap:10px;margin-top:5px;padding-top:5px}.audio-toggle-button{font-size:2.5rem}.audio-time{font-size:.75rem}.horizontal-toggle-buttons{gap:5px}}.review-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.progress-bar{background-color:#6a6a6a;color:#fff;display:flex;font-weight:700;height:30px;text-align:center;width:100%}.fail-progress,.pass-progress,.uncomplete-progress{height:100%;padding-top:5px;text-align:center}.fail-progress,.pass-progress{transition:width .3s ease-in-out;width:1%}.pass-progress{background-color:#28a745}.fail-progress{background-color:#dc3545}.card-container{align-items:center;display:flex;height:calc(100vh - 190px);justify-content:center;width:100%}.card-display{max-height:90%;max-width:90%;position:relative}.card-content{box-sizing:border-box;margin:40px auto;min-width:300px;width:90%}.card-back,.card-content,.card-front{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:100%}.card-back,.card-front{color:#333;font-weight:700;width:100%}.card-back{border-top:2px solid #e0e0e0;margin-top:10px;padding-top:10px;position:relative}.layout-row{display:flex;flex-wrap:wrap;width:100%}.card-field,.layout-row{align-items:center;justify-content:center;max-width:100%;text-align:center}.card-field{word-wrap:break-word;box-sizing:border-box;font-size:1.6rem;font-weight:400;overflow-wrap:break-word;padding:5px}.review-card-actions{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:space-between;padding:10px;width:100%}.review-card-progress{color:var(--primary-main);font-size:1.5rem;font-weight:700}.button-container{background-color:#fff;display:flex;flex-direction:row;font-weight:700;text-align:center;width:100%}.fail-button,.pass-button,.show-answer-button{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:2rem;font-weight:700;gap:20px;height:100px;justify-content:center;transition:background-color .3s ease}.show-answer-button{background-color:var(--primary-main);width:100%}.show-answer-button:hover{background-color:var(--primary-light)}.fail-button,.pass-button{width:50%}.pass-button{background-color:#28a745}.pass-button:hover{background-color:#218838}.pass-button:disabled{background-color:#6da57a}.fail-button{background-color:#dc3545}.fail-button:hover{background-color:#c82333}.fail-button:disabled{background-color:#b68288}.menu-container{position:absolute;right:20px;top:20px}.menu-toggle{background:none;border:none;color:#333;cursor:pointer;font-size:1.2rem}.menu-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;bottom:100%;box-shadow:0 2px 10px #0000001a;min-width:200px;position:absolute;right:0;z-index:1000}.menu-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.menu-item:last-child{border-bottom:none}.menu-item span{color:#333;font-size:.9rem}.icon-button{background:none;border:none;color:var(--primary-main);cursor:pointer;font-size:1.4rem;padding:5px}.icon-button:hover{color:var(--primary-light)}.review-complete-container{align-items:center;display:flex;flex-direction:column;font-size:2rem;gap:40px;justify-content:center;margin-top:20px;padding:20px;width:100%}.review-stats{display:flex;gap:40px}.stat-group{background:#f5f5f5;border-radius:10px;min-width:300px;padding:20px}.stat-group h3{color:var(--primary-main);font-size:1.5rem;margin-bottom:15px}.stat-item{display:flex;font-size:1.3rem;justify-content:space-between;margin:10px 0}.stat-value{font-weight:700}.stat-value.success{color:#28a745}.stat-value.error{color:#dc3545}.review-actions{display:flex;gap:20px}.review-action-button{background-color:var(--primary-main);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.review-action-button:hover{background-color:var(--primary-light);transform:translateY(-2px)}@media (max-width:768px){.review-page{height:calc(100vh - 60px)}.card-container{height:calc(100vh - 250px);padding:5px}.card-display{box-sizing:border-box;width:90%}.card-field,.review-card-progress{font-size:1.2rem}.card-content{box-sizing:border-box;margin:20px auto;padding:0 10px;width:95%}.card-back,.card-front,.layout-row{box-sizing:border-box;max-width:100%;width:100%}.layout-row{flex-wrap:wrap}.card-field{word-wrap:break-word;box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word}.review-complete-container{font-size:1.5rem;gap:20px;margin-top:0;padding:40px}.review-stats{flex-direction:column;gap:10px;margin:10px;width:100%}.stat-group{min-width:0;min-width:auto;padding:15px;width:100%}.stat-group h3{font-size:1.2rem;margin-bottom:10px}.stat-item{font-size:1rem;margin:8px 0}.review-action-button{font-size:1.1rem;padding:15px;width:100%}}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.timer-display{align-items:center;background:#fffc;border-radius:12px;color:#666;display:flex;font-size:14px;gap:5px;left:15px;padding:4px 8px;position:absolute;top:15px;z-index:2}.timer-display svg{font-size:12px}.stopwatch-display{left:10px;position:absolute;top:10px;z-index:2}.stopwatch-icon{height:60px;position:relative;width:60px}.stopwatch-icon svg{color:var(--primary-main);font-size:45px;opacity:.8;position:absolute}.stopwatch-time{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--primary-main);font-size:12px;font-weight:700;height:31px;left:7px;position:absolute;top:11px;width:31px}.signup-container,.stopwatch-time{align-items:center;display:flex;justify-content:center}.signup-container{background-color:#f5f5f5;flex-direction:column;min-height:100vh}.signup-form{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-width:400px;padding:40px;width:100%}.signup-title{color:var(--primary-main);font-size:1.8rem;font-weight:400;margin-bottom:20px;text-align:center}.signup-input-group{display:flex;flex-direction:column;margin-bottom:15px;width:100%}.signup-input-group input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.signup-password-strength{color:red;font-size:.7rem;margin-top:5px;text-align:center}.signup-password-confirm{position:relative;width:100%}.signup-password-match{position:absolute;right:10px;top:60%;transform:translateY(-50%)}.signup-green-check{color:green}.signup-red-cross{color:red}.signup-terms{align-items:flex-start;display:flex;margin-bottom:15px;width:100%}.signup-terms input[type=checkbox]{margin-right:10px;margin-top:3px;width:auto}.signup-terms label{flex:1 1;flex-direction:row;font-size:.9rem;gap:5px;line-height:1.4}.signup-terms a{color:var(--primary-main);text-decoration:none}.signup-terms a:hover{text-decoration:underline}.signup-submit-button{background-color:var(--primary-main);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 20px;transition:background-color .3s ease;width:100%}.signup-submit-button:hover{background-color:var(--primary-light)}.signup-submit-button[disabled]{background-color:#ccc;cursor:not-allowed}.signup-error-message{color:red;font-size:1rem;margin-top:10px;text-align:center}.signup-login-link-container{font-size:1rem;margin-top:20px;text-align:center;width:100%}.signup-login-link{color:var(--primary-main);text-decoration:none}.signup-login-link:hover{text-decoration:underline}.signup-success{background-color:#e6ffe6;border-radius:10px;padding:20px;text-align:center}.signup-success h2{color:#4caf50;margin-bottom:15px}.signup-continue-button{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.signup-continue-button:hover{background-color:#45a049}.signup-strikethrough-line{align-items:center;display:flex;margin:20px 0;text-align:center;width:100%}.signup-strikethrough-line:after,.signup-strikethrough-line:before{border-bottom:1px solid #000;content:"";flex:1 1;margin:0 10px}.signup-strikethrough-line span{color:var(--gray-5);font-size:16px;font-weight:700;padding:0 10px}.signup-google,.signup-google-button{display:flex;justify-content:center;width:100%}.signup-google-button{align-items:center;background-color:#3831ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:10px;padding:12px;transition:background-color .3s ease}.signup-google-button:hover{background-color:#5f5aff}.signup-google-icon{margin-right:10px}@media (max-width:768px){.signup-form{max-width:350px}}.stories-story-items{display:flex;flex-direction:column;gap:10px;height:100%;overflow-x:hidden;overflow-y:scroll;padding-top:10px;width:100%}.stories-story-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;transition:transform .2s ease-in-out}.stories-story-item:hover{transform:translateY(-3px)}.stories-story-item.disabled{background-color:var(--gray-1);cursor:not-allowed}.stories-story-item.error{background-color:#ff00001a;border:1px solid #ff00004d;cursor:not-allowed}.stories-story-title.error{color:#dc3545}.stories-loading{align-items:center;display:flex;height:200px;justify-content:center}.stories-story-title{align-items:left;display:flex;flex-direction:column;gap:5px}.stories-story-title-main{font-size:1.6rem;font-weight:700}.stories-story-title-sub{font-size:.9rem}.stories-item-buttons{align-items:center;display:flex;flex-direction:row;gap:10px}.stories-story-name{font-size:1.2rem;margin:0}.stories-delete-confirmation{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.stories-confirmation-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center}.stories-confirmation-content h2{margin-top:0}.stories-confirmation-content p{margin:15px 0}.stories-cancel-button,.stories-confirm-button{background-color:var(--primary-main);border:none;border-radius:10px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.stories-cancel-button:hover,.stories-confirm-button:hover{background-color:var(--primary-light)}.stories-cancel-button{background-color:#555}.stories-cancel-button:hover{background-color:#777}.stories-status-and-actions{align-items:center;display:flex;flex-direction:row;gap:15px}.stories-item-buttons .error-trash{color:#dc3545}.stories-generating-status{align-items:center;color:var(--primary-main);display:flex;gap:8px}.stories-loading-spinner{align-items:center;display:flex;justify-content:center}.stories-generating-text{color:var(--primary-main);font-size:.9rem;font-weight:500}@media (max-width:768px){.stories-story-title-main{font-size:1.2rem}.stories-generating-text,.stories-story-title-sub{font-size:.8rem}}.vocab-data-table-container{height:75vh}@media (max-width:768px){.vocab-data-table-container{height:72vh}}
/*# sourceMappingURL=main.4367325b.css.map*/