@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap);:root{--primary-color:#556b2f;--secondary-color:#f1f1f1;--primary-hover-color:#4a5e29;--secondary-hover-color:#e7e7e7;--toolbar-background:#f0f0f0;--toolbar-text-color:#333;--secondary-button-color:#6b8e23}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Raleway,sans-serif}.auth-container{background-color:#f8f8f8;display:flex;height:100vh}.auth-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;padding:2rem}.auth-preview{background-image:url(/static/media/Landingpageimagev2.476cca9b4de5d8aa8a0b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1}.auth-logo{color:#333;font-size:1.5rem;font-weight:700}.auth-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.auth-description{color:#666;line-height:1.5;margin-bottom:2rem;max-width:300px}.auth-button,.auth-description{font-size:.9rem;text-align:center}.auth-button{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-weight:600;margin-bottom:1rem;max-width:400px;padding:.75rem;text-decoration:none;transition:background-color .3s ease,opacity .3s ease;width:100%}.auth-button.button-active,.reset{background-color:#333;color:#fff}.auth-button.button-inactive{background-color:#ccc;color:#666;cursor:not-allowed}.auth-button:hover{opacity:.9}.auth-button:disabled{cursor:not-allowed;opacity:.7}.google-button{align-items:center;border:none;display:flex;justify-content:center}.continue-button,.google-button{background-color:#333;color:#fff}.auth-separator{color:#666;font-size:.9rem;margin:1rem 0;max-width:300px;position:relative;text-align:center;width:100%}.auth-separator:after,.auth-separator:before{background-color:#e0e0e0;content:"";height:1px;position:absolute;top:50%;width:45%}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-main{align-items:center;margin:0 auto}.auth-form,.auth-main{display:flex;flex-direction:column;max-width:400px;width:100%}.auth-form input{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-sizing:border-box;font-family:Raleway,sans-serif;font-size:.9rem;margin-bottom:1rem;padding:.75rem;width:100%}.auth-form input::placeholder{color:#999}.auth-error{color:red;font-size:.9rem}.auth-error,.auth-terms{margin-top:1rem;text-align:center}.auth-terms{color:#666;font-size:.8rem}.auth-link{color:#666;font-size:.9rem;margin-top:1rem}.auth-link a{color:#333;font-weight:600;text-decoration:underline}.auth-link.reset-password{margin-bottom:.5rem;margin-top:.5rem}.auth-link.reset-password a{color:#666;font-size:.8rem;font-weight:400;text-decoration:none}.auth-link.reset-password a:hover{text-decoration:underline}.terms-checkbox{padding-bottom:10px}.terms-checkbox a{color:#666;text-decoration:underline}.terms-text{color:#666;font-size:.8rem;line-height:1.4}.terms-text a{color:#666;font-weight:400;text-decoration:underline}@media (max-width:768px){.auth-container{flex-direction:column}.auth-content{padding:2rem 1rem}.auth-preview{display:none}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-delete-account{background-color:#fff;border-radius:8px;max-width:400px;padding:20px;width:90%}.modal-content h2{color:#333;margin-top:0}.modal-content input{border:1px solid #ccc;border-radius:4px;margin:10px 0;padding:10px}.error-message{color:red;margin:10px 0}.button-group{justify-content:flex-end}.button-group button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px;padding:10px 20px}.cancel-button{background-color:#ccc}.confirm-button{background-color:#ff4136;color:#fff}@media (max-width:480px){.modal-content{padding:15px;width:95%}.button-group button{font-size:12px;padding:8px 16px}}.tooltip-container{display:inline-block;position:relative}.tooltip-text{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-100px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.home{display:flex;height:100vh}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:20px;width:250px}.logo{font-size:24px;font-weight:700;margin-bottom:30px}.sidebar-menu{flex-grow:1}.menu-item{color:#333;font-size:14px;padding:10px 0}.menu-item.active{font-weight:700}.icon{margin-right:10px}.soon{background-color:#e0e0e0;border-radius:10px;font-size:12px;margin-left:5px;padding:2px 5px}.user-info{align-items:center;cursor:pointer;display:flex;position:relative}.user-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;bottom:100%;box-shadow:0 2px 10px #0000001a;position:absolute;right:0;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:10px 15px;text-align:left;transition:background-color .3s;width:100%}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item svg{margin-right:10px}.delete-account{color:#d32f2f}.home-main-content{background-color:#fff;flex-grow:1;overflow-y:auto;padding:40px;transition:margin-left .3s ease}.home-main-content.toolbar-adjusted{padding-top:80px}.home-main-content.without-sidebar{margin-left:0}.home-main-content h1{font-size:24px;font-weight:400;margin-bottom:10px}.home-main-content h2{font-size:20px;font-weight:700;margin-bottom:20px}.home-tabs-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tabs{border-bottom:2px solid #e0e0e0;display:flex}.tab{border:none;color:#818398;cursor:pointer;font-size:14px;margin-bottom:-2px;padding:8px 16px;position:relative}.tab,.tab:after{background-color:initial;transition:all .3s ease}.tab:after{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.tab.active,.tab:hover{color:#1f2124}.tab.active{font-weight:500}.create-new-deck-button,.tab.active:after{background-color:#1f2124}.create-new-deck-button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.create-new-deck-button:hover{background-color:#2c2f33}.create-new-deck-button:disabled{background-color:#818398;cursor:not-allowed}.create-new-deck-button svg{margin-right:8px}.deck-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.home-deck-card{background-color:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.home-deck-card:hover{border-color:#000}.home-deck-content{flex:1 1}.home-deck-icon{font-size:32px}.home-deck-name{font-size:18px;margin:5px 0 10px}.home-card-count{font-weight:500;margin-bottom:10px}.home-card-count,.home-session-stats{align-items:center;color:#5c5e60;display:flex;font-size:14px}.home-session-stats{margin:-10px 0}.card-counts{align-items:center;display:flex;gap:5px}.home-deck-stats{color:#999;display:flex;font-size:12px;justify-content:space-between;margin-bottom:15px}.home-edit-button{right:10px}.home-delete-button,.home-edit-button{background:none;background-color:#f8f8f9;border:none;border-radius:50%;color:#000;cursor:pointer;opacity:0;padding:5px;position:absolute;top:10px;transition:all .3s ease}.home-delete-button{right:50px}.home-deck-card:hover .home-delete-button,.home-deck-card:hover .home-edit-button{opacity:1}.home-edit-button:hover{background-color:#000;color:#fff}.home-delete-button:hover{background-color:#ba2e21;color:#fff}.home-play-button{align-items:center;background-color:#1c1e20;border:none;border-radius:50%;bottom:20px;box-sizing:border-box;color:#f8f8f9;cursor:pointer;display:flex;height:32px;justify-content:center;padding:5px;position:absolute;right:20px;transition:all .3s ease;width:32px}.home-play-button:hover{opacity:.8}.loading,.unauthorized{align-items:center;color:#555;display:flex;font-size:1.5rem;height:100vh;justify-content:center}.toggle-sidebar{align-items:center;background-color:initial;border:none;border-radius:5px;color:#333;cursor:pointer;display:flex;padding:8px 16px;transition:all .3s ease}.toggle-sidebar:hover{background-color:#ccc}.home-deck-card{position:relative}.emoji-picker-wrapper{left:0;position:absolute;top:30%;z-index:1000}.home-deck-icon{cursor:pointer;max-width:30px;transition:all .3s ease}.home-deck-icon:hover{transform:scale(1.1)}.mastered-badge{background-color:#4caf50;border-radius:10px;color:#fff;font-size:.8em;margin-left:10px;padding:2px 6px}.deck-message{background-color:#ffffffe6}.deck-message button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.deck-message button:hover{background-color:#505356}.auth-logo{cursor:pointer;margin-bottom:2rem}.deck-message{align-items:center;background-color:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;z-index:10}.deck-message p{color:#333;font-size:16px;margin-bottom:15px}.deck-message-buttons{display:flex;gap:10px;justify-content:center}.deck-message-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s,transform .2s}.deck-message-buttons .delete-button{background-color:#d32f2f;color:#fff}.deck-message-buttons .delete-button:hover{background-color:#b71c1c}.deck-message-buttons .cancel-button{background-color:#f8f8f9;color:#000}.deck-message-buttons .cancel-button:hover{background-color:#000;color:#fff}.home-header-name{color:#818398;font-size:larger;font-weight:400;margin-bottom:5px}.home-header-your-decks{color:#1f2124;font-size:30px;font-weight:400;margin-top:5px}.no-decks-container{align-items:center;border:1px solid #e0e1e7;border-radius:8px;display:flex;flex-direction:column;height:50vh;justify-content:center;margin:20px;padding:40px;text-align:center}.brainsnap-logo-no-decks{height:80px;margin-bottom:20px;width:80px}.no-decks-container h2{color:#333;font-size:24px;margin-bottom:20px}.create-deck-button{background-color:#1c1c1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.create-deck-button:hover{background-color:#333}@media (max-width:768px){.emoji-picker-wrapper{left:50%;transform:translateX(-50%)}.home-delete-button,.home-edit-button{background-color:#f8f8f9;opacity:1}.home-deck-card{padding-top:40px}}.create-new-deck{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px}.input-container input{background:#0000;border:none;border-bottom:1px solid #ccc;flex-grow:1;font-size:1.2rem;padding:10px 0;transition:border-color .3s}.input-container input:focus{border-bottom-color:var(--primary-color);outline:none}.input-container input::placeholder{color:#aaa}.enter-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem;padding:0 10px}.create-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.create-button:hover:not(:disabled){background-color:var(--primary-hover-color)}.create-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.input-container input{font-size:1rem}.create-button{font-size:.9rem}}.deck-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0009;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:16px;margin-left:15%;margin-right:15%;max-width:100%;padding:16px}.deck-card-input{font-family:Raleway,sans-serif}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;width:100%}.card-number{color:#6b7280;font-size:12px;font-weight:500}.card-actions{display:flex;gap:8px}.action-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.action-button:hover{color:#111827}.card-content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:100%}.card-side{box-sizing:border-box;gap:8px}.side-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.side-title{color:#374151;font-size:14px;font-weight:500}.card-content-inner{box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.card-textarea{background-color:#f3f4f6;border:none;border-radius:4px;box-sizing:border-box;color:#111827;font-family:Raleway,sans-serif;font-size:14px;height:auto;line-height:1.5;max-height:80px;min-height:24px;overflow-x:hidden;overflow-y:auto;padding:8px 12px;resize:none;white-space:normal;width:100%}.card-textarea::placeholder{color:#9ca3af}.card-textarea:focus{background-color:#fff;box-shadow:0 0 0 2px #f3f4f6;outline:none}.add-image-button label{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:4px}.add-image-button label:hover{color:#111827}.image-container{display:inline-block;margin-top:8px;position:relative}.card-image{border-radius:4px;max-height:200px;max-width:100%;object-fit:contain}.remove-image{align-items:center;background-color:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.error,.loading{color:#ef4444;font-size:12px;line-height:1.5;margin-top:4px;max-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{color:#4b5563}.prompt-bar-container{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;padding:15px 0;position:fixed;transform:translateY(0);transition:all .3s ease;width:100%;z-index:999}.prompt-bar-container.hidden{transform:translateY(100%)}.prompt-bar-container.dragging{background-color:#0f0f0fe6}.prompt-bar{align-items:center;background-color:#000;border:1px solid #333;border-radius:50px;display:flex;max-width:1200px;padding:6px 20px;position:relative;transition:all .3s ease;width:50%}.toggle-prompt-bar{background-color:#000;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;padding:10px;position:fixed;right:20px;transition:background-color .3s ease;z-index:1000}.toggle-prompt-bar:hover{background-color:#333}.mode-dropdown{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:13px;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:1000}.mode-dropdown-toggle{align-items:center;border-radius:15px;display:flex;padding:5px 10px;transition:background-color .3s ease}.mode-dropdown-toggle:hover{background-color:#333}.mode-text{margin-right:5px}.mode-icon{display:none}.mode-dropdown svg{color:#fff;margin-left:5px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.menu-dropdown{background-color:#222;border:1px solid #333;border-radius:5px;box-shadow:0 2px 10px #00000080;min-width:220px;z-index:1000}.menu-item{background-color:#222;color:#fff}.menu-item .label-text{color:#fff}.menu-item.selected{background-color:#333}.menu-item:hover{background-color:#444}.menu-item-content{align-items:center;display:flex}.menu-icon{color:#fff;margin-right:8px;vertical-align:middle}.label{display:flex;flex-direction:column}.label-text{color:#fff;font-weight:500}.promptbar-submenu-description{color:#ccc;font-size:.9rem}.icon{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .3s ease;width:30px}.icon:hover{background-color:#333}.icon-left{margin-right:10px}.icon-right{margin-left:10px}.generate-send{background-color:#fff;border-radius:50%;color:#000;padding:3px}.input-container{align-items:center;display:flex;flex-grow:1;margin-left:140px}.prompt-bar textarea{background-color:initial;border:none;color:#fff;flex-grow:1;font-family:Raleway,sans-serif;font-size:14px;line-height:20px;max-height:80px;min-height:20px;outline:none;overflow-y:auto;padding:0;resize:none;transition:height .3s ease}.prompt-bar textarea::placeholder{color:#e1d4d4;opacity:1}.error-message{color:#f44;font-size:12px;margin-top:5px;text-align:center}.attached-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;max-width:1200px;width:80%}.drag-overlay{align-items:center;background-color:#000000e6;bottom:0;color:#fff;display:flex;font-size:1.5rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1001}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.prompt-bar{padding:4px 8px;width:70%}.input-container{margin-left:100px}.mode-dropdown{left:8px}.mode-text{display:none}.mode-icon{display:inline-flex}.mode-dropdown-toggle{padding:4px}.menu-dropdown{left:-5px;min-width:160px}.menu-item{padding:8px 10px}.promptbar-submenu-description{font-size:.8rem}.icon{height:24px;width:24px}}@media (max-width:480px){.prompt-bar{padding:3px 6px;width:70%}.input-container{margin-left:80px}.mode-dropdown{left:6px}.menu-dropdown{left:-8px;min-width:140px}.menu-item{padding:6px 8px}.promptbar-submenu-description{font-size:.8rem}.icon{height:22px;width:22px}}.deck-view-header-container{align-items:center;display:flex;justify-content:space-between;padding-bottom:20px}.deck-view-back-button{background:none;border:none;cursor:pointer;font-size:24px}.deck-view-title{align-items:center;display:flex;flex-grow:1;font-size:24px;font-weight:600;gap:8px;padding-left:15px}.deck-view-edit-title-button{background:none;border:none;cursor:pointer;font-size:16px}.deck-view-icons{display:flex;gap:16px;margin-left:auto}.deck-view-icon-button{background:none;border:none;cursor:pointer}.deck-view-icon-button-study{align-items:center;background-color:#1c1e20;border:none;border-radius:50%;box-sizing:border-box;color:#f8f8f9;cursor:pointer;display:flex;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:80vh;padding:20px;position:relative;width:80vw}.modal-header{margin-bottom:20px}.modal-header h3{align-items:center;display:flex;font-size:18px;font-weight:600}.modal-header .modal-icon{margin-right:10px}.modal-header .close-button{background:none;border:none;cursor:pointer;font-size:24px}.divider{border-bottom:1px solid #ddd;margin-bottom:20px}.cards-container{flex-grow:1;margin-bottom:20px;overflow-y:auto}.card{align-items:center;background-color:#fff;border-radius:8px;box-sizing:border-box;display:flex;height:150px;justify-content:space-between;margin-bottom:20px;padding:20px}.card-sides{display:flex;flex-grow:1;gap:20px}.card-side{display:flex;flex-direction:column;width:100%}.card-side span{font-weight:700;margin-bottom:5px}.card-input{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;height:100px;padding:8px;resize:none;width:100%}.card-input:focus{border:1px solid #000;outline:none}.delete-card-button{background-color:initial;border:none;color:#000;cursor:pointer;padding:0}.modal-buttons{align-items:center;display:flex;justify-content:space-between}.review-confirm-button{background-color:#000;color:#fff;margin-right:10px}.review-cancel-button,.review-confirm-button{border-radius:50px;cursor:pointer;height:50px;padding:10px;text-align:center;width:150px}.review-cancel-button{background-color:initial;border:1px solid #ddd;color:#000}.confirm-button:hover{background-color:#333}.cancel-button:hover{background-color:#f0f0f0}.deck-view{background-color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px 20px 0}.deck-view-header-extra{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;padding-top:12px;width:70%}.deck-view-card-count{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px}.deck-view-add-card-button{align-items:center;background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:48px;justify-content:center;padding:8px 16px;text-align:center;width:120px}.deck-view-add-card-button:hover{background-color:#333}.deck-view-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.deck-view-cards-container{flex-grow:1;overflow-y:auto;padding:20px 20px 100px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;position:absolute;right:10px;top:50px;width:150px;z-index:1000}.dropdown-menu button{background:none;border:none;cursor:pointer;font-size:14px;padding:10px;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#f0f0f0}.toolbar{background-color:#f8f8f9;box-sizing:border-box;height:65px;justify-content:space-between;padding:.5rem 2rem;position:fixed;width:100%;z-index:1000}.toolbar,.toolbar-left{align-items:center;display:flex}.brainsnap-logo{cursor:pointer;height:30px}.toolbar-center{display:flex;flex-grow:1;justify-content:center}.toolbar-nav{display:flex;gap:1rem}.nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:.5rem;padding:.5rem 1rem;position:relative}.nav-item.active{color:#000;font-weight:500}.nav-item.active:after{background-color:#000;bottom:-15px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-text{font-size:14px}.toolbar-right{align-items:center;display:flex}.user-avatar{border-radius:50%;cursor:pointer;height:32px;margin-right:10px;object-fit:cover;overflow:visible;width:32px}@media (max-width:768px){.toolbar{padding:.5rem 1rem}.brainsnap-logo{height:24px}.nav-text{display:none}.nav-item{padding:.5rem}}.notification{align-items:center;border-radius:50px;bottom:80px;box-shadow:0 2px 4px #0000001a;display:flex;left:50%;opacity:0;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:1000}.notification-success{background-color:#eaf8e1;color:#4caf50}.notification-warning{background-color:#ffc8b4;color:#d32f2f}.notification.visible{opacity:1;transform:translateX(-50%) translateY(-10px)}.notification-icon{margin-right:10px}.notification-message{font-size:1rem}@media (max-width:768px){.notification{bottom:60px;padding:8px 16px}.notification-message{font-size:.9rem}}@media (max-width:480px){.notification{bottom:50px;padding:6px 12px}.notification-message{font-size:.8rem}}.flashcard{margin:50px auto;max-width:900px;position:relative;text-align:center}.flashcard-card.editing{padding:0 20px}.edit-textarea{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:1.2rem;height:80%;outline:none;padding:10px;resize:none;width:100%}.bottom-button-bar{bottom:0;display:flex;justify-content:space-between;left:0;padding:10px 20px;position:absolute;right:0}.bottom-button-bar .btn{align-items:center;border:1px solid #ccc;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:10px 20px}.bottom-button-bar .btn.save{background-color:#000;color:#fff}.bottom-button-bar .btn.cancel{background-color:#ffc8b4;color:#fff}.bottom-button-bar .btn svg{margin-left:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guess-mode-container{align-items:center;background-color:#fff;border-radius:10px 10px 0 0;display:flex;margin:0 auto;max-width:880px;padding:10px;width:100%}.guess-input{border:2px solid #ccc;border-radius:10px;flex:1 1;outline:none;padding:10px;transition:all .3s ease}.guess-input:focus{border-color:none}.flashcard-card.guess-mode{border-radius:0 0 10px 10px;border-top:1px solid #e7e7e8}.flashcard-card{align-items:center;aspect-ratio:4/2;background:#fff;border-radius:10px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;width:100%}.flashcard-card:active{cursor:pointer!important}.flashcard-card.dragging{box-shadow:0 8px 16px #0003}.flashcard-card.show-answer .card-front{display:none}.flashcard-card.show-answer .card-back{display:flex}.card-face{flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:20px}.card-face,.flashcard-content{align-items:center;box-sizing:border-box;display:flex;width:100%}.flashcard-content,.flashcard-content-long-text{flex-grow:1;justify-content:center;max-height:90%;overflow-y:auto;padding:10px;text-align:center}.flashcard-content-long-text{align-items:flex-start;box-sizing:border-box;display:flex;width:100%}.flashcard-content.with-image{display:flex;justify-content:space-between}.card-back{display:none}.text-content{font-size:1rem;line-height:1.5;padding:10px;white-space:pre-wrap;word-break:break-word}.img-container{flex:1 1;margin:10px;max-width:50%;text-align:center}.img-container,.img-container img{max-height:100%;object-fit:contain}.img-container img{border-radius:5px;max-width:100%}.text-container{flex:1 1;margin:10px;text-align:left}.button-group{flex-wrap:nowrap;gap:10px;margin-top:20px}.button-group,.button-group button{display:flex;justify-content:center}.button-group button{align-items:center;border-radius:30px;flex-basis:0;flex-grow:1;flex-shrink:0;max-width:200px;padding:15px 30px}.icon-checkmark{font-size:1.2rem;margin-right:8px;vertical-align:middle}.btn{align-items:center;display:flex;font-size:1rem;justify-content:center;line-height:1;padding:15px 20px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:100%}.btn.fading{opacity:0;pointer-events:none}.not-remember{background-color:#ba2e21;color:#fff}.remember{background-color:#367d5f;color:#fff}.btn.animate-check{animation:checkmark-animation .3s forwards}.btn.animate-swipe{animation:swipe-card .5s forwards}@keyframes swipe-right{to{opacity:0;transform:translateX(150%) rotate(15deg)}}@keyframes swipe-left{to{opacity:0;transform:translateX(-150%) rotate(-15deg)}}.flashcard-card.swiped-right{animation:swipe-right .5s forwards}.flashcard-card.swiped-left{animation:swipe-left .5s forwards}@keyframes swipe-card{0%{opacity:1;transform:rotate(0deg) translateX(0)}50%{opacity:.8;transform:rotate(10deg) translateX(50%)}to{opacity:0;transform:rotate(15deg) translateX(100%)}}.button-group-right{bottom:10px;display:flex;gap:8px;position:absolute;right:10px}.speak-button,.speak-button-container{align-items:center;display:flex;justify-content:center}.speak-button{border:none;border-radius:50%;cursor:pointer!important;height:40px;transition:all .3s ease;width:40px}.speak-button,.speak-button:hover{background:#fff}.speak-button:hover{opacity:1}.send-button{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:10px;transition:all .3s ease;width:30px}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.flip-button{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer!important;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.flip-button:hover{background:#f8f8f9;color:#000}.speak-button:disabled{cursor:not-allowed;opacity:.5}.speak-button.speaking{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.flip-tooltip{background:#000000b3;border-radius:4px;bottom:100%;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.flip-button:hover .flip-tooltip,.speak-button:hover .speak-tooltip{opacity:1}.ellipsis-menu{position:relative}.ellipsis-button{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-left:10px;opacity:.7;transition:opacity .3s ease;width:40px}.ellipsis-button:hover{opacity:1}.menu-dropdown{background:#fff;border-radius:8px;bottom:40px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:0;min-width:180px;padding:8px 0;position:absolute}.menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 16px;position:relative;text-align:left;transition:background-color .3s ease}.submenu{background:#fff;border-radius:8px;bottom:20%;box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;left:100%;min-width:200px;position:absolute}.menu-item:hover .submenu{display:flex}.submenu-item{border:none;cursor:pointer;flex-direction:column;font-size:1rem;padding:10px 16px;transition:background-color .3s ease}.submenu-item,.submenu-item.active{align-items:flex-start;background:#fff;display:flex;justify-content:space-between}.submenu-description{color:#666;font-size:.9rem;margin-top:4px}.submenu-item.active:after{background-color:#fff;color:#4caf50;content:"✔";font-size:1.2rem}.submenu-item:hover{animation:none;background-color:#f0f0f0;margin:0}.menu-item:hover{background-color:#f0f0f0;border-radius:4px}.menu-icon{color:#000;font-size:1.2rem}.menu-subtext{font-size:.9rem;padding:10px 16px;text-align:left}.bottom-controls{align-items:center;border-top:1px solid #e7e7e8;bottom:10px;display:flex;left:0;padding-top:10px;position:absolute;width:100%}.toggle-container{align-items:center;background-color:#fff;border-radius:30px;display:flex;padding:5px 10px}.toggle-input{-webkit-appearance:none;appearance:none;background:#ccc;border-radius:10px;cursor:pointer;height:20px;position:relative;transition:background .3s ease;width:40px}.toggle-input:checked{background:#000}.toggle-input:before{background:#fff;border-radius:50%;content:"";height:18px;left:1px;position:absolute;top:1px;transition:transform .3s ease;width:18px}.toggle-input:checked:before{transform:translateX(20px)}.toggle-label{color:#4a4a4a;cursor:pointer;font-size:1rem}@media (max-width:768px){.flashcard-card{aspect-ratio:4/3}.btn,.text-content{font-size:.9rem}.btn{padding:8px 16px}}@media (max-width:480px){.flashcard-card{aspect-ratio:1/1;padding:10px}.btn,.text-content{font-size:.8rem}.btn{padding:6px 12px}}.progress-summary{align-items:center;display:flex;justify-content:space-around;padding:10px}.progress-item{gap:4px}.progress-icon,.progress-item{align-items:center;display:flex}.progress-icon{border-radius:50%;height:28px;justify-content:center;width:28px}.progress-icon.success{background-color:#e8f5e9}.progress-icon.fail{background-color:#ffebee}.progress-icon.learn{background-color:#f3e5f5}.progress-text{font-size:14px;font-weight:500}.study-completion-summary{background-color:#f8f8f8;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;padding:20px}.study-completion-summary h2{color:#4caf50;margin-bottom:10px;text-align:center}.study-completion-summary h3{color:#333;margin-bottom:20px;text-align:center}.summary-stats{display:flex;justify-content:space-around;margin-bottom:30px}.stat-item{text-align:center}.stat-label{color:#666;display:block;font-size:.9rem}.stat-value{color:#4a90e2;display:block;font-size:1.5rem;font-weight:700}.card-performance{margin-bottom:30px}.card-performance h4{color:#333;margin-bottom:10px}.card-performance ul{list-style-type:none;padding:0}.card-performance li{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px}.card-question{flex:1 1;font-size:.9rem;margin-right:10px}.card-stats{color:#4caf50;font-size:.8rem}.finish-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;padding:10px;transition:background-color .3s;width:100%}.finish-button:hover{background-color:#45a049}@media (max-width:600px){.study-completion-summary{padding:15px}.summary-stats{flex-direction:column}.stat-item{margin-bottom:15px}}.add-card-modal{background-color:#fff;border-radius:16px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1000}.add-card-content{border-radius:12px;max-height:60vh;overflow-y:auto;padding:16px 0}.modal-header{align-items:center;display:flex;font-weight:400;justify-content:space-between;margin-bottom:16px}.search-input{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:12px;width:95%}.card-grid-header{font-size:18px;font-weight:500;padding-bottom:12px}.card-grid,.card-grid-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 40px}.card-grid{align-items:center}@media (max-width:768px){.card-grid .card-preview:nth-child(2n),.card-grid-header div:nth-child(2){display:none}.card-grid{grid-template-columns:1fr 40px}}.card-preview{background-color:#f8f8f8;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.card-divider{border:none;border-top:1px solid #e0e0e0;grid-column:span 3;margin:8px 0}.select-checkbox{align-items:center;display:flex;justify-content:center}.checkbox-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #000;border-radius:4px;cursor:pointer;height:18px;position:relative;transform:scale(1.2);width:18px}.checkbox-input:checked{background-color:#000;border:1px solid #000}.checkbox-input:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.modal-footer{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding-top:16px}.close-button{background:none;border:none;color:#333;cursor:pointer}.add-cards-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.add-cards-button:disabled{background-color:#c7c8ca;cursor:not-allowed}.content-container-without-toolbar,.content-container-without-toolbar .content-container{background-color:#f3f0fe}.study-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:100vh;padding:10px 10px 20px}.study-header{flex-wrap:nowrap;gap:10px;justify-content:space-between;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:1}.flashcard,.study-header{align-items:center;display:flex;width:100%}.flashcard{flex:1 1;flex-direction:column;justify-content:center}.title-and-progress{gap:10px}.title-and-progress,.title-container{align-items:center;display:flex;flex-grow:1;min-width:0}.title-container{flex-shrink:1}.back-arrow{cursor:pointer;margin-right:8px}.session-title{color:#333;flex-shrink:1;font-size:18px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar-container{background-color:#e0e0e0;border-radius:8px;flex-grow:1;height:8px;max-width:200px;min-width:50px}.add-card-button{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;padding:8px;white-space:nowrap}.add-card-button-icon{margin-right:4px}@media (max-width:768px){.study-container{justify-content:flex-start;padding:5px 5px 20px}.study-header{padding:10px 5px;position:relative;top:0}.session-title{font-size:14px;max-width:30%}.progress-bar-container{max-width:100px}.add-card-button{font-size:12px;padding:6px}.add-card-button-text{display:none}.add-card-button-icon{margin-right:0}}@media (max-width:480px){.study-container{justify-content:flex-start;padding:5px 5px 10px}.study-header{padding:10px 5px;position:relative;top:0}.session-title{max-width:25%}.progress-bar-container{max-width:80px}}body{background-color:#f8f8f8;color:#333;font-family:Raleway,sans-serif;margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100vh}.content-container,.content-container-without-toolbar{flex:1 1}