.dialog{background-color:#fff;border-radius:20px;overflow:hidden;position:relative;padding:3.2rem!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);z-index:1000;border:2px solid #e5e7eb;display:flex;flex-direction:column;justify-content:space-between;width:500px}.dialog h3{margin:0;font-size:2.4rem;font-weight:800;color:#201b4b;line-height:1.2}.dialog-title-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2.4rem;padding-bottom:2.4rem;border-bottom:1px solid #e5e7eb}.dialog-content{position:relative;padding:0 0 2.4rem}.share-dialog{position:absolute;padding:10px;border:2px solid #e5e7eb;background-color:#fff;z-index:1000}.share-dialog .share-title{font-weight:700}.share-dialog .share-description{margin-top:5px}.share-dialog .share-content{display:flex;align-items:center;margin-top:10px}.share-dialog .share-content input[type=text]{flex-grow:1;margin-right:10px}.share-dialog .close-button{display:block;margin-top:10px;width:100%}.dialog input[type=text]{margin-bottom:2.4rem;border-radius:8px;padding:1.2rem 1.6rem;border:2px solid #e5e7eb;background-color:#fff;font-size:1.6rem;transition:border-color .2s}.dialog input[type=text]:focus{outline:none;border-color:#5545e5;box-shadow:0 0 0 3px #5545e51a}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-bottom:1.6rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#201b4b}input:checked+.slider:before{transform:translateX(26px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.vocabulary-format-modal{background:#fff;border-radius:20px;box-shadow:0 2px 6px #00000014;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-title{font-size:2.4rem;font-weight:800;color:#201b4b;margin:0;line-height:1.2}.modal-close-button{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:#f3f4f6}.modal-content{padding:0 24px}.vocabulary-format-modal .format-section,.vocabulary-format-modal .language-section{margin-bottom:32px}.vocabulary-format-modal .section-title{font-size:1.8rem;font-weight:600;color:#201b4b;margin:0 0 16px}.vocabulary-format-modal .format-options,.vocabulary-format-modal .language-options{display:flex;flex-direction:column;gap:12px}.vocabulary-format-modal .format-option,.vocabulary-format-modal .language-option{display:flex;align-items:center;gap:16px;padding:18px 20px 18px 22px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s;background:#fff;box-shadow:0 2px 6px #0000000f}.vocabulary-format-modal .format-option:hover{border-color:#5545e5;background-color:#e0e6ff}.vocabulary-format-modal .format-option:not(:has(input[type=radio]:checked)){background:#fff;box-shadow:none}.vocabulary-format-modal .language-option:hover{border-color:#5545e5;background-color:#e0e6ff}.vocabulary-format-modal .language-option:not(:has(input[type=radio]:checked)){background:#fff;box-shadow:none}.vocabulary-format-modal .format-option input[type=radio],.vocabulary-format-modal .language-option input[type=radio]{flex-shrink:0;accent-color:#5545e5;width:22px;height:22px}.vocabulary-format-modal .format-option input[type=radio]:checked+.option-text,.vocabulary-format-modal .language-option input[type=radio]:checked+.option-text{color:#5545e5}.vocabulary-format-modal .format-option:has(input[type=radio]:checked){border-color:#5545e5;background-color:#c6d1fc;box-shadow:0 6px 18px #3c30a326}.vocabulary-format-modal .language-option:has(input[type=radio]:checked){border-color:#5545e5;background-color:#c6d1fc;box-shadow:0 6px 18px #3c30a326}.vocabulary-format-modal .option-text{flex:1 1;padding-left:8px}.vocabulary-format-modal .option-title{font-size:1.6rem;font-weight:600;color:#201b4b;margin-bottom:4px}.vocabulary-format-modal .option-description{font-size:1.4rem;color:#656565;margin:0}.modal-footer{padding:24px;border-top:1px solid #e5e7eb;margin-top:24px;display:flex;justify-content:center}@media(max-width:600px){.modal-overlay{padding:16px}.vocabulary-format-modal{max-width:none;width:100%;max-height:95vh}.modal-header{padding:20px 20px 0}.modal-title{font-size:2rem}.modal-content{padding:0 20px}.modal-footer{padding:20px}.format-option,.language-option{padding:12px}.option-title{font-size:1.4rem}.option-description{font-size:1.2rem}}