:root{--primary-green:#32a852;--background-green:#eaf9e4;--accent-green:#2e7d32;--text-color:#333;--light-gray:#f3f3f3}body{background-color:#eaf9e4;background-color:var(--background-green);color:#333;color:var(--text-color);font-family:Arial,sans-serif;margin:0}.container,.home-container{box-sizing:border-box;max-width:100vw;padding:16px;width:100%}@media (orientation:landscape){.container,.home-container{margin:0 auto;max-width:133.33333vh}}@media (max-width:768px){.container,.home-container{box-sizing:border-box;max-width:100vw;padding:1px;width:100%}}button{background-color:#32a852;background-color:var(--primary-green);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin:4px;max-width:120px;padding:6px 10px;transition:background-color .3s,color .3s;width:auto}button:hover{background-color:#2e7d32;background-color:var(--accent-green);color:#eaf9e4}ul{list-style-type:none;margin:0;padding:0}li{margin-bottom:8px}.close-button:hover{background-color:#c00}button:hover{opacity:.8}button.close-button{background-color:#ff4d4d!important;color:#fff!important}h1,h2,h3,h4,h5,h6{text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;box-sizing:border-box;display:flex;justify-content:center;padding:20px;right:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:linear-gradient(145deg,#fff,#f8faff);border-radius:20px;box-shadow:0 10px 25px #0003;max-width:400px;padding:30px;position:relative;text-align:center;width:100%}.modal-content h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:25px}.modal-content h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.close-button{align-items:center;background:none;border-radius:50%;color:#94a3b8;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.close-button:hover{background-color:#0000000d;color:#64748b}.form-group{text-align:left}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.modal-content button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.modal-content button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.modal-content button:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);box-shadow:none;cursor:not-allowed;transform:none}.link-text{color:#4a90e2;cursor:pointer;font-weight:500;margin-left:5px;text-decoration:none;transition:color .3s ease}.link-text:hover{color:#357abd;text-decoration:underline}.error-text{color:#e53e3e;font-size:.9rem;margin-top:5px;text-align:left}.forgot-password{color:#4a90e2;cursor:pointer;font-size:.9rem;margin-top:15px;transition:color .3s ease}.forgot-password:hover{color:#357abd;text-decoration:underline}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-overlay{padding:15px}.modal-content{margin:0 auto;max-width:320px;padding:20px 15px}.modal-content h2{font-size:1.4rem;margin-bottom:15px}.modal-content h3{font-size:1.3rem;margin-bottom:15px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.modal-content button{border-radius:10px;font-size:.95rem;padding:10px}.close-button{font-size:20px;height:35px;right:10px;top:10px;width:35px}}@media (max-width:360px){.modal-overlay{padding:10px}.modal-content{max-width:300px;padding:15px 12px}.form-group input{padding:8px}}.verification-group{position:relative}.verification-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.send-code-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:5px 10px;white-space:nowrap}.send-code-btn:disabled{background-color:#ccc;cursor:not-allowed}.verification-group input{width:100%}.admin-page{font-family:Arial,sans-serif;padding:20px}.admin-page h1{margin-bottom:20px}.admin-page table{border-collapse:collapse;margin-top:20px;width:100%}.admin-page td,.admin-page th{border:1px solid #ddd;padding:12px;text-align:left}.admin-page th{background-color:#f4f4f4}.action-group{align-items:center;display:flex;gap:10px}.level-select,.role-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:120px;padding:8px}.confirm-button{background-color:#4caf50;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background-color .3s}.confirm-button:hover{background-color:#45a049}td:nth-child(5){color:#666}.admin-page h2{margin-top:30px}.admin-page input[type=number]{border:1px solid #ddd;border-radius:4px;margin:10px;padding:8px}.admin-page button{margin-top:10px}.admin-page ul{list-style-type:none;padding:0}.admin-page li{background-color:#f9f9f9;border-radius:4px;margin:5px 0;padding:10px}.course-editor{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px;padding:30px 20px}.course-editor h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#3498db,#2980b9);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:35px;text-align:center}.upload-section{align-items:center;background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:25px}.file-input{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;flex:1 1;font-size:1rem;padding:12px;transition:all .3s ease}.file-input:hover{background:#f7fafc;border-color:#3498db}.file-list{display:flex;flex-direction:column;gap:25px;list-style:none;padding:0;width:100%}.file-item{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:25px;transition:all .3s ease;width:100%}.file-item:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.file-item h2{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:20px}.file-info{grid-gap:15px;background:#fffc;border-radius:10px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:15px 0;padding:15px}.file-info-item{align-items:center;display:flex;gap:10px}.btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn:hover{box-shadow:0 5px 15px #3498db4d}.btn-small{background:#e2e8f0;border-radius:8px;color:#2d3748;display:flex;margin:5px 0;overflow:hidden;padding:12px 15px;text-overflow:ellipsis;width:100%}.btn-small:hover{background:#cbd5e1;color:#1a202c;transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;margin-top:15px;padding:10px;transition:all .3s ease;width:100%}.btn-delete:hover{box-shadow:0 5px 15px #ef44444d;transform:translateY(-1px)}.btn-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:15px 0}.publish-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}@media (max-width:768px){.course-editor{padding:20px 15px}.upload-section{flex-direction:column;padding:20px}.file-list{grid-template-columns:1fr}.file-item{padding:20px}.btn-group{grid-template-columns:1fr 1fr}.file-info{grid-template-columns:1fr}}@media (max-width:480px){.btn-group{grid-template-columns:1fr}}.file-title{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.file-title h2{flex:1 1;margin:0}.file-title button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.file-title button:hover{background-color:#45a049}.my-audio-player{align-items:center;background:#fefefe;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-flex;flex-wrap:nowrap;gap:6px;padding:2px 8px;white-space:nowrap}.cap-play-pause-btn{background-color:#ec407a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;height:36px;min-width:36px;padding:0;transition:background-color .3s,transform .2s;width:auto}.cap-play-pause-btn:hover{background-color:#d81b60}.cap-play-pause-btn:active{transform:scale(.9)}.cap-is-playing{animation:wave 1s infinite}@keyframes wave{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.cap-time-display{color:#444;font-size:.9rem;min-width:40px;text-align:center}.cap-speed-btn{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:.85rem;min-width:50px;padding:4px 6px;text-align:center;transition:background-color .2s,transform .2s}.cap-speed-btn:hover{background-color:#f5f5f5;color:#333}.cap-speed-btn:active{background-color:#e0e0e0;color:#333;transform:scale(.95)}.cap-speed-btn:focus{color:#333;outline:none}.my-audio-player-container{display:inline-block;position:relative}.cap-progress-container{background:#fff;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;left:50%;margin-bottom:8px;padding:12px;position:absolute;transform:translateX(-50%);width:240px;z-index:1000}.cap-progress-info{color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:8px}.cap-progress-bar{background:#e0e0e0;border-radius:3px;cursor:pointer;height:6px;position:relative;touch-action:none}.cap-progress-filled{background:linear-gradient(90deg,#ec407a,#d81b60);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.cap-progress-handle{background:#fff;border:2px solid #ec407a;border-radius:50%;cursor:pointer;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease;width:14px}.cap-progress-handle:hover{transform:translate(-50%,-50%) scale(1.2)}@media (max-width:480px){.cap-progress-container{padding:10px;width:200px}.cap-progress-handle{height:12px;width:12px}}.cap-progress-container:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #fff;bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.question-toggle-btn{background-color:#ec407a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:8px;padding:6px 12px;transition:background .3s,transform .2s}.question-toggle-btn:hover{background-color:#d81b60}.question-toggle-btn:active{transform:scale(.95)}.question-form{background-color:#fafafa;border:1px solid #ddd;border-radius:6px;margin:8px 0;padding:10px}.question-textarea{border:1px solid #ccc;border-radius:4px;font-size:.9rem;min-height:60px;outline:none;padding:6px 8px;resize:vertical;width:100%}.question-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.question-record-btn{background-color:#ffa726;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .3s,transform .2s}.question-record-btn:hover{background-color:#fb8c00}.question-record-btn:active{transform:scale(.95)}.question-submit-btn{background-color:#26a69a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.question-submit-btn:hover{background-color:#00897b}.question-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.question-points-info{color:#666;font-size:.85rem;margin-top:8px}.question-teacher-btn{background-color:#ab47bc;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:6px;padding:6px 12px;transition:background .3s,transform .2s}.question-teacher-btn:hover{background-color:#9c27b0}.question-teacher-btn:active{transform:scale(.95)}.ask-container{background:#fafafa;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;margin:0 auto;padding:8px;width:100%}.ask-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;max-height:450px;overflow-y:auto;padding-right:4px}.ask-message-row{align-items:flex-end;display:flex}.ask-left{justify-content:flex-start}.ask-right{justify-content:flex-end}.ask-avatar-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:40px}.ask-avatar-left{margin-right:4px}.ask-avatar-right{margin-left:4px}.ask-avatar{border-radius:50%;height:32px;width:32px}.ask-bubble-container{max-width:calc(100% - 50px);position:relative;text-align:left}.ask-bubble{word-wrap:break-word;background-color:#e0f7fa;border-radius:12px;padding:6px 10px;transition:transform .2s}.ask-message-row.ask-right .ask-bubble{background-color:#ffe0e0}.ask-sender{color:#555;font-size:.8rem;font-weight:700;margin-bottom:2px}.ask-text{font-size:.9rem;line-height:1.4;text-align:left;word-break:break-word}.ask-points{color:#888;font-size:.8rem;margin-top:3px}.ask-input{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.ask-textarea{border:1px solid #ccc;border-radius:4px;font-size:.9rem;min-height:60px;padding:6px 8px;resize:vertical;width:100%}.ask-actions{display:flex;gap:10px;justify-content:flex-end}.ask-record-btn{background-color:#ffa726;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .3s}.ask-record-btn:hover{background-color:#fb8c00}.ask-submit-btn{background-color:#26a69a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .3s}.ask-submit-btn:hover{background-color:#00897b}.ask-submit-btn:disabled{background-color:#ddd;cursor:not-allowed}.ask-audio{margin-top:6px}.ask-footer{color:#666;display:flex;font-size:.85rem;justify-content:space-between}@media (max-width:768px){.ask-container{padding:4px}.ask-avatar-left{margin-right:1px}.ask-avatar-right{margin-left:1px}.ask-bubble{word-wrap:break-word;background-color:#e0f7fa;border-radius:12px;padding:3px 5px;transition:transform .2s}.ask-messages{gap:6px}.ask-bubble-container{max-width:calc(100% - 44px)}.ask-actions{gap:6px}.ask-record-btn,.ask-submit-btn{font-size:.9rem;padding:4px 10px}}.study-words{animation:fadeIn .5s ease-out;margin:0 auto;max-width:800px;padding:30px 20px}.study-title{gap:20px;justify-content:center;margin-bottom:30px}.preload-setting,.study-title{align-items:center;display:flex}.preload-setting{color:#64748b;font-size:.9rem;gap:8px}.preload-setting select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2c3e50;padding:4px 8px}.study-word-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:5px;width:100%}.word-content h2{color:#2c3e50;font-size:2rem;margin:0;text-align:center}.word-pronun{background:#fffc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;margin:0;padding:4px 12px}.word-meanings,.word-pronun{font-size:1.1rem;text-align:center}.word-meanings{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#334155;line-height:1.6;margin:10px auto;max-width:80%;padding:15px 20px}.study-word-card{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e214,0 0 0 1px #4a90e21a;height:auto;min-height:200px;overflow:hidden;transition:all .3s ease}.study-word-card,.top-info-bar{margin-bottom:5px;padding:5px;position:relative}.top-info-bar{align-items:center;background:#fffc;border-radius:12px;display:flex;justify-content:space-between}.remaining-words-bar{color:#64748b;font-size:.95rem}.remaining-words-bar span{color:#4a90e2;font-weight:600;margin:0 4px}.last-word-hint{color:#f59e0b;font-weight:500}.word-content{padding:5px 0}.choices-wrapper{margin:20px 0;position:relative}.choice-label{color:#334155;font-weight:500;margin-bottom:12px}.choices-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:12px;min-height:80px;position:relative}.choices-container:has(>.word-meanings){align-items:center;display:flex;justify-content:center}.choice-btn{align-items:center;aspect-ratio:3/2;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.95rem;height:100%;justify-content:center;max-width:100%;min-height:44px;min-width:0;overflow:hidden;padding:8px 12px;position:relative;text-align:center;transition:all .3s ease;white-space:normal;width:100%}.choice-btn:hover{background:#4a90e21a;border-color:#4a90e2;color:#2c3e50;font-weight:500}.choice-btn.choice-correct{background:#4caf50;border-color:#4caf50;color:#fff}.choice-btn.choice-wrong{background:#ef5350;border-color:#ef5350;color:#fff}.choice-btn span{transition:opacity .2s ease}.choice-btn.choice-correct span,.choice-btn.choice-wrong span{opacity:0}.choice-feedback{font-size:.9rem;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.record-section{display:flex;flex-direction:column;gap:2px;margin:5px 0}.record-btn{background:linear-gradient(135deg,#4a90e2,#357abd);transition:all .3s ease}.record-btn:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.audio-upload-preview,.my-audio-exist{align-items:center;background:#ffffff80;border-radius:10px;display:flex;gap:5px;padding:5px}.review-count-badge{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;margin-left:10px;padding:6px 12px}.navigation-buttons{display:flex;gap:5px;justify-content:space-between;margin-top:5px}.nav-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-width:120px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.nav-btn:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.nav-btn:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);box-shadow:none;cursor:not-allowed;transform:none}.extra-meaning-section{background-color:#f8fafc;border-radius:12px;transition:all .3s ease}.btn-more-meaning{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:8px;font-weight:500;transition:all .3s ease}.btn-more-meaning:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.extra-meaning-content{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:12px;padding:15px}.extra-meaning-content p{color:#334155;font-size:1rem;line-height:1.6}@media (max-width:768px){.study-title{flex-direction:column;gap:10px}.study-word-header{gap:10px;padding:0 10px}.word-content h2{font-size:1.6rem;width:auto}.word-pronun{font-size:1rem;padding:2px 8px}.word-meanings{font-size:1rem;margin:5px auto;max-width:90%;padding:10px 15px}.study-words{max-width:100%;padding:5px;width:100%}.study-word-card{margin:5px 2px;padding:5px;width:calc(100% - 4px)}.top-info-bar{margin-bottom:5px;padding:5px}.word-content{padding:5px 0}.choices-wrapper{margin:10px 0}.choices-container{gap:6px;grid-template-columns:repeat(2,1fr)}.choice-btn{aspect-ratio:2/1;font-size:.9rem;padding:6px 10px}.word-audio-list{gap:4px;margin:0;padding:0}.audio-item{gap:4px;padding:1px}.extra-meaning-section{margin:8px 0;padding:5px}.extra-meaning-content{margin-top:6px;padding:8px}.record-section{gap:5px;margin:5px 0}.navigation-buttons{gap:5px;margin-top:5px;padding:0 2px}.review-count-badge{padding:4px 8px;right:8px;top:8px}.extra-meaning-section{margin:12px 0;padding:8px}.extra-meaning-content{padding:12px}.extra-meaning-content p{font-size:.95rem}.audio-item{flex-wrap:nowrap;width:100%}.audio-item span{max-width:100px;min-width:70px}.audio-item audio{flex:1 1;width:auto}}@media (max-width:360px){.word-audio-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.choices-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.countdown-container{animation:countdownPulse 1s ease-in-out;color:#4a90e2;font-size:6rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes countdownPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.mastered-btn{background-color:grey;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:12px;padding:4px 12px;transition:all .3s ease}.mastered-btn.mastered{background-color:#ff4d4f}.mastered-btn:hover{opacity:.9;transform:translateY(-1px)}.mastered-btn:active{transform:translateY(0)}.mastered-btn,.mastered-btn.mastered{letter-spacing:1px;text-shadow:0 1px 2px #0003}.my-courses-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:800px;padding:30px 20px}.my-courses-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#4a90e2,#357abd);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.course-item{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e214,0 0 0 1px #4a90e21a;margin-bottom:25px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.course-item:hover{box-shadow:0 15px 35px #4a90e21f,0 0 0 1px #4a90e226;transform:translateY(-5px)}.course-item h2{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin:0 0 20px}.course-item h2:before{content:"📚";font-size:1.2em}.button-list{display:flex;flex-wrap:wrap;gap:12px;list-style-type:none;margin:0;padding:0}.my-courses-container .btn-small,.my-courses-container .btn-small.download,.my-courses-container .btn-small.student-page,.my-courses-container .btn-small.study-words,.my-courses-container .btn-small.word-overview{align-items:center;box-sizing:border-box;display:inline-flex;font-size:.95rem;height:42px;justify-content:center;max-height:42px;min-height:42px;padding:10px 20px}.btn-small{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;height:42px;justify-content:center;line-height:1.2;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-small:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.btn-small.locked{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;overflow:hidden;position:relative}.btn-small.locked:before{content:"🔒";font-size:.9em;margin-right:5px}.btn-small.locked:hover{box-shadow:none;transform:none}.btn-small[class*=word-overview]:before{content:"📖"}.btn-small[class*=student-page]:before{content:"📝"}.btn-small[class*=study-words]:before{content:"🎯"}.btn-small[class*=download]:before{content:"⬇️"}.btn-small:before{display:inline-block;text-align:center;width:20px}.button-item{align-items:center;display:flex}@media (max-width:768px){.my-courses-container{padding:20px 15px}.course-item{padding:20px}.course-item h2{font-size:1.2rem}.button-list{gap:8px}.my-courses-container .btn-small,.my-courses-container .btn-small.download,.my-courses-container .btn-small.student-page,.my-courses-container .btn-small.study-words,.my-courses-container .btn-small.word-overview{font-size:.9rem;height:38px;max-height:38px;min-height:38px;padding:8px 16px;width:100%}}.btn-small:active{transform:scale(.98)}.btn-small.download,.btn-small.student-page,.btn-small.study-words,.btn-small.word-overview{height:42px}.login-required-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.login-required-content{animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e214,0 0 0 1px #4a90e21a;max-width:400px;padding:40px;text-align:center;width:100%}.login-icon{animation:bounce 2s infinite;font-size:48px;margin-bottom:20px}.login-required-content h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:15px}.login-required-content p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:25px}.login-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:12px 30px;transition:all .3s ease}.login-button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width:480px){.login-required-content{padding:30px 20px}.login-required-content h2{font-size:1.5rem}.login-required-content p{font-size:1rem}.login-button{padding:10px 20px;width:100%}}.domain-name{align-items:baseline;display:flex;font-size:2.5rem;justify-content:center;margin:20px 0}.domain-text{color:#4a90e2;font-weight:700;position:relative}.domain-text:before{animation:typing 4s steps(8) infinite;border-right:3px solid #4a90e2;content:"fandawan";display:inline-block;overflow:hidden;white-space:nowrap;width:0}.domain-suffix{color:#357abd;font-weight:500;margin-left:2px;opacity:.8}@keyframes typing{0%{width:0}50%{width:100%}90%{width:100%}to{width:0}}.login-icon{margin-bottom:10px}.login-required-content h2{margin-top:10px}@media (max-width:480px){.domain-name{font-size:2rem}}@media (max-width:360px){.domain-name{font-size:1.8rem}}body,button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.word-overview-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:800px;padding:30px 20px}.word-overview-header{margin-bottom:30px}.segmented-control{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:22px;box-shadow:0 10px 25px #4a90e214,0 0 0 1px #4a90e226;display:flex;height:44px;margin:0 auto;overflow:hidden;position:relative;width:280px}.segment{align-items:center;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:500;justify-content:center;transition:color .3s;z-index:2}.segment.active{color:#fff}.slider{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:20px;height:40px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:calc(50% - 4px)}.slider.right{transform:translateX(calc(100% + 4px))}.word-item{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e214,0 0 0 1px #4a90e21a;margin-bottom:25px;overflow:hidden;padding:0;transition:all .3s ease}.word-item:hover{box-shadow:0 15px 35px #4a90e21f,0 0 0 1px #4a90e226;transform:translateY(-5px)}.word-main{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:0;padding-right:30px;position:relative}.word-text{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0;min-width:120px}.word-pronunciation{color:#64748b;font-size:1rem;min-width:100px}.word-meaning{color:#334155;flex:1 1;font-size:1rem;line-height:1.6;margin:0}.word-count{color:#64748b;font-size:.9rem;margin:8px 0}.recording-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.recording-button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.recording-button.no-select{border:1px solid #0000;min-width:90px;text-align:center}.recording-button.no-select:active{border:1px solid #0000}.upload-btn{background:linear-gradient(135deg,#4caf50,#388e3c)}.delete-btn,.upload-btn{border:none;border-radius:10px;padding:8px 20px;transition:all .3s ease}.delete-btn{background:linear-gradient(135deg,#ef5350,#d32f2f);color:#fff;cursor:pointer}.btn-mastered,.btn-unmastered{border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .3s ease}.btn-mastered{background:linear-gradient(135deg,#4caf50,#388e3c)}.btn-unmastered{background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-mastered:hover,.btn-unmastered:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.my-audio-exist{align-items:center;display:flex;justify-content:flex-start;margin-top:5px}.no-select{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.no-select,.no-select:active{-webkit-touch-callout:none;touch-action:none}@media (max-width:768px){.word-overview-container{max-width:100%;padding:15px 1px}.word-item{border-radius:12px;margin-bottom:15px;padding:0}.word-header{padding:12px}.word-main{gap:8px;padding-right:30px}.word-text{flex:0 0 auto;font-size:1.2rem;margin-right:6px;min-width:auto}.word-pronunciation{color:#64748b;flex:0 0 auto;font-size:.9rem;min-width:auto}.word-meaning{font-size:.9rem;margin-top:4px;padding-right:0;width:calc(100% - 30px)}.over-expand-icon{align-items:center;display:flex;justify-content:center;right:0;width:24px}.word-details{padding:12px}.segmented-control{height:40px;width:240px}.slider{height:36px}.word-audio-list{gap:4px;margin:0;padding:0}.audio-item{flex-wrap:nowrap;gap:4px;padding:1px;width:100%}.audio-item span{max-width:100px;min-width:70px}.audio-item audio{flex:1 1;width:auto}}.word-header{cursor:pointer;padding:20px;transition:background-color .3s ease}.word-header:hover{background-color:#4a90e20d}.expand-icon{color:#64748b;font-size:.8rem;margin-left:auto}.word-details{animation:slideDown .3s ease-out;background:#ffffff80;border-top:1px solid #4a90e21a;padding:3px}.extra-meaning-section{margin:10px 0}.over-expand-icon{color:#64748b;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);width:24px}.recording-button.is-recording,.recording-button:active{background-color:#ddd;border:1px solid #ccc;padding:8px 12px}.student-modal{align-items:center;background:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.student-modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:25px;position:relative;scrollbar-color:#90a4ae #cfd8dc;scrollbar-width:thin;width:100%}.student-modal-content::-webkit-scrollbar{width:8px}.student-modal-content::-webkit-scrollbar-track{background:#cfd8dc;border-radius:4px}.student-modal-content::-webkit-scrollbar-thumb{background-color:#90a4ae;border-radius:4px}.student-modal-content h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:15px}.student-modal-content p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:12px 0}.student-modal-close{background:linear-gradient(135deg,#ff6b6b,#ee5253);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 16px;position:absolute;right:15px;top:15px;transition:all .3s ease}.student-modal-close:hover{box-shadow:0 5px 15px #ee52534d;transform:translateY(-2px)}.modal-overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.line-none{background-color:#f0f0f0;border-left:4px solid #ddd;color:#333;font-size:16px;margin:10px 0;padding-left:10px}.line-american{background-color:#e8f4f9;border-left:4px solid #007bff;font-size:18px;font-weight:700;margin:0;padding-left:10px}.line-pronunciation{border-left:4px solid #faad14;font-style:italic}.line-pronunciation,.line-syllable{font-size:16px;margin:10px 0;padding-left:10px}.line-syllable{background-color:#fff8e1;border-left:4px solid #1d1d1d;color:#181717}.record-btn{background-color:#4caf50;border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;outline:none;padding:12px 20px;position:relative;transition:background-color .3s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.record-btn:disabled{background-color:#bdbdbd;cursor:not-allowed}.upload-btn{background-color:#1e88e5;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;outline:none;padding:8px 16px;transition:background-color .3s ease}.upload-btn:hover{background-color:#1565c0}.delete-icon-btn{background-color:#ef5350;border-radius:50%;color:#fff;cursor:pointer;height:30px;margin-left:10px;padding:5px;transition:background-color .3s ease;width:30px}.delete-icon-btn:hover{background-color:#d32f2f}.custom-audio-player{margin-top:10px;max-width:350px;width:100%}.audio-control-btn{background-color:#007bff;border-radius:50%;color:#fff;cursor:pointer;padding:8px;transition:background-color .3s ease}.audio-control-btn:hover{background-color:#0056b3}@media (max-width:768px){.student-page{padding:20px 15px}.student-modal-content{max-width:400px;width:90%}.student-modal-content h2{font-size:1.5rem;padding-right:60px}.student-modal-close{font-size:.9rem;padding:6px 12px;right:12px;top:12px}}@media (max-width:360px){.student-modal{padding:10px}.student-modal-content{max-width:300px;padding:15px}}.word-audio-list{background:#ffffff80;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;padding:10px}.audio-item{display:inline-flex;flex:0 0 auto;gap:8px;max-width:none;min-width:auto}.audio-item span{color:#2c3e50;flex-shrink:0;font-size:.85rem;font-weight:500;max-width:120px;min-width:80px;white-space:nowrap}.audio-item audio{min-width:auto;width:200px}.extended-audio-list{display:flex;flex-wrap:wrap;gap:10px}.toggle-audio-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:8px;font-size:.9rem;transition:all .3s ease;width:auto}.toggle-audio-btn:hover{box-shadow:0 2px 8px #4a90e233;transform:translateY(-2px)}@media (max-width:768px){.word-audio-list{gap:4px;margin:0;padding:0}.audio-item{flex-wrap:nowrap;gap:4px;padding:1px;width:100%}.audio-item span{max-width:100px;min-width:70px}.audio-item audio{flex:1 1;width:auto}}.audio-grid{grid-gap:16px;background:#f8f9fa;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0}.audio-grid,.audio-item{border-radius:8px;padding:0}.audio-item{background:#fff;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.audio-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.audio-label{background:#e9ecef;border-radius:4px;color:#2c3e50;display:inline-block;font-weight:600;margin-bottom:8px;padding:4px 8px}.line-content{background:#fff;border-radius:8px;box-shadow:none;margin-bottom:12px;padding:0}.collapsible-group{border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:16px 0;overflow:hidden}.group-header{background:linear-gradient(135deg,#64748b,#94a3b8);border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:12px 20px;transition:all .3s ease}.group-header:hover{background:linear-gradient(135deg,#475569,#64748b);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.header-content{align-items:center;color:#fff;display:flex}.expand-icon{color:#e2e8f0;font-size:12px;margin-right:12px}.group-title{color:#f8fafc;font-size:16px;font-weight:600;letter-spacing:.5px}.group-content{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;margin-top:-1px;padding:16px;position:relative}.group-content:before{background:linear-gradient(180deg,#64748b,#94a3b8);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.group-content>div{background:#f8fafc;border-radius:4px;margin:12px 0;padding-left:16px;position:relative}.group-content>div:not(:last-child):after{background:#e2e8f0;bottom:-12px;content:"";height:1px;left:20px;position:absolute;right:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.extra-meaning-section{background-color:#f5f5f5;border-radius:8px;margin:15px 0;padding:10px}.btn-more-meaning{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-more-meaning:hover{background-color:#357abd}.extra-meaning-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:10px;padding:10px}.extra-meaning-content p{color:#333;line-height:1.5;margin:0;white-space:pre-wrap}.messages-container{margin:0 auto;max-width:800px;padding:20px}.message-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px;padding:16px;transition:all .3s ease}.message-title-button{background:none;border:none;cursor:pointer;font-size:1.1em;font-weight:500;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.message-title-button,.title-content{align-items:center;display:flex;justify-content:space-between}.title-content{flex:1 1;margin-right:16px}.title-text{align-items:center;display:flex;gap:8px}.expand-icon{color:#888;font-size:.8em;transition:transform .3s ease}.new-badge{background-color:#f44;border-radius:12px;color:#fff;font-size:.8em;margin-left:8px;padding:2px 8px}.title-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;overflow:hidden;width:40px}.title-avatar-img{height:100%;object-fit:cover;width:100%}.message-title-button:hover{background-color:#f8f9fa}.new-message-flag{color:red;font-weight:700;margin-left:8px}.expiration-time{color:gray;margin-left:10px}.expanded-content{border-top:1px solid #ddd;margin-top:10px;padding-top:10px;transition:max-height .3s ease}.reply-textarea{border:1px solid #ddd;border-radius:4px;margin-top:10px;padding:10px;resize:none;width:100%}.submit-button{background-color:var(--primary-green);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin-top:10px;padding:8px 16px;transition:background-color .3s}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background-color:var(--accent-green)}.record-button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px}.record-button:hover{background-color:#e68a00}.recording{color:red;font-weight:700}.audio-controls{gap:10px;margin-top:10px}.full-width-button{box-sizing:border-box;max-width:none;padding:12px;width:100%}.chat-messages{display:flex;flex-direction:column;gap:15px}.chat-row{align-items:flex-end;display:flex}.chat-row-left{justify-content:flex-start}.chat-row-right{justify-content:flex-end}.chat-avatar-container{flex-shrink:0;width:60px}.avatar-left{margin-right:10px}.avatar-right{margin-left:10px}.chat-avatar{border-radius:50%;height:50px;width:50px}.chat-bubble-container{max-width:70%;text-align:left}.bubble-left{margin-left:10px;text-align:left}.bubble-right{margin-right:10px;text-align:right}.chat-bubble{word-wrap:break-word;background-color:#e0f7fa;border-radius:12px;padding:10px 15px}.chat-row-right .chat-bubble{background-color:#ffebee}.chat-sender{color:#555;font-size:.9rem;font-weight:700;margin-bottom:5px}.chat-text{font-size:1rem;line-height:1.5;text-align:left}.chat-points{color:#888;font-size:.9rem;margin-top:5px}.read-status-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s,color .3s}.read-status-button.read{background-color:#d3d3d3;color:#fff}.read-status-button.unread{background-color:red;color:#fff}@media (max-width:768px){.messages-container{margin:0 auto;max-width:800px;padding:1px}.message-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px;padding:8px 1px;transition:all .3s ease}.message-title-button{align-items:center;background:none;border:none;color:var(--primary-green);cursor:pointer;display:flex;font-size:1.1em;font-weight:700;justify-content:space-between;padding:1px;text-align:left;transition:color .3s;width:100%}.chat-bubble{word-wrap:break-word;background-color:#e0f7fa;border-radius:12px;padding:10px 5px}.avatar-left{margin-right:1px}.avatar-right,.bubble-left{margin-left:1px}.bubble-left{text-align:left}.bubble-right{margin-right:1px;text-align:right}.chat-bubble-container{max-width:80%;text-align:left}}.message-header{background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.message-info{align-items:center;color:#444;display:flex;font-size:1.1em;justify-content:space-between}.other-user-id{margin-left:auto}.sort-controls{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;margin-bottom:20px;padding:16px}.sort-button{align-items:center;background-color:#f0f2f5;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 16px;transition:all .3s ease}.sort-button:hover{background-color:#e4e6e9}.sort-button.active{background-color:#4a90e2;color:#fff}.sort-icon{font-size:1.1em;font-weight:700}.pagination{gap:8px;margin-top:24px;padding:16px}.page-button,.pagination{display:flex;justify-content:center}.page-button{align-items:center;background-color:#f0f2f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.9em;height:36px;min-width:36px;transition:all .3s ease}.page-button:hover{background-color:#e4e6e9}.page-button.active{background-color:#4a90e2;color:#fff}.word-editor-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1000px;padding:30px 20px}.word-editor-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#3498db,#2980b9);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.search-section{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.search-input{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:300px}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.word-form{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:25px}.form-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:25px}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group input:disabled{background-color:#edf2f7;cursor:not-allowed}.button-group{margin-top:25px}.btn{border-radius:12px;font-size:1rem;padding:12px 24px}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030)}.btn:active{transform:translateY(0)}@media (max-width:768px){.word-editor-container{padding:20px 15px}.search-section{flex-direction:column}.search-input{width:100%}.word-form{padding:20px}.button-group{flex-direction:column}.btn{width:100%}}.home-container{grid-gap:24px;animation:fadeIn .5s ease-out;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:30px;width:100%}.home-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#4a90e2,#357abd);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;grid-column:1/-1;margin-bottom:30px;text-align:center}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e21f,0 0 0 1px #4a90e226;overflow:hidden;padding:24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 15px 35px #4a90e226,0 0 0 1px #4a90e233;transform:translateY(-5px)}.points-section{grid-gap:15px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:25px}.points-section h3{font-size:1.5rem;grid-column:1/-1;margin:0 0 10px;text-align:center}.point-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:15px;flex-direction:column;min-width:0;padding:15px 10px;text-align:center}.point-item,.point-item .value{display:flex;justify-content:center}.point-item .value{align-items:center;box-sizing:border-box;font-weight:700;line-height:1.2;margin:5px 0;min-height:1.5em;overflow-wrap:break-word;padding:0 5px;transition:font-size .3s ease;width:100%}.point-item .label{font-size:.9rem;margin-top:5px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.redeem-codes-section{background:linear-gradient(145deg,#fff,#f0f7ff);max-height:400px;overflow-y:auto}.redeem-codes-section h3{background:#fff;color:#2c3e50;margin-bottom:20px;padding:15px 0;position:sticky;top:0;z-index:1}.redeem-codes-section ul{list-style:none;padding:0}.redeem-codes-section li{grid-gap:10px;align-items:center;background:#ffffffe6;border:1px solid #4a90e233;border-radius:12px;box-shadow:0 2px 8px #4a90e214;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:10px 0;padding:15px;transition:transform .2s ease}.redeem-codes-section li:hover{transform:scale(1.02)}.redeem-section{background:linear-gradient(145deg,#fff,#f0f7ff)}.redeem-input-container{display:flex;gap:12px;margin:20px 0}.redeem-input-container input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:1rem;padding:12px 20px;transition:border-color .3s ease}.redeem-input-container input:focus{outline:none}.redeem-input-container button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.redeem-input-container button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.action-buttons{display:flex;gap:20px;grid-column:1/-1;justify-content:center;margin-top:30px}.action-buttons button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;min-width:120px;padding:12px 30px;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.action-buttons button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.redeem-message{animation:fadeIn .3s ease;border-radius:8px;font-weight:500;margin:15px 0;padding:12px;text-align:center}.redeem-message.success{background:#48bb781a;border:1px solid #48bb7833;color:#2f855a}.redeem-message.error{background:#f565651a;border:1px solid #f5656533;color:#c53030}.redeem-codes-section .code{background:#4a90e21a;border-radius:6px;color:#4a5568;font-family:monospace;font-size:.9rem;padding:4px 8px}.redeem-codes-section .points{color:#48bb78;font-weight:600}.redeem-codes-section .date{color:#718096;font-size:.9rem}.no-records{color:#a0aec0;font-style:italic;padding:30px 0;text-align:center}.card h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:20px}.points-section h3{color:#fff!important}@media (max-width:768px){.home-container{gap:16px;grid-template-columns:1fr;padding:15px}.home-container h1{font-size:1.8rem;margin-bottom:20px}.points-section{gap:10px;padding:15px}.point-item{padding:8px 5px}.point-item .value{font-size:clamp(1rem,3vw,1.4rem);margin:3px 0}.point-item .label{font-size:clamp(.7rem,1.8vw,.8rem)}.redeem-codes-section li{gap:5px;grid-template-columns:1fr;padding:10px;text-align:center}.redeem-codes-section .code{font-size:.85rem;word-break:break-all}.redeem-codes-section .date,.redeem-codes-section .points{font-size:.85rem}.card{padding:15px}.card h3{font-size:1.1rem;margin-bottom:15px}.redeem-input-container{flex-direction:column;gap:10px;margin:15px 0}.redeem-input-container button,.redeem-input-container input{font-size:.9rem;padding:10px 15px;width:100%}.redeem-section{padding:15px}.action-buttons{flex-wrap:nowrap;gap:10px}.action-buttons button{font-size:.9rem;min-width:auto;padding:10px 20px}}@media (max-width:360px){.points-section{gap:5px;padding:10px}.point-item .value{font-size:1.2rem}.point-item .label{font-size:.75rem}.redeem-input-container{gap:8px}.redeem-input-container button,.redeem-input-container input{font-size:.85rem;padding:8px 12px}}.point-item{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.redeem-input-container input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.redeem-codes-section,.redeem-section{background:linear-gradient(180deg,#fff,#f8fafc)}.membership-section{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;overflow:hidden;position:relative}.membership-section:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.membership-section h3{color:#fff!important;font-size:1.5rem;margin-bottom:25px;position:relative}.membership-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;position:relative}.membership-info p{align-items:center;display:flex;font-size:1.1rem;margin:10px 0}.membership-info p:first-child{margin-top:0}.membership-info p:last-child{margin-bottom:0}.membership-status{align-items:center;display:inline-flex;margin-left:10px}.membership-status.active{color:#4ade80}.membership-status.inactive{color:#fda4af}.expiry-date{background:#ffffff26;border-radius:10px;font-family:monospace;letter-spacing:.5px;margin-left:10px;padding:8px 15px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.membership-section{padding:20px}.membership-info{padding:15px}.membership-info p{align-items:flex-start;flex-direction:column;font-size:1rem}.expiry-date,.membership-status{margin-left:0;margin-top:5px}}.profile-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:800px;padding:30px 20px}.profile-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#4a90e2,#357abd);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.profile-card{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e21f,0 0 0 1px #4a90e226;padding:30px}.avatar-section{margin-bottom:30px;text-align:center}.avatar-container{border-radius:50%;box-shadow:0 5px 15px #0000001a;height:150px;margin:0 auto;overflow:hidden;position:relative;width:150px}.avatar-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.avatar-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-container:hover .avatar-image{transform:scale(1.1)}.avatar-upload-label{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px}.upload-icon{font-size:24px}.avatar-input{display:none}.avatar-tip{color:#666;font-size:.9rem;margin-top:10px}.profile-form{margin:0 auto;max-width:500px}.form-group{margin-bottom:25px}.form-group label{color:#2c3e50;font-weight:600}.date-select,.input-field,.input-readonly{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;outline:none}.input-readonly{background:#f8fafc;color:#64748b}.date-selects{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr}.date-select{padding:10px}.error-message{color:#e53e3e;display:block;font-size:.9rem;margin-top:5px}.save-button{font-size:1rem;margin-top:20px;padding:12px;width:100%}@media (max-width:768px){.profile-container{padding:20px 15px}.profile-card{padding:20px}.avatar-container{height:120px;width:120px}.form-group{margin-bottom:20px}.date-selects{gap:8px;grid-template-columns:1fr}}.invitation-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:800px;padding:30px 20px}.invitation-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#4a90e2,#357abd);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.invitation-card{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e21f,0 0 0 1px #4a90e226;padding:30px}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.stat-item{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:15px;color:#fff;padding:20px;text-align:center}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.code-section{margin-bottom:30px}.code-display{text-align:center}.code-display label{color:#2c3e50;display:block;font-weight:600;margin-bottom:10px}.code-value{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #4a90e214;display:flex;gap:15px;justify-content:center;padding:15px}.code-value span{color:#4a90e2;font-size:1.5rem;font-weight:600;letter-spacing:2px}.copy-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 20px;transition:all .3s ease}.copy-button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.code-input-section{margin:0 auto;max-width:500px}.tip-text{color:#64748b;line-height:1.6;margin-bottom:20px;text-align:center}.input-group{display:flex;gap:10px}.code-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:1rem;padding:12px;transition:all .3s ease}.code-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;outline:none}.save-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-button:hover{box-shadow:0 5px 15px #4a90e24d;transform:translateY(-2px)}.confirmation-dialog{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{background:#fff;border-radius:20px;max-width:400px;padding:30px;text-align:center;width:90%}.dialog-content h3{color:#2c3e50;margin-bottom:20px}.warning-text{color:#e53e3e;margin:15px 0}.dialog-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.cancel-button,.confirm-button{border-radius:10px;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s ease}.confirm-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;color:#fff}.cancel-button{background:#fff;border:2px solid #e2e8f0;color:#64748b}.invited-users-section{margin-top:30px}.invited-users-section h3{color:#2c3e50;margin-bottom:15px}.users-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.user-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #4a90e214;padding:15px;position:relative;text-align:center;transition:all .3s ease}.user-item.paid{background:linear-gradient(145deg,#fff,#fff8e8);border:1px solid #ffc10733}.paid-badge{align-items:center;background:linear-gradient(135deg,#ffb800,#ff8a00);border-radius:20px;box-shadow:0 2px 8px #ffb8004d;color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:4px;padding:5px 10px;position:absolute;right:-10px;top:-10px}.paid-badge i{color:#fff;font-size:.9rem}.user-item:hover{box-shadow:0 4px 12px #4a90e226;transform:translateY(-2px)}@media (max-width:768px){.invitation-container{padding:20px 15px}.invitation-card{padding:20px}.stats-section{gap:10px}.stat-value{font-size:1.5rem}.code-value,.input-group{flex-direction:column}.code-value{gap:10px}.users-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}html{-webkit-text-size-adjust:100%;height:100%;overflow-x:hidden;width:100%}body{min-height:100%;position:fixed}.App,body{-webkit-overflow-scrolling:touch;bottom:0;left:0;overflow-x:hidden;right:0;top:0;width:100%}.App{height:100%;overflow-y:auto;position:absolute}:root{--primary-blue:#4a90e2;--light-blue:#82b1ff;--bg-blue:#f5f9ff;--text-color:#2c3e50}.App{background-color:#f5f9ff;background-color:var(--bg-blue);font-family:Roboto,Helvetica,Arial,sans-serif}.App-header{background-color:var(--primary-green);display:flex;justify-content:center;padding:10px}.nav-links{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links li{display:inline-block}.nav-links a{border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background-color:#ffffff1a;transform:translateY(-1px)}.login-button{margin-left:auto}.avatar{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;transition:transform .2s ease;width:40px}.avatar:hover{transform:scale(1.05)}.avatar-menu-container{position:relative}.menu-dropdown{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #4a90e226;padding:12px}.menu-dropdown p{color:#2c3e50;color:var(--text-color);font-size:1em;font-weight:700;margin:0;padding:8px 0;text-align:center}.menu-dropdown hr{border:none;border-top:1px solid #eee;margin:8px 0;width:100%}.menu-dropdown button{background-color:#4a90e2;background-color:var(--primary-blue);border:none;border-radius:8px;color:#fff;font-weight:500;padding:10px 16px;transition:all .3s ease}.menu-dropdown button:hover{background-color:#82b1ff;background-color:var(--light-blue);box-shadow:0 2px 8px #4a90e233;transform:translateY(-1px)}main{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:1px;box-shadow:0 2px 12px #4a90e21a;margin:20px;padding:24px}.nav-button{background:none!important;color:#ffffffd9!important;height:48px!important;min-width:auto!important;padding:6px 16px!important;position:relative;transition:all .3s ease!important;white-space:nowrap!important;z-index:2}.nav-button,.nav-button>span{align-items:center!important;display:flex!important;justify-content:center!important}.nav-button>span{width:100%!important}.nav-button:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 12px #00000026,inset 0 0 0 1px #fff3;content:"";height:40px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:100%;z-index:-1}.nav-button:hover:before{opacity:1}.nav-slider{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 12px #00000026,inset 0 0 0 1px #fff3;height:40px;pointer-events:none;position:absolute;top:50%;transform:translate3d(calc(var(--slider-x)),-50%,0);transform:translate3d(calc(var(--slider-x) + var(--slider-adjust, 0px)),-50%,0);transition:width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:0;width:var(--slider-width,0);z-index:1}.nav-button.active{color:#fff!important;font-weight:500}.nav-button .MuiButton-label{gap:4px;justify-content:center;text-align:center}.nav-button .MuiButton-label,.nav-container{align-items:center;display:flex;position:relative;z-index:1}.nav-container{gap:16px;height:48px;padding:0 8px}.nav-button:hover{background:none!important}.nav-button .MuiTouchRipple-root{display:none!important}.nav-button.active{position:relative}.nav-button.active:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.nav-slider{transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease}.nav-button:hover{color:#1a365d!important}.MuiAppBar-root{background:linear-gradient(135deg,#4a90e2,#357abd)!important;box-shadow:0 2px 12px #4a90e233!important}.nav-button:after{background:radial-gradient(circle,#ffffffb3 0,#fff0 70%);content:"";height:100%;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;width:100%}.nav-button:active:after{animation:ripple .5s ease-out;opacity:1}@media (max-width:768px){.MuiBox-root.css-jrv3uo{padding:0!important}.MuiBox-root.css-lnrclk{margin:0!important}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.nav-slider:before{bottom:-4px;content:"";height:40px;left:4px;pointer-events:none;position:absolute;width:40px}.nav-slider.moving:before{animation:createBubbles .6s ease-out}@keyframes bubble{0%{opacity:0;transform:scale(.1) translate(0)}50%{opacity:.6}to{opacity:0;transform:scale(1) translate(-20px,-40px)}}@keyframes createBubbles{0%{background:radial-gradient(circle at center,#fffc 30%,#0000 70%) 0 100%/8px 8px,radial-gradient(circle at center,#fffc 30%,#0000 70%) 0 100%/8px 8px,radial-gradient(circle at center,#fffc 30%,#0000 70%) 0 100%/8px 8px,radial-gradient(circle at center,#fffc 30%,#0000 70%) 0 100%/8px 8px,radial-gradient(circle at center,#fffc 30%,#0000 70%) 0 100%/8px 8px;background-repeat:no-repeat}to{background:radial-gradient(circle at center,#fff0 30%,#0000 70%) 0 -30px/8px 8px,radial-gradient(circle at center,#fff0 30%,#0000 70%) -10px -20px/10px 10px,radial-gradient(circle at center,#fff0 30%,#0000 70%) 10px -25px/7px 7px,radial-gradient(circle at center,#fff0 30%,#0000 70%) -5px -35px/9px 9px,radial-gradient(circle at center,#fff0 30%,#0000 70%) 5px -40px/6px 6px;background-repeat:no-repeat}}.bubble{background:radial-gradient(circle at 30% 30%,#ffffffe6,#fff6);border-radius:50%;box-shadow:0 0 10px #ffffff80;opacity:0;pointer-events:none;position:absolute}@keyframes floatBubble{0%{opacity:0;transform:translate(0) scale(.1)}20%{opacity:.8}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1)}}.detailed-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:50%;max-height:80vh;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1500}.line-actions{display:flex;gap:8px;justify-content:center;margin-top:10px}.line-actions button{background-color:var(--primary-green);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;max-width:200px;padding:6px 10px;transition:background-color .3s}.line-actions button:hover{background-color:var(--accent-green);color:#eaf9e4}.line-actions button.delete{background-color:#f44336}.line-actions button.delete:hover{background-color:#d32f2f}.detailed-modal-content{background-color:#fff;border-radius:8px;padding:20px;position:relative}.audio-item{align-items:center;display:flex;flex-direction:row;gap:10px;margin:5px 0;padding:10px}.audio-control{flex:1 1;min-width:150px}.audio-controls{gap:8px;white-space:nowrap}.delete-button,.download-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:60px;padding:5px 10px;transition:background-color .3s}.delete-button{background-color:#f44336;color:#fff}.download-button{background-color:#2196f3;color:#fff}.audio-item select{height:30px;min-width:120px}.modify-button,.record-button,.save-button{opacity:1}.close-button,.modify-button,.record-button,.save-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:5px 8px;padding:8px 16px;transition:background-color .3s}.close-button{background-color:#ff4d4d;display:inline-block;min-width:80px;text-align:center;white-space:nowrap}.record-button{background-color:#ff9800}.modify-button{background-color:#3b5998}.save-button{background-color:#4caf50}button.delete{background-color:#f44336;color:#fff}button.delete:hover{background-color:#d32f2f}.recording-controls{align-items:center;display:flex;gap:6px;justify-content:flex-start;margin-top:10px}.line-none{background-color:#f9f9f9;color:#000}.line-american{background-color:#e6f7ff;color:#333;font-style:normal}.line-pronunciation{background-color:#fffbe6;color:#faad14;font-weight:700}.line-syllable{border:2px solid #8f8f8f;color:#313131}.detailed-edit-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.detailed-edit-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:600px;padding:24px;width:90%}.detailed-edit-modal h3{color:#333;font-size:1.2em;margin:0 0 16px}.detailed-edit-modal textarea{border:2px solid #e8e8e8;border-radius:8px;font-size:16px;margin-bottom:20px;min-height:120px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.detailed-edit-modal textarea:focus{border-color:#4caf50;outline:none}.detailed-edit-buttons{display:flex;gap:12px;justify-content:flex-end}.detailed-cancel-button,.detailed-confirm-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:10px 24px;transition:all .3s ease}.detailed-confirm-button{background-color:#4caf50;color:#fff}.detailed-confirm-button:hover{background-color:#45a049}.detailed-cancel-button{background-color:#f5f5f5;color:#666}.detailed-cancel-button:hover{background-color:#e8e8e8}.meaning-edit{background:linear-gradient(145deg,#fff,#f8faff);max-width:500px}.meaning-edit h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:10px}.edit-tip{background-color:#f8f9fa;border-left:4px solid #4caf50;border-radius:6px;color:#666;font-size:.9rem;margin-bottom:15px;padding:8px 12px}.meaning-edit textarea{background-color:#fff;border:2px solid #e8e8e8;border-radius:8px;font-size:1rem;line-height:1.5;margin-bottom:20px;min-height:150px;padding:15px;transition:all .3s ease;width:100%}.meaning-edit textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4ade801a;outline:none}.meaning-edit .detailed-edit-buttons{margin-top:20px}.meaning-edit .detailed-cancel-button,.meaning-edit .detailed-confirm-button{font-weight:500;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.meaning-edit .detailed-confirm-button{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 4px #4caf5033}.meaning-edit .detailed-confirm-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.meaning-edit .detailed-cancel-button{background:#f5f5f5;color:#666}.meaning-edit .detailed-cancel-button:hover{background:#e8e8e8;color:#333}.save-message{animation:fadeInOut 1s ease-in-out;background-color:#4caf50e6;border-radius:4px;color:#fff;left:50%;padding:10px 20px;position:absolute;top:20px;transform:translateX(-50%);z-index:2100}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.content-edit{display:flex;flex-direction:column;height:80vh;max-width:800px;width:90%}.content-edit .quill{background:#fff;border-radius:8px;display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;min-height:400px}.content-edit .ql-container{border-bottom-left-radius:8px;border-bottom-right-radius:8px;flex:1 1;font-size:16px;overflow:visible}.content-edit .ql-toolbar{background:#f8f9fa;border-bottom:1px solid #e8e8e8;border-top-left-radius:8px;border-top-right-radius:8px;flex-shrink:0;position:sticky;top:0;z-index:2}.content-edit .ql-editor{background:#fff;font-size:16px;line-height:1.6;min-height:300px;overflow-y:auto;padding:20px}.content-edit .ql-editor p{margin-bottom:1em}.content-edit .ql-editor img{display:block;height:auto;margin:1em auto;max-width:100%}.content-display{line-height:1.6;overflow-x:hidden;padding:15px}.content-display img{display:block;height:auto;margin:10px auto;max-width:100%}.content-display p{margin:1em 0;overflow-wrap:break-word}.content-display h1{color:#2c3e50;font-size:2em;margin:1em 0 .5em}.content-display h2{color:#34495e;font-size:1.5em;margin:.83em 0}.content-display h3{color:#2c3e50;font-size:1.17em;margin:1em 0}.content-display a{color:#3498db;text-decoration:none}.content-display a:hover{text-decoration:underline}.editor-controls{margin-bottom:10px}.editor-toggle{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background-color .3s}.editor-toggle:hover{background-color:#e0e0e0}.editor-toggle.rich{background-color:#e3f2fd}.editor-toggle.plain{background-color:#f5f5f5}.plain-text-editor{border:1px solid #ccc;border-radius:4px;font-size:14px;line-height:1.5;min-height:200px;padding:10px;resize:vertical;width:100%}.toggle-audio-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:5px 0;padding:8px 16px;transition:background-color .3s}.toggle-audio-btn:hover{background-color:#45a049}.audio-list{margin-top:10px;overflow:hidden;transition:max-height .3s ease-in-out}.audio-list.expanded{max-height:1000px}.audio-item{background-color:#f5f5f5;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:1px 0;padding:1px}.loading-audio{animation:pulse 1.5s infinite;background-color:#f9f9f9;border-radius:4px;color:#666;margin:5px 0;padding:10px;text-align:center}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.inline-editor{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:15px 0;padding:20px}.inline-editor h3{border-bottom:2px solid #4caf50;color:#333;font-size:1.2em;margin:0 0 15px;padding-bottom:8px}.inline-editor .quill{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}.inline-editor .ql-toolbar{background:#f8f9fa;border-bottom:1px solid #e8e8e8;border-top-left-radius:4px;border-top-right-radius:4px}.inline-editor .ql-container{border-bottom-left-radius:4px;border-bottom-right-radius:4px;min-height:200px}.inline-editor .plain-text-editor,.inline-editor .ql-editor{font-size:16px;line-height:1.6;min-height:200px}.inline-editor .plain-text-editor{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:12px;resize:vertical;width:100%}.inline-editor .plain-text-editor:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.editor-buttons{display:flex;gap:10px;justify-content:flex-end}.editor-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s ease}.editor-buttons button:first-child{background-color:#4caf50;color:#fff}.editor-buttons button:first-child:hover{background-color:#45a049}.editor-buttons button:last-child{background-color:#f5f5f5;color:#666}.editor-buttons button:last-child:hover{background-color:#e8e8e8}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.word-list-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1000px;padding:30px 20px}.word-list-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#4a90e2,#357abd);background-clip:text;-webkit-background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.word-card{background:linear-gradient(145deg,#fff,#f0f7ff);border-radius:20px;box-shadow:0 10px 25px #4a90e214,0 0 0 1px #4a90e21a;margin-bottom:10px;padding:1px 5px;transition:all .3s ease}.word-card:hover{box-shadow:0 15px 35px #4a90e21f,0 0 0 1px #4a90e226;transform:translateY(-2px)}.word-card h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:10px}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.audio-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:10px;margin:10px 0;padding:12px}.btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;margin:5px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.record-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:500;margin:10px 0;padding:12px 24px}.record-btn:active{background:linear-gradient(135deg,#059669,#047857);transform:scale(.98)}@media (max-width:768px){.word-list-container{padding:20px 15px}.word-card{padding:20px}.word-card h2{font-size:1.5rem}.btn{font-size:.9rem;margin:5px 0;padding:8px 16px;width:100%}.audio-container{align-items:stretch;flex-direction:column}}.all-words-container{margin:0 auto;max-width:1000px;padding:30px 20px}.all-words-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#3498db,#2980b9);background-clip:text;-webkit-background-clip:text;font-size:2.2rem;margin-bottom:35px;text-align:center}.audio-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1px;margin:1px 0;padding:1px}.audio-label-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.audio-label-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.meaning-editor{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.meaning-editor textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;line-height:1.5;min-height:120px;padding:12px;resize:vertical;width:100%}.meaning-editor textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}@media (max-width:768px){.meaning-editor textarea{min-height:100px;width:100%}.audio-controls{align-items:stretch;padding:1px}.audio-controls,.button-group{flex-direction:column}}.video-player-container{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:10px;width:100%}.player-header{align-items:center;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.player-header h1{color:#333;font-size:24px;margin:0}.file-controls{display:flex;gap:15px}.import-control label{margin-bottom:5px;padding:8px 15px}.player-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:10px;margin:10px 0;padding:10px}.video-section{background-color:#000;border-radius:8px;overflow:hidden;position:relative;width:100%}.video-wrapper{height:100%;position:relative;width:100%}.video-element{background-color:#000;display:block;max-height:80vh;width:100%}.video-subtitles-overlay{align-items:center;bottom:80px;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.subtitle-content{background-color:#000000b3;border-radius:4px;max-width:90%;padding:12px 24px;text-align:center;transition:all .3s ease}.subtitle-content .subtitle-text{color:#fff;font-style:normal!important;font-weight:500;line-height:1.4;margin-bottom:8px;text-shadow:2px 2px 4px #000c}.subtitle-content .subtitle-translation{color:#eee;font-style:normal!important;line-height:1.4;text-shadow:1px 1px 2px #000c}.subtitle-size-small{font-size:24px!important}.subtitle-size-medium{font-size:32px!important}.subtitle-size-large{font-size:40px!important}.video-custom-controls{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;border-radius:6px;bottom:10px;display:flex;gap:10px;padding:8px 12px;position:absolute;right:10px;z-index:10}.volume-control{align-items:center;display:flex;gap:8px}.volume-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px;transition:background-color .2s}.volume-button:hover{background-color:#fff3}.volume-slider{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.fullscreen-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 8px;transition:background-color .2s}.fullscreen-button:hover{background-color:#fff3}.video-fullscreen{background-color:#000!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.video-fullscreen-mode .player-controls-container,.video-fullscreen-mode .player-footer{display:none!important}.video-fullscreen .video-wrapper{height:100%!important;max-height:none!important;max-width:none!important;width:100%!important}.video-fullscreen .video-element{height:100%!important;object-fit:contain!important;width:100%!important}.video-fullscreen .video-subtitles-overlay{bottom:120px!important;left:50%!important;position:absolute!important;text-align:center!important;transform:translateX(-50%)!important;width:90%!important}.video-fullscreen .video-custom-controls{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#000c!important;border-radius:8px!important;bottom:20px!important;display:flex!important;flex-direction:row!important;gap:15px!important;left:50%!important;padding:10px 15px!important;position:absolute!important;transform:translateX(-50%)!important}.video-progress-container{align-items:center;background:#0000;border-radius:0;display:flex;gap:10px;min-width:200px;padding:0}.video-progress-bar{background:#ffffff4d;border-radius:3px;height:6px;overflow:hidden;position:relative;width:200px}.video-progress-fill{background:#007bff;border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.video-progress-slider{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.video-time-display{color:#fff;font-family:monospace;font-size:12px;white-space:nowrap}.video-fullscreen .volume-control{align-items:center;background:#0000;display:flex;gap:8px;padding:0}.video-fullscreen .volume-button{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 8px;transition:background-color .2s}.video-fullscreen .volume-button:hover{background:#ffffff4d}.video-fullscreen .volume-slider{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:60px}.video-fullscreen .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-fullscreen .volume-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-fullscreen .fullscreen-button{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 8px;transition:background-color .2s}.video-fullscreen .fullscreen-button:hover{background:#ffffff4d}.video-fullscreen .video-element::-webkit-media-controls,.video-fullscreen .video-element::-webkit-media-controls-panel{display:none!important}.video-fullscreen .video-element::-webkit-media-controls-play-button,.video-fullscreen .video-element::-webkit-media-controls-volume-slider{display:none!important}.video-fullscreen .video-element::-webkit-media-controls-mute-button,.video-fullscreen .video-element::-webkit-media-controls-timeline{display:none!important}.video-fullscreen .video-element::-webkit-media-controls-current-time-display,.video-fullscreen .video-element::-webkit-media-controls-time-remaining-display{display:none!important}.video-fullscreen .video-element::-webkit-media-controls-fullscreen-button,.video-fullscreen .video-element::-webkit-media-controls-overlay-play-button{display:none!important}.video-fullscreen .subtitle-text{font-size:4em!important}.video-fullscreen .subtitle-translation{font-size:3.2em!important}.video-fullscreen .subtitle-size-medium .subtitle-text{font-size:5em!important}.video-fullscreen .subtitle-size-medium .subtitle-translation{font-size:4em!important}.video-fullscreen .subtitle-size-large .subtitle-text{font-size:6em!important}.video-fullscreen .subtitle-size-large .subtitle-translation{font-size:4.8em!important}.subtitles-section{display:none}.player-controls-container{background-color:#f1f3f5;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;margin-top:8px;padding:8px;width:100%}.player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.control-button{background-color:#4a6baf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.control-button:hover{background-color:#3a539b}.control-button:disabled{background-color:#ccc;cursor:not-allowed}.control-button.rate-button{background-color:#28a745}.control-button.rate-button:hover{background-color:#218838}.control-button.play-button{background-color:#007bff;padding:8px 20px}.control-button.play-button:hover{background-color:#0069d9}.control-button.copy-subtitle-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px #28a7454d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:8px 12px;transition:all .3s ease}.control-button.copy-subtitle-button:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #28a74566;transform:translateY(-1px)}.control-button.copy-subtitle-button:active{box-shadow:0 2px 4px #28a7454d;transform:translateY(0)}.control-button.copy-subtitle-button:disabled{background:#6c757d;box-shadow:0 2px 4px #6c757d4d;cursor:not-allowed;transform:none}.control-toggle{align-items:center;color:#333;display:flex;font-size:14px;margin:0 5px;-webkit-user-select:none;user-select:none}.control-toggle input[type=checkbox]{margin-right:5px}.import-controls{display:flex;gap:10px;margin-left:auto}.import-control{display:flex;flex-direction:column}.import-control label{background-color:#4a6baf;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:6px 12px;text-align:center;transition:background-color .2s}.import-control label:hover{background-color:#3a539b}.import-control input[type=file]{display:none}.utility-controls{display:flex;gap:10px;position:fixed;right:10px;top:10px;z-index:1200}.utility-button{background-color:#4a6bafcc;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s ease}.utility-button:hover{background-color:#3a539be6;transform:translateY(-2px)}.fullscreen-button{background-color:#28a745cc}.fullscreen-button:hover{background-color:#218838e6}.subtitles-list-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.subtitles-list{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 0 30px #000000b3;display:flex;flex-direction:column;height:80%;max-height:600px;max-width:800px;overflow:hidden;width:80%}.subtitles-list-header{align-items:center;background-color:#252525;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.subtitles-list-header h3{color:#fff;font-size:20px;font-weight:500;margin:0}.close-list-button{align-items:center;background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:22px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.close-list-button:hover{background-color:#ffffff1a;color:#fff}.subtitles-list-container{flex:1 1;overflow-y:auto;padding:15px}.subtitle-item{background-color:#2a2a2a;border-left:4px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;margin:10px 0;padding:15px;transition:all .2s ease}.subtitle-item:hover{background-color:#353535;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.subtitle-item.current{background-color:#3a3a3a;border-left:4px solid #6366f1;box-shadow:0 0 0 1px #6366f14d}.subtitle-time{background-color:#0003;border-radius:4px;color:#aaa;display:inline-block;font-family:monospace;font-size:12px;margin-bottom:8px;padding:3px 8px}.subtitle-item .subtitle-text{color:#fff;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:6px}.subtitle-item .subtitle-translation{border-top:1px solid #ffffff1a;color:#bbb;font-size:14px;font-style:italic;line-height:1.5;margin-top:6px;padding-top:6px}.subtitle-item.current .subtitle-text{color:#fff}.subtitle-item.current .subtitle-time{background-color:#6366f133;color:#d1d1ff}.subtitles-list-container::-webkit-scrollbar{width:10px}.subtitles-list-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:5px}.subtitles-list-container::-webkit-scrollbar-thumb{background-color:#444;border:2px solid #1a1a1a;border-radius:5px}.subtitles-list-container::-webkit-scrollbar-thumb:hover{background-color:#555}.player-footer{border-top:1px solid #ddd;color:#666;font-size:14px;margin-top:15px;padding-top:10px;text-align:center}.player-footer p{margin:5px 0}.keyboard-shortcuts{background-color:#f5f5f5;border-radius:4px;color:#888;display:inline-block;font-size:12px;margin-top:8px;padding:5px}body:has(.video-player-container:has(.nav-control:has(.nav-toggle-button:has(+.player-main)))){margin-top:0;padding-top:0}@media (max-width:768px){.player-header{align-items:flex-start;flex-direction:column}.player-header h1{margin-bottom:15px}.file-controls{width:100%}.import-control{flex:1 1}.import-control label{width:100%}.control-button,.control-toggle{font-size:12px}.subtitle-row.current{font-size:16px}.nav-toggle-button{font-size:12px;padding:6px 10px}}.media-files-sidebar-fixed{background:#f8f9fa;border-right:1px solid #dee2e6;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:300px;z-index:1050}.media-files-header{align-items:center;background:#343a40;border-bottom:1px solid #495057;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.media-files-header h3{font-size:16px;font-weight:600;margin:0}.close-media-list-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:5px;transition:background-color .2s}.close-media-list-button:hover{background-color:#ffffff1a}.media-files-container{flex:1 1;overflow-y:auto;padding:10px}.media-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.media-item:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f326;transform:translateY(-1px)}.media-item.current{background:#2196f3;border-color:#1976d2;box-shadow:0 2px 8px #2196f34d;color:#fff}.media-item.current:hover{background:#1976d2}.media-icon{font-size:24px;margin-right:12px;min-width:32px;text-align:center}.media-info{flex:1 1;min-width:0}.media-name{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-details{font-size:12px;opacity:.8}.media-item.current .media-details{opacity:.9}.media-file-name,.subtitle-file-name{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-file-name{color:#666}.media-item.current .media-file-name{color:#ffffffe6}.subtitle-file-name{color:#888;font-style:italic}.media-item.current .subtitle-file-name{color:#fffc}.audio-progress-overlay{animation:fadeInProgress .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:12px;left:50%;min-width:300px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes fadeInProgress{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.audio-progress-container{display:flex;flex-direction:column;gap:12px}.audio-progress-info{color:#fff;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.audio-progress-bar{background:#ffffff4d;border-radius:3px;height:6px;overflow:hidden;position:relative}.audio-progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.audio-progress-slider{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.audio-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;opacity:1;width:16px}.audio-progress-slider::-moz-range-thumb{background:#4caf50;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;width:16px}.audio-progress-container-controls{animation:audioProgressFadeIn .3s ease-out;display:flex;flex:1 1;flex-direction:column;gap:8px;margin:0 15px;max-width:350px;min-width:250px}@keyframes audioProgressFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audio-progress-info-controls{color:#fff;display:flex;font-size:12px;font-weight:500;justify-content:space-between;text-shadow:1px 1px 2px #000000b3}.audio-progress-bar-controls{background:#ffffff4d;border-radius:3px;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:6px;position:relative}.audio-progress-fill-controls{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.audio-progress-slider-controls{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.audio-progress-slider-controls::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;box-shadow:0 2px 4px #0006;cursor:pointer;height:14px;opacity:1;width:14px}.audio-progress-slider-controls::-moz-range-thumb{background:#4caf50;border:none;border-radius:50%;box-shadow:0 2px 4px #0006;cursor:pointer;height:14px;width:14px}.audio-progress-slider-controls:active::-webkit-slider-thumb,.audio-progress-slider-controls:hover::-webkit-slider-thumb{background:#45a049;transform:scale(1.1)}.audio-progress-slider-controls:active::-moz-range-thumb,.audio-progress-slider-controls:hover::-moz-range-thumb{background:#45a049;transform:scale(1.1)}@media (max-width:768px){.audio-progress-overlay{min-width:280px;padding:16px}.audio-progress-info{font-size:13px}.audio-progress-slider::-webkit-slider-thumb{height:18px;width:18px}.audio-progress-slider::-moz-range-thumb{height:18px;width:18px}.audio-progress-container-controls{margin:0 10px;max-width:280px;min-width:200px}.audio-progress-info-controls{font-size:11px}.audio-progress-slider-controls::-webkit-slider-thumb{height:16px;width:16px}.audio-progress-slider-controls::-moz-range-thumb{height:16px;width:16px}.media-files-sidebar-fixed{height:50vh;left:0;position:fixed;top:0;width:100%;z-index:1060}.media-item{padding:10px}.media-icon{font-size:20px;margin-right:10px;min-width:24px}.media-name{font-size:13px}.media-details{font-size:11px}}.unified-media-controls{align-items:center;animation:slideUpFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;bottom:10px;color:#fff;display:flex;font-size:12px;gap:15px;left:10px;padding:10px 15px;position:absolute;right:10px;z-index:10}.progress-section{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.progress-time-info{color:#fffc;display:flex;font-size:11px;justify-content:space-between}.progress-bar-wrapper{background:#fff3;border-radius:3px;height:6px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:3px;transition:width .1s ease}.progress-fill,.progress-slider{height:100%;left:0;position:absolute;top:0}.progress-slider{cursor:pointer;margin:0;opacity:0;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:14px;opacity:1;position:relative;width:14px;z-index:2}.progress-slider::-moz-range-thumb{background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:14px;width:14px}.unified-media-controls .volume-control{align-items:center;display:flex;flex-shrink:0;gap:8px}.unified-media-controls .volume-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.unified-media-controls .volume-button:hover{background:#ffffff1a}.unified-media-controls .volume-slider{background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;width:60px}.unified-media-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:12px;width:12px}.unified-media-controls .volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:12px;width:12px}.unified-media-controls .fullscreen-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;padding:6px;transition:background-color .2s}.unified-media-controls .fullscreen-button:hover{background:#ffffff1a}@media (max-width:768px){.unified-media-controls{bottom:5px;gap:10px;left:5px;padding:8px 12px;right:5px}.progress-time-info{font-size:10px}.unified-media-controls .volume-slider{width:50px}.progress-slider::-webkit-slider-thumb{height:16px;width:16px}.progress-slider::-moz-range-thumb{height:16px;width:16px}}.contact-admin-container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.mobile-chat-container{margin:0 auto;max-width:100%;padding:20px;width:800px}@media (max-width:768px){.contact-admin-container{padding:0}.mobile-chat-container{margin:0!important;padding:0!important;width:100%!important}.chat-message-container{padding:5px!important}.chat-message{margin-bottom:5px!important;max-width:85%!important;padding:8px!important}.chat-avatar{height:28px!important;margin:0 3px!important;width:28px!important}.broadcast-container,.message-input-container{padding:5px!important}.broadcast-container{margin-top:5px!important}.broadcast-title{font-size:1rem!important}.chat-content-container{height:calc(100vh - 190px)!important;padding:5px!important}.broadcast-item{margin-bottom:5px!important;padding:8px!important}}.chat-content-container{height:400px;overflow-y:auto;padding:10px}@media (max-width:768px){.chat-content-container{height:calc(100vh - 190px)!important;padding:5px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:fadeIn .3s ease-out;border-radius:8px;margin-bottom:10px;max-width:70%;padding:10px}.my-message{align-self:flex-end;background-color:#e3f2fd;margin-left:auto}.other-message{align-self:flex-start;background-color:#f5f5f5;margin-right:auto}.message-timestamp{color:#757575;font-size:.75rem;margin-top:4px}.contact-admin-container ::-webkit-scrollbar{height:4px;width:4px}.contact-admin-container ::-webkit-scrollbar-track{background:#f1f1f1}.contact-admin-container ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.contact-admin-container ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message-input-container{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;padding:10px}.message-input{flex-grow:1;margin-right:8px}.broadcast-item{border-bottom:1px solid #e0e0e0;margin-bottom:10px;padding:10px}.broadcast-unread{background-color:#f5f5f5;font-weight:700}.broadcast-actions{display:flex;justify-content:space-between;margin-top:8px}.broadcast-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;margin-bottom:15px;padding:15px;transition:all .3s ease}.broadcast-item:hover{box-shadow:0 3px 6px #00000029}.broadcast-form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;margin-bottom:20px;padding:20px}.broadcast-timestamp{color:#757575;display:block;font-size:.75rem;margin-bottom:4px;text-align:right}.broadcast-title-container{display:flex;flex-direction:column;width:100%}.refresh-button{background-color:#f0f0f0!important;border:1px solid #ccc!important;color:#333!important}.refresh-button:hover{background-color:#e0e0e0!important;border-color:#999!important;box-shadow:0 1px 3px #0003!important}.image-upload-button{background-color:#e6f7ff!important;border:1px solid #b3e0ff!important;color:#1976d2!important;margin:0 4px!important}.image-upload-button:hover{background-color:#bae7ff!important;border-color:#69c0ff!important;box-shadow:0 1px 3px #0003!important}.image-upload-button.Mui-disabled{background-color:#f5f5f5!important;border-color:#e0e0e0!important;color:#bdbdbd!important}