.content-wrapper{max-width:1200px;margin:90px auto}.part-container{display:flex;flex-direction:column;margin-bottom:40px;padding:20px;background-color:#ffffff1a;border-radius:8px}.part-container h1{margin-bottom:25px;color:var(--dark-text)}a.item-content.show-more-link{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}#soundboardContainer,#vocabListContainer,#worksheetContainer,#quizContainer{width:100%}#list,#vocabList,#worksheetList,#createdQuizList,#favoriteQuizList{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px}#soundboardContainer .list-item{padding:0;border:none;background-color:transparent;box-shadow:none;display:block}#soundboardContainer .list-item:hover{transform:none;box-shadow:none}.soundboard-button-link{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 15px;border:1px solid #ddd;border-radius:8px;background-color:var(--highlight2, #f8f7e5);text-decoration:none;color:var(--dark-text);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 1px 3px #0000000d;width:100%;height:100%;box-sizing:border-box;cursor:pointer;min-height:100px;max-width:300px}.soundboard-button-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;background-color:#e9e8d8;color:var(--dark-text)}.soundboard-button-link:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.soundboard-button-link .item-text{font-weight:500;margin-right:0;margin-bottom:8px;flex-grow:0;word-break:break-word}.soundboard-button-link .link-icon{color:var(--dark-text);opacity:.7;font-size:1.1em;flex-shrink:0;margin-top:5px}#vocabListContainer .list-item{display:flex;flex-direction:column;padding:15px 20px;border:1px solid #ddd;border-radius:8px;background-color:var(--highlight2, #f8f7e5);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;min-height:100px}#worksheetContainer .list-item,#quizContainer .list-item{padding:0;border:none;background-color:transparent;box-shadow:none;display:block;min-height:auto;position:relative}.list-item .delete-icon{position:absolute;bottom:10px;left:10px;cursor:pointer}.list-item .edit-icon{position:absolute;bottom:10px;right:10px;cursor:pointer}#worksheetContainer .list-item:hover,#quizContainer .list-item:hover{transform:none;box-shadow:none}#vocabListContainer .item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex-grow:1;text-align:center}#vocabListContainer .vocab-list-name{color:var(--dark-text);word-break:break-word;margin-bottom:12px;font-weight:500}.vocab-actions-container{display:flex;justify-content:center;gap:15px;width:100%;margin-top:auto}.worksheet-button-link{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:var(--highlight2, #f8f7e5);text-decoration:none;color:var(--dark-text);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 1px 3px #0000000d;width:100%;height:100%;box-sizing:border-box;cursor:pointer;min-height:100px;aspect-ratio:1 / 1}.worksheet-button-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;background-color:#e9e8d8;color:var(--dark-text)}.worksheet-button-link:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.list-item.show-more-item a{font-style:italic;font-weight:700}.worksheet-button-link .item-text{font-weight:500;margin-right:0;margin-bottom:8px;flex-grow:0;word-break:break-word;color:var(--dark-text)}.worksheet-button-link .delete-icon{color:#dc3545;opacity:.7;font-size:1.1em;flex-shrink:0;margin-top:5px;transition:color .2s ease,opacity .2s ease,transform .2s ease}.worksheet-button-link:hover .delete-icon{opacity:1}.worksheet-button-link .delete-icon:hover{color:#c82333;transform:scale(1.1);opacity:1}#vocabListContainer .list-item .edit-icon,#vocabListContainer .list-item .delete-icon{font-size:1.1em;cursor:pointer;transition:color .2s ease,transform .2s ease;padding:5px;display:inline-block;flex-shrink:0;position:static}.edit-icon{color:var(--highlight3, #4287f9)}.edit-icon:hover{color:#0056b3;transform:scale(1.1)}#vocabListContainer .delete-icon{color:#dc3545}#vocabListContainer .delete-icon:hover{color:#c82333;transform:scale(1.1)}.create-new-link{text-align:center;margin-top:20px;font-size:1.1em;color:var(--dark-text)}.create-new-link a{color:var(--highlight1);text-decoration:none;font-weight:700;padding:5px 8px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.create-new-link a:hover{color:var(--light-text);background-color:var(--highlight1);text-decoration:none}#editVocabWords,#vocabWords{width:100%;height:200px;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Quicksand,sans-serif;resize:vertical}.import-vocab-modal .modal-content{max-width:650px;padding:30px 40px}.import-vocab-modal h2{margin-bottom:25px}.import-options{display:flex;border-bottom:2px solid #ddd;margin-bottom:25px}.import-option-btn{flex:1;padding:12px 15px;border:none;background-color:transparent;color:#666;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;border-radius:0;margin:0;position:relative;top:2px}.import-option-btn:hover{background-color:#00000008;color:var(--dark-text)}.import-option-btn.active{color:var(--dark-text);border-bottom-color:var(--highlight1);font-weight:700}.import-source-container{padding-bottom:20px}.import-source-container>label:first-of-type{display:block;margin-bottom:8px;font-weight:700;color:var(--dark-text)}#importSourceText{width:100%;height:150px;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Quicksand,sans-serif;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}#importSourceText:focus{border-color:var(--highlight1);box-shadow:0 0 0 3px #f9af4233;outline:none}.word-count-display{text-align:right;font-size:.85em;color:#777;margin-top:5px}.file-upload-label{display:block;border:2px dashed #ccc;border-radius:8px;padding:25px;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.file-upload-label:hover,.file-upload-label.dragover{border-color:var(--highlight1);background-color:var(--highlight2, #f8f7e5)}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:10px}.file-upload-icon{font-size:2.5em;color:var(--highlight1)}.file-upload-text{font-size:1em;color:#555}.file-upload-input{display:none}.file-info{font-size:.9em;color:var(--dark-text);font-weight:700;margin-top:5px}.extraction-controls{margin-top:15px;padding-top:20px;border-top:1px solid #eee}.extraction-controls label{display:block;margin-bottom:8px;font-weight:700;color:var(--dark-text)}.prompt-wrapper{display:flex;gap:10px}#extractionPrompt{flex-grow:1;padding:12px 15px;border:1px solid #ccc;border-radius:5px;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease}#extractionPrompt:focus{border-color:var(--highlight1);box-shadow:0 0 0 3px #f9af4233;outline:none}#extractVocabBtn{padding:12px 20px;background-color:var(--highlight3);color:var(--light-text);white-space:nowrap}#extractVocabBtn:hover{background-color:#3a75d1}#extractionResultContainer{margin-top:20px}#extractionResultContainer label{display:block;margin-bottom:8px;font-weight:700;color:var(--dark-text)}#extractedVocab{width:100%;height:120px;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Quicksand,sans-serif;resize:vertical}.import-vocab-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;padding-top:20px;border-top:1px solid #eee}#addExtractedToListBtn,#closeImportModal{margin:0}#addExtractedToListBtn{background-color:var(--highlight1)}#addExtractedToListBtn:hover{background-color:#e09930}#addExtractedToListBtn:disabled{background-color:#ccc;cursor:not-allowed;color:#666}#closeImportModal{background-color:#f0f0f0;color:var(--dark-text);border:1px solid #ddd}#closeImportModal:hover{background-color:#e0e0e0}.generate-vocab-modal .modal-content{max-width:650px;padding:30px 40px}.generate-vocab-modal h2{margin-bottom:25px}.generate-vocab-modal label{display:block;margin-top:15px;margin-bottom:8px;font-weight:700;color:var(--dark-text)}.generate-vocab-modal label:first-of-type{margin-top:0}#generateVocabPrompt,#generateVocabLevel,#generateVocabAmount{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:5px;font-size:1em;font-family:Quicksand,sans-serif;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}#generateVocabLevel,#generateVocabAmount{margin-bottom:0!important}#generateVocabLevel{background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:10px}#generateVocabAmount::-webkit-outer-spin-button,#generateVocabAmount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#generateVocabAmount{-moz-appearance:textfield}#generateVocabPrompt:focus,#generateVocabLevel:focus,#generateVocabAmount:focus{border-color:var(--highlight1);box-shadow:0 0 0 3px #f9af4233;outline:none}#generateVocabBtn{padding:12px 20px;background-color:var(--highlight3);color:var(--light-text);white-space:nowrap;margin:0}#generateVocabBtn:hover{background-color:#3a75d1}.generate-vocab-modal .modal-footer:first-of-type{margin-top:25px;padding-top:20px;border-top:1px solid #eee;justify-content:flex-end}#generateResultContainer{margin-top:20px}#generatedVocabResult{width:100%;height:120px;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Quicksand,sans-serif;resize:vertical}.generate-vocab-modal .modal-footer:last-of-type{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;padding-top:20px;border-top:1px solid #eee}#addGeneratedToListBtn,#closeGenerateModal{margin:0}#addGeneratedToListBtn{background-color:var(--highlight1)}#addGeneratedToListBtn:hover{background-color:#e09930}#addGeneratedToListBtn:disabled{background-color:#ccc;cursor:not-allowed;color:#666}#closeGenerateModal{background-color:#f0f0f0;color:var(--dark-text);border:1px solid #ddd}#closeGenerateModal:hover{background-color:#e0e0e0}@media screen and (max-width: 768px){#list,#vocabList,#worksheetList,#createdQuizList,#favoriteQuizList{gap:15px}.part-container{padding:15px;margin-bottom:30px}.soundboard-button-link{padding:15px 12px;min-height:90px}#vocabListContainer .list-item{padding:12px 15px;min-height:90px}.worksheet-button-link{padding:15px 12px;min-height:90px}.edit-icon,.delete-icon{font-size:1.2em}.create-new-link{font-size:1em}#editVocabWords,#vocabWords{height:150px}#vocabListContainer .list-item .edit-icon,#vocabListContainer .list-item .delete-icon,.worksheet-button-link .delete-icon{font-size:1.2em}.import-vocab-modal .modal-content,.generate-vocab-modal .modal-content{padding:20px}.import-option-btn{font-size:.9em;padding:10px 8px}.prompt-wrapper{flex-direction:column}}@media screen and (max-width: 480px){#list,#vocabList,#worksheetList,#createdQuizList,#favoriteQuizList{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.part-container h1{font-size:1.5em}.soundboard-button-link,#vocabListContainer .list-item,.worksheet-button-link{padding:5px;min-height:80px}.soundboard-button-link .item-text,#vocabListContainer .vocab-list-name,.worksheet-button-link .item-text{font-size:1em}.info-row{align-items:flex-start;gap:8px}.info-value-group{justify-content:flex-start;width:100%}.info-value{text-align:left}.account-btn{text-align:center}.file-upload-label{padding:20px}.file-upload-text{font-size:.9em}.import-vocab-modal .modal-footer,.generate-vocab-modal .modal-footer:last-of-type{flex-direction:column-reverse;align-items:stretch}.import-vocab-modal .modal-footer button,.generate-vocab-modal .modal-footer:last-of-type button{width:100%}}.show-all-modal .modal-content{max-width:800px}.modal-list-container{max-height:60vh;overflow-y:auto;margin-top:20px;margin-bottom:20px;border:1px solid #eee;border-radius:5px;background-color:#fff}.show-all-modal #showAllModalList{list-style:none;padding:0;margin:0}.modal-list-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.modal-list-item:last-child{border-bottom:none}.modal-list-item:hover{background-color:#f9f9f9}.modal-list-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;cursor:pointer}.modal-item-main{flex-grow:1;cursor:pointer;text-decoration:none;color:var(--dark-text);font-weight:500}.modal-item-main:hover{color:var(--highlight1)}.modal-item-actions{display:flex;gap:15px;flex-shrink:0;align-items:center}.modal-item-actions .edit-icon{font-size:1.1em;color:var(--highlight3, #4287f9);cursor:pointer;transition:color .2s ease,transform .2s ease;display:none}.modal-item-actions .edit-icon:hover{color:#0056b3;transform:scale(1.1)}.account-info-container{display:flex;flex-direction:column;gap:18px;max-width:600px;margin:10px auto 0}.info-row,.info-row-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.info-row:last-of-type{border-bottom:none}.info-row-actions{border-bottom:none;justify-content:flex-start;gap:15px;padding-top:20px}.info-label{font-weight:700;color:var(--dark-text);flex-shrink:0;margin-right:20px}.info-value-group{display:flex;align-items:center;gap:15px;justify-content:flex-end;flex-grow:1}.info-value{color:var(--dark-text);opacity:.9;text-align:right}#accountType{text-transform:capitalize}.info-input{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-family:Quicksand,sans-serif;font-size:1em;width:180px}.account-btn{padding:8px 16px;font-family:Quicksand,sans-serif;font-weight:700;font-size:.9em;border-radius:5px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}#managePlanBtn{background-color:var(--highlight1);color:var(--light-text)}#managePlanBtn:hover{background-color:#3d8b3d}#editNameBtn,#saveNameBtn,#changePasswordBtn{background-color:#e9e8d8;color:var(--dark-text);border:1px solid #ddd}#editNameBtn:hover,#saveNameBtn:hover,#changePasswordBtn:hover{background-color:#d9d8c8;box-shadow:0 2px 4px #0000000d}.btn-danger{background-color:#dc354500;color:#8f0d19;margin-left:auto}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;color:#eae9da}#savedGamesList{list-style-type:none;padding-left:0}#savedGamesList .item-content{display:flex;justify-content:space-between;align-items:center}#savedGamesList .delete-icon{color:#888;padding:8px;border-radius:50%;transition:all .2s ease-in-out}#savedGamesList .delete-icon:hover{color:#d33;background-color:#e0e0e0}#editVocabWords,#vocabWords{padding-right:35px!important}.textarea-wrapper{position:relative;overflow:hidden;border-radius:5px}.warnings-container{position:absolute;top:0;right:0;width:35px;height:100%;pointer-events:none}.duplicate-warning-icon{position:absolute;right:12px;left:auto;color:#f97316;cursor:pointer;pointer-events:auto;font-size:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease}.duplicate-warning-icon:hover{transform:scale(1.25);color:#ea580c}.duplicate-tooltip{position:absolute;right:38px;width:max-content;padding:8px 12px;z-index:1001;display:flex;align-items:center;font-size:13px;font-weight:500;pointer-events:auto;opacity:0;transform:translate(10px);animation:fadeInTooltip .2s ease-out forwards}@keyframes fadeInTooltip{to{opacity:1;transform:translate(0)}}.duplicate-tooltip-delete-btn{background:none!important;border:none!important;color:#fca5a5!important;font-size:13px!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important;padding:0!important;transition:color .2s ease!important}.duplicate-tooltip-delete-btn:hover{color:#f87171}#editVocabModal{z-index:2000}#generateVocabModal,#importVocabModal{z-index:3000}a[title="Edit Worksheet"] .edit-icon{display:none}