@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";.home-container{padding:5px 20px 10px;background-color:#e0f7fa;border-radius:8px;max-width:550px;margin:20px auto;box-shadow:0 4px 8px #0000001a}.home-container h2{color:#00796b;text-align:center;margin-bottom:10px;font-family:Merriweather,serif}.home-logo{max-width:500px;display:block;margin:0 auto 20px}.text-block-container{background-color:#f7fcff;border:1px solid #cceeff;padding:15px 10px;border-radius:6px}.toggle-paragraph{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:grid;margin-bottom:8px}.toggle-paragraph:last-child{margin-bottom:0}.toggle-paragraph:last-child p{border-bottom:none;margin-bottom:-5px}.toggle-paragraph p{grid-area:1 / 1;margin:0;color:#333;font-size:12px;text-align:left;line-height:1.4;letter-spacing:1px;font-family:Merriweather,serif;transition:clip-path .7s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #d2e7db;background-color:#f7fcff;padding:0 2px}.highlight-you{color:#e0430a}.toggle-paragraph strong{color:#437bda}.paragraph-eng{z-index:1}.paragraph-zh{z-index:2}.paragraph-eng{clip-path:inset(0 0 0 0)}.paragraph-zh{clip-path:inset(0 100% 0 0)}.toggle-paragraph.is-zh-visible .paragraph-zh{clip-path:inset(0 0 0 0)}@media(max-width:768px){.home-logo{max-width:90%}}body{min-height:100vh;background-color:#e0e0e0;margin:0;padding:0}body.modal-open{overflow:hidden;padding-right:var(--scrollbar-width, 0px)}:root{--scrollbar-width: calc(100vw - 100%) }.dictionary-popup-show{display:block}.dictionary-popup-hide{display:none}.dictionary-container{padding:5px 20px 10px;background-color:#ffe0b2;border-radius:8px;max-width:800px;margin:20px auto;text-align:center;box-shadow:0 4px 8px #0000001a}.dictionary-container h2{color:#ef6c00;font-size:2em;margin-bottom:5px}.dictionary-container p{color:#333;line-height:1.5;margin-bottom:5px}.dictionary-container input[type=text]{padding:10px;margin:5px;border-radius:4px;border:1px solid #ccc;font-size:1em;width:calc(80% - 110px);box-sizing:border-box}.dictionary-container button{padding:10px 20px;margin:5px;border-radius:4px;border:none;background-color:#ef6c00;color:#fff;cursor:pointer;font-size:1em;transition:background-color .2s ease}.dictionary-container button:hover{background-color:#e65100}.dictionary-container button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.dictionary-container img{display:block;margin:20px auto 0;max-width:100%;height:auto;border-radius:4px}.word-list-container{margin:0 auto;max-width:800px;background-color:#fff8e1;border:1px solid #ffcc80;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.word-list-header,.word-list-item{display:flex;padding:6px 2px;border-bottom:1px solid #ffedb3;align-items:center}.word-list-header{background-color:#ffecb3;font-weight:700;color:#ef6c00;border-bottom:2px solid #ffb74d}.audio-header-item,.audio-item{flex-basis:6%;min-width:50px;text-align:center}.word-header-item,.word-item{text-align:left;flex-basis:25%;min-width:100px;padding-right:10px;color:#4caf50;font-weight:500}.commonness-header-item,.commonness-item{flex-basis:15%;min-width:60px;text-align:center;color:#666}.meaning-header-item,.meaning-item{text-align:left;flex-basis:75%;min-width:100px;word-wrap:break-word;color:#555;line-height:1.4}.word-list-item:last-child{border-bottom:none}.word-list-item:hover{background-color:#fff3cd;cursor:pointer}.message-text{text-align:center;margin-top:20px;padding:10px;background-color:#fff3cd;border:1px solid #ffcc80;border-radius:5px;color:#ef6c00;font-weight:700;max-width:800px;margin-left:auto;margin-right:auto}.dictionary-layout-container{display:flex;gap:20px;padding:0 20px;max-width:1400px;margin:0 auto}.search-panel{flex:2;min-width:0}.quiz-explanation-button{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;margin-left:5px}.quiz-explanation-button:hover{background-color:#e9ecef}.quiz-explanation-button svg{width:22px;height:22px;stroke:#6c757d;stroke-width:2.5}.history-panel{flex:1;padding-top:20px;min-width:0}.history-panel h3{text-align:center;color:#00796b;margin-top:0;margin-bottom:10px}.history-panel .word-list-container{margin-top:0}.dictionary-tabs{display:flex;justify-content:flex-start;border-bottom:1px solid #ddd;margin:0 auto 10px;padding:0 20px;max-width:1400px}.tab-button{padding:10px 20px;font-size:1rem;font-weight:500;background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#555;transition:all .2s ease-in-out;margin-bottom:-1px}.tab-button:hover{background-color:#f5f5f5;color:#333}.tab-button.active{color:#ef6c00;border-bottom-color:#ef6c00}.user-history-container{width:100%}.history-layout-grid{display:grid;grid-template-columns:1fr minmax(0,800px) 1fr;align-items:start;gap:20px;padding:0 20px}.history-status-panel{grid-column:1 / 2;position:sticky;top:80px;margin-right:50px;justify-self:end}.history-status-panel .word-status-container{max-width:320px;width:100%}.history-main-content{grid-column:2 / 3;width:100%}.history-header-controls{padding:10px 0 20px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.quiz-source-label{font-weight:500;color:#333;margin-right:5px}.start-quiz-button{padding:10px 20px;font-size:1rem;font-weight:700;color:#fff;background-color:#28a745;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.start-quiz-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.start-quiz-button:disabled{background-color:#ccc;cursor:not-allowed}.start-quiz-button.spelling-test-button{background-color:#007bff}.start-quiz-button.spelling-test-button:hover:not(:disabled){background-color:#0056b3}.header-speaker-icon{width:20px;height:20px;vertical-align:middle;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:1200px){.history-layout-grid{display:block;padding:0 10px}.history-status-panel{position:static;grid-column:auto;justify-self:auto;margin:0 auto 20px}.history-status-panel .word-status-container{margin-left:auto;margin-right:auto;max-width:450px}.history-main-content{grid-column:auto}}@media(max-width:992px){.dictionary-layout-container{flex-direction:column;padding:0 10px}.history-panel{display:none}}.play-audio-button{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;line-height:1;vertical-align:middle}.play-audio-button:hover:not(:disabled){background-color:#e0e0e0}.play-audio-button img{width:20px;height:20px;filter:invert(40%)}.play-audio-button.playing img{filter:invert(55%) sepia(93%) saturate(4590%) hue-rotate(359deg) brightness(98%) contrast(92%);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.play-audio-button:disabled{cursor:not-allowed;opacity:.8}.commonness-image{width:30px;height:30px;vertical-align:middle;object-fit:contain}.word-detail-content-container{text-align:left}.word-detail-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.word-title-container{display:flex;align-items:center;gap:15px}.word-detail-header h3{font-size:2.2em;color:#ef6c00;margin:0;line-height:1.2}.word-detail-header p{font-size:.9em;color:#777;margin:8px 0 0;font-style:italic;display:flex;align-items:center}.word-detail-header p span{font-weight:700;color:#555;margin-left:5px}.bookmark-toggle-btn{background:none;border:none;padding:5px;cursor:pointer;line-height:1;color:#ccc;transition:color .2s ease-in-out,transform .2s ease-in-out}.bookmark-toggle-btn:hover:not(:disabled){color:#aaa;transform:scale(1.1)}.bookmark-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.ipa-text{font-family:Courier New,Courier,monospace;font-weight:400;font-style:normal;color:#555}.modal-audio-btn img{width:28px;height:28px}.commonness-display-container{gap:8px}.word-detail-tabs{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:20px}.word-detail-tabs .tab-button{padding:10px 18px;font-size:1rem;font-weight:500;background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#495057;transition:all .2s ease-in-out;margin-bottom:-1px}.word-detail-tabs .tab-button:hover{background-color:#f8f9fa;color:#343a40}.word-detail-tabs .tab-button.active{color:#ef6c00;border-bottom-color:#ef6c00}.word-detail-tab-content{padding:5px 0}.word-detail-meaning-item{margin-bottom:20px;padding-left:15px;border-left:3px solid #ffcc80}.word-detail-meaning-item p{margin:2px 0 0;padding:0;line-height:1.6}.word-detail-meaning-en{font-size:1em;color:#333;font-weight:500}.word-detail-meaning-zh{font-size:.95em;color:#555;margin-bottom:2px}.word-detail-example-sentence{font-style:italic;font-size:.9em;color:#666;margin-top:8px;border-left:2px solid #ccc;padding-left:10px}.word-detail-highlight{border-bottom:1px solid #5397f4;font-weight:700;color:#3c71fa;padding:0 2px}.word-detail-related-words-section{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.word-detail-related-words{margin-bottom:15px}.word-detail-related-words h4{font-size:1.2em;color:#333;margin:0 0 15px}.word-detail-related-words ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.word-detail-related-words li{background-color:#f0f0f0;border-radius:5px;padding:5px 12px;font-size:.9em;color:#555;white-space:nowrap}.word-detail-related-words li.clickable{cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .1s ease}.word-detail-related-words li.clickable:hover{background-color:#e0e0e0;color:#333;transform:translateY(-1px)}.infinite-clickable-word{cursor:pointer;border-bottom:1px dashed #007bff;transition:background-color .2s,color .2s}.infinite-clickable-word:hover{background-color:#e0f7fa;color:#0d6efd}.word-detail-visibility-controls{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.word-detail-visibility-controls h4{font-size:1.1em;color:#555;margin-bottom:10px}.word-detail-visibility-controls .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 20px}.word-detail-visibility-controls label{display:flex;align-items:center;font-size:.9em;color:#333;cursor:pointer}.word-detail-visibility-controls input[type=checkbox]{margin-right:8px;width:16px;height:16px;accent-color:#ef6c00}.quick-search-panel-container{display:flex;flex-direction:column;position:relative;max-height:50vh;margin-top:20px;background:var(--background-color-card);border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 4px 15px #0000000d;box-sizing:border-box}.quick-search-header{flex-shrink:0;border-bottom:1px solid var(--border-color-light)}.quick-search-main-title{padding:5px 10px;margin:5px 0 0;border-bottom:none;font-family:Noto Sans TC,sans-serif;font-size:1.1em;font-weight:700;color:var(--text-color-main);text-align:center}.quick-search-close-btn{position:absolute;top:0;right:0;z-index:2;background:none;border:none;font-size:1.8rem;font-weight:700;line-height:1;color:#999;cursor:pointer;padding:8px 15px;transition:color .2s}.quick-search-close-btn:hover{color:#333}.quick-search-content-wrapper{flex:1;min-height:0;width:80%;padding:5px 15px}.quick-search-list{height:100%;overflow-y:auto;list-style:none;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#bdc3c7 transparent}.quick-search-list::-webkit-scrollbar{width:8px}.quick-search-list::-webkit-scrollbar-track{background:transparent}.quick-search-list::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px}.quick-search-list:hover::-webkit-scrollbar-thumb{background-color:#0000004d}.quick-search-item{border-bottom:1px solid #f1f3f5;cursor:pointer;transition:background-color .2s ease;border-radius:4px;display:flex;gap:10px;align-items:center;padding:2px}.quick-search-item:last-child{border-bottom:none}.quick-search-item:hover{background-color:#f1f3f5}.quick-search-word,.quick-search-meaning{text-align:left}.quick-search-word{font-weight:500;color:#0056b3;font-size:1em}.quick-search-meaning{font-size:.85em;color:#6c757d;line-height:1.4}.quick-search-status{height:100%;display:flex;align-items:center;justify-content:center;font-size:.9em;color:#6c757d;font-style:italic}.quick-search-status.error{color:#d9480f;font-weight:500}.quick-search-panel-container.mobile-only{display:block;position:fixed;bottom:0;left:0;right:0;background:#2c3e50f7;z-index:1000;border-top:2px solid var(--accent-color);padding:5px;box-shadow:0 -5px 15px #0003;animation:slideUp .3s ease-out;margin-top:0;border-radius:0;border:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-only .quick-search-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom-color:#566573}.mobile-only .quick-search-main-title{color:#fff;margin:0;border-bottom:none;flex-grow:1;padding:5px 0}.mobile-only .quick-search-close-btn{position:static;padding:0 5px;color:#ccc}.mobile-only .quick-search-close-btn:hover{color:#fff}.mobile-only .quick-search-content-wrapper{padding:5px 0 0;width:100%}.mobile-only .quick-search-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:auto;overflow-y:visible}.mobile-only .quick-search-item{background-color:#34495e;border-radius:2px;padding:2px 5px;border-bottom:none;min-height:20px;gap:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mobile-only .quick-search-item:hover{background-color:#4e6a85}.mobile-only .quick-search-word,.mobile-only .quick-search-meaning{text-align:center}.mobile-only .quick-search-word{color:#ecf0f1;font-size:1.1em}.mobile-only .quick-search-meaning{color:#bdc3c7;font-size:.85em}.mobile-only .quick-search-status{color:#ecf0f1}.mobile-only .quick-search-status.error{color:#e74c3c}.word-detail-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto}.word-detail-modal-card{background-color:#fff;padding:30px;border-radius:10px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 25px #0006;animation:fadeInScale .3s ease-out forwards}.modal-header-buttons{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:15px;z-index:20}.word-detail-modal-close-button{position:static;background:none;border:none;font-size:1.8em;cursor:pointer;color:#555;transition:color .2s ease;padding:5px}.word-detail-modal-close-button:hover{color:#ef6c00}.word-detail-modal-back-button{display:inline-flex;align-items:center;gap:5px;background-color:#eef2f7;border:1px solid #d0d7e0;color:#334155;padding:6px 14px;border-radius:30px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.word-detail-modal-back-button:hover{background-color:#e1e8f0;border-color:#b0b9c5;transform:translateY(-1px)}.intra-modal-search-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;z-index:15;display:flex;justify-content:center;align-items:flex-start;padding-top:50px}.intra-modal-search-panel{width:90%;max-width:400px;max-height:70%;border:1px solid #ccc;background-color:#fff}@media(max-width:600px){.word-detail-modal-card{padding:50px 20px 20px}.modal-header-buttons{top:10px;right:10px}.word-detail-modal-close-button{font-size:1.5em}}.word-status-container{background-color:#f0f4f8;border:1px solid #d1d9e6;border-radius:8px;padding:15px 20px;flex-shrink:0;min-width:60px;transition:all .2s ease-in-out}.word-status-container.loading,.word-status-container.error{text-align:center;color:#555;font-style:italic;font-size:.9em;padding:10px}.word-status-container.error{color:#c82333}.status-items-wrapper{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;width:100%}.status-label{font-size:1em;color:#444;font-weight:500;white-space:nowrap}.status-value{font-size:1.2em;font-weight:700;line-height:1}.learning-value{color:#dc3545}.familiar-value{color:#000}.known-value{color:#28a745}.mastered-value{color:#007bff}@media(max-width:1200px){.word-status-container{padding:10px 5px;min-width:10px}.status-items-wrapper{flex-direction:row;justify-content:space-around;gap:2px}.status-item{flex-direction:column;align-items:center;justify-content:flex-start;width:auto}.status-label{font-size:.85em;color:#667;margin-bottom:4px}.status-value{font-size:1.4em}}.user-word-popup-overlay{position:fixed;inset:0;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box;overflow-y:auto}body.popup-is-open .play-audio-button img,body.popup-is-open .play-audio-button{visibility:hidden!important}.user-word-popup-card{background:#fff;padding:25px 30px;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:fadeInScale .3s ease-out forwards}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.popup-title{margin:0;font-size:1.5em;font-weight:600;color:#333}.popup-close-btn{background:none;border:none;font-size:2rem;font-weight:700;line-height:1;color:#999;cursor:pointer;padding:0 5px;transition:color .2s}.popup-close-btn:hover{color:#ef6c00}.popup-loading,.popup-error,.no-words{text-align:center;padding:40px 20px;font-size:1em;color:#666}.popup-error{color:#dc3545;font-weight:500}.no-words{color:#888;font-style:italic}.word-group{margin-bottom:30px}.group-title{font-size:1.2em;color:#333;margin-bottom:12px;padding-left:8px;border-left:3px solid #ef6c00}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.word-grid-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 10px;text-align:center;cursor:pointer;transition:all .2s ease}.word-grid-item:hover{background-color:#fff3cd;border-color:#ffcc80;transform:translateY(-2px)}.word-text{display:block;font-size:1em;font-weight:500;color:#0056b3;margin-bottom:8px}.word-commonness{display:flex;justify-content:center;align-items:center}.clickable-count{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.clickable-count:hover{background-color:#ef6c001a}@media(max-width:768px){.word-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.popup-title{font-size:1.3em}.group-title{font-size:1.1em}}.quiz-explanation-overlay{position:fixed;inset:0;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.quiz-explanation-card{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;text-align:left;animation:fadeInScale .3s cubic-bezier(.165,.84,.44,1) forwards;position:relative}.quiz-explanation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.quiz-explanation-title{margin:0;font-size:1.6em;font-weight:600;color:#333}.quiz-explanation-close-btn{background:none;border:none;font-size:2rem;font-weight:700;line-height:1;color:#999;cursor:pointer;padding:0 5px;transition:color .2s}.quiz-explanation-close-btn:hover{color:#333}.quiz-explanation-content h3{font-size:1.2em;color:#007bff;margin-top:20px;margin-bottom:10px}.quiz-explanation-content p{font-size:1em;color:#555;line-height:1.6;margin:0}.user-word-status-list-overlay{position:fixed;inset:0;z-index:1;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;opacity:0;isolation:isolate;animation:userWordStatusListFadeIn .2s ease-out forwards}.user-word-status-list-overlay~* .play-audio-button img{visibility:hidden}.user-word-status-list-card{position:relative;width:100%;max-width:900px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;transform:translateY(20px);animation:userWordStatusListSlideIn .2s ease-out forwards}.user-word-status-list-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e9ecef}.user-word-status-list-title{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.user-word-status-list-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#718096;cursor:pointer;padding:.25rem;border-radius:50%;transition:color .2s,background-color .2s}.user-word-status-list-close-btn:hover{color:#e53e3e;background-color:#f7fafc}.user-word-status-list-content{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 85px)}.user-word-status-list-loading{text-align:center;padding:3rem 1rem;color:#718096;font-size:1rem}.user-word-status-list-error{text-align:center;padding:3rem 1rem;color:#e53e3e;font-size:1rem}.user-word-status-list-no-words{color:#718096;font-style:italic;padding:.75rem;text-align:center}.user-word-status-list-word-groups-container{display:flex;flex-direction:column;gap:2rem}.user-word-status-list-group{display:flex;flex-direction:column;gap:.75rem}.user-word-status-list-group-title{margin:0;font-size:1.1rem;font-weight:600;color:#4a5568;padding-bottom:.25rem;border-bottom:2px solid #ed8936;width:fit-content}.user-word-status-list-word-grid{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.user-word-status-list-word-grid-item{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem 1.25rem;text-align:center;cursor:pointer;transition:all .2s ease;flex:0 0 auto;white-space:nowrap}.user-word-status-list-word-grid-item:hover{background-color:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.user-word-status-list-word-text{font-size:1rem;color:#2b6cb0;font-weight:500}@keyframes userWordStatusListFadeIn{0%{opacity:0}to{opacity:1}}@keyframes userWordStatusListSlideIn{0%{transform:translateY(20px)}to{transform:translateY(0)}}@media(max-width:768px){.user-word-status-list-word-grid{gap:.5rem}.user-word-status-list-word-grid-item{padding:.6rem 1rem}.user-word-status-list-header{padding:1rem}.user-word-status-list-title{font-size:1.1rem}.user-word-status-list-content{padding:1rem}}.articles-page-wrapper{display:flex;gap:24px;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.categories-column{width:200px;display:flex;flex-direction:column;gap:16px}.category-button{background:none;border:none;padding:0;cursor:pointer;transition:all .2s ease;border-radius:6px;overflow:hidden;position:relative}.category-image{width:100%;height:100px;object-fit:cover;transition:all .2s ease}.category-label{display:block;text-align:center;padding:8px 4px;background-color:#f1f3f5;color:#343a40;font-size:.9em;transition:all .2s ease}.category-button.enabled .category-image{filter:grayscale(0%);transform:scale(1)}.category-button.enabled .category-label{background-color:#9a6328;color:#fff}.category-button.disabled .category-image{filter:grayscale(100%);opacity:.7;transform:scale(.95)}.category-button.disabled .category-label{background-color:#e9ecef;color:#6c757d}.category-button:hover{box-shadow:0 4px 8px #0000001a}.articles-column{flex:1}.article-list-page-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.article-list-page-container h2{color:#343a40;text-align:center;margin-bottom:25px;font-family:Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:2em}.article-list-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.article-list-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px;border-bottom:1px solid #e9ecef;text-decoration:none;color:inherit;transition:background-color .2s ease-in-out}.article-list-item:last-child{border-bottom:none}.article-list-item:hover{background-color:#f8f9fa;cursor:pointer}.article-list-thumbnail{width:64px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0}.article-main-content{flex-grow:1}.article-title{font-size:1.25em;font-weight:600;color:#0056b3;margin:0}.article-period{font-weight:400;color:#6c757d;font-size:.9em;margin-left:8px}.article-subtitle{font-size:.9em;color:#495057;line-height:1.5;margin:0 0 0 20px}.article-update-date{font-size:.8em;color:#adb5bd;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.article-new-badge-holder{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.article-timestamp{font-size:.8em;color:#adb5bd;white-space:nowrap}.article-new-badge{background-color:#dc3545;color:#fff;font-size:.85em;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap;animation:badgePopup .5s ease-out 1 forwards;transform-origin:center}@keyframes badgePopup{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px;padding:10px;flex-wrap:wrap}.pagination-form{display:flex;align-items:center;gap:8px;font-size:1em;color:#333}.pagination-input{width:55px;padding:8px;border:1px solid #dee2e6;border-radius:5px;text-align:center;font-size:1em;font-weight:500;-moz-appearance:textfield}.pagination-input::-webkit-outer-spin-button,.pagination-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-input:focus{border-color:#007bff;outline:none}.pagination-controls button{padding:8px 16px;border-radius:5px;border:1px solid #dee2e6;background-color:#fff;color:#007bff;cursor:pointer;transition:all .2s ease}.pagination-controls button:hover:not(:disabled){background-color:#007bff;color:#fff}.pagination-controls button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;border-color:#e9ecef}.pagination-controls span{font-size:1em;color:#333}.status-message{text-align:center;padding:20px;color:#6c757d;font-size:1.1em}.status-message.error{color:#dc3545}@media(max-width:768px){.articles-page-wrapper{flex-direction:column;padding:0}.categories-column{width:100%;flex-direction:row;display:flex;overflow-x:auto;padding:20px 20px 0;gap:6px}.category-button{flex:0 0 auto;width:100px;position:relative}.category-image{height:40px}.category-label{font-size:.8rem;padding:2px}.article-list-item{flex-direction:column;align-items:flex-start;border-radius:8px;margin:10px 10px 20px;gap:10px;padding:15px;box-shadow:0 0 10px #00000014,inset 0 0 2px #91abc0;transition:box-shadow .3s ease}.article-list-thumbnail{width:100%;height:120px}.article-update-date{margin-top:5px;align-self:flex-start;white-space:normal}.article-new-badge-holder{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px}.pagination-controls{gap:10px}.pagination-form{gap:5px}.pagination-input{width:40px;padding:6px}}.word-tooltip{position:fixed;background-color:#2c3e50;color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 4px 12px #00000040;z-index:1100;transform:translateY(-100%) translateY(-10px);transition:opacity .15s ease-in-out;pointer-events:auto;display:flex;gap:8px;align-items:center}.tooltip-search-btn{background-color:#2980b9;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;height:auto}.tooltip-search-btn:hover{background-color:#1a5276}.tooltip-speaker-btn{background-color:#2980b9;color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;height:auto}.tooltip-speaker-btn:hover:not(:disabled){background-color:#1a5276}.tooltip-speaker-btn img{width:16px;height:16px;filter:invert(1)}.tooltip-speaker-btn:disabled{background-color:#7f8c8d;cursor:not-allowed;opacity:.7}:root{--accent-color: #007acc;--text-color-main: #212529;--text-color-secondary: #555;--border-color-light: #e9ecef;--background-color-page: #f8f9fa;--background-color-card: #ffffff}body.modal-open{overflow:hidden}.speech-button.disabled{opacity:.5;cursor:not-allowed}.speech-button.disabled img{filter:invert(70%)}.article-main-period{margin:0 auto 0 0;display:inline-block;font-size:1.2rem;border-radius:5px;text-align:left}.article-layout-container{display:flex;position:relative;max-width:1200px;margin:0 auto;gap:30px;padding:0 20px}.article-left-column{flex:0 0 280px;position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 100px);display:flex;flex-direction:column}.article-controls-header{display:flex;justify-content:flex-start;gap:15px;align-items:center;padding:10px 15px;background:var(--background-color-card);border:1px solid var(--border-color-light);border-bottom:none;border-radius:8px 8px 0 0;flex-shrink:0}.control-button{width:44px;height:44px;background:#eef2f7;border:1px solid #d0d7e0;border-radius:50%;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;padding:0}.control-button:hover{background:#e1e8f0;border-color:#b0b9c5;transform:translateY(-1px)}.control-button img{width:50%;height:50%;filter:invert(25%)}.article-outline{background:var(--background-color-card);border:1px solid var(--border-color-light);border-radius:0 0 8px 8px;padding:15px 20px;box-shadow:0 4px 15px #0000000d;overflow-y:auto;flex-grow:1}.article-outline .outline-main-title{font-family:Noto Sans TC,sans-serif;font-size:1.1em;font-weight:700;color:var(--text-color-main);margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid var(--border-color-light);text-align:center}.article-outline ul{list-style:none;padding:0;margin:0}.article-outline .outline-item a{display:block;padding:6px 8px;text-decoration:none;font-family:Noto Sans TC,sans-serif;color:var(--text-color-secondary);font-size:.9em;line-height:1.6;border-radius:5px;transition:background-color .2s ease,color .2s ease}.article-outline .outline-item a:hover{background-color:#f1f3f5;color:var(--text-color-main)}.article-outline .outline-h1 a{padding-left:8px;font-weight:500}.article-outline .outline-h2 a{padding-left:20px}.article-outline .outline-h3 a{padding-left:32px}.article-outline .outline-h4 a{padding-left:44px;opacity:.8}.article-outline .outline-h5 a{padding-left:56px;opacity:.8}.article-content-wrapper{flex:1;min-width:0;position:relative}.article-page-wrapper{position:relative;background-color:var(--background-color-page);padding:40px 0}.article-page-container{background-color:var(--background-color-card);color:var(--text-color-main);border:none;box-shadow:0 4px 25px #0000001a;border-radius:8px;max-width:750px;margin:0 auto;padding:20px 30px}.article-main-header{text-align:center;margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid var(--border-color-light)}.article-main-header h1{font-family:Cinzel,serif;font-size:2.5em;font-weight:700;color:#111;text-shadow:none;margin:0;line-height:1.3}.article-period{font-family:Cinzel,serif;font-weight:400;color:#555;font-size:.8em;margin-left:.5em;white-space:nowrap}.article-subtitle{font-size:1.1rem;font-family:system-ui,-apple-system,sans-serif;color:#6c757d;margin:.7em 0 0;line-height:1.6;font-style:italic}.article-header-thumbnail{display:block;margin:20px auto 0;width:100%;max-width:512px;height:auto;object-fit:cover;border-radius:6px;border:1px solid #ddd;box-shadow:0 4px 12px #0000001a}video.article-header-thumbnail{aspect-ratio:16 / 9;max-height:512px;max-width:100%}.play-all-button{display:inline-block;margin-top:25px;padding:10px 25px;font-size:1rem;font-weight:500;color:#fff;background-color:#28a745;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.play-all-button:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.play-all-button.playing{background-color:#dc3545}.play-all-button.playing:hover{background-color:#c82333}.article-body h1{font-size:1.8rem}.article-body h2{font-size:1.5rem;border-bottom:1px solid var(--border-color-light);padding-bottom:.5em}.article-body h3{font-size:1.1rem}.article-body h4,.article-body h5{font-size:1.1rem;color:#495057}.article-body p{font-size:1.1rem}.article-body .article-text-block{font-family:system-ui,-apple-system,PingFang TC,Microsoft JhengHei,Noto Sans TC,Helvetica Neue,Arial,sans-serif;letter-spacing:.03em;line-height:1.8;color:var(--text-color-main);text-align:left;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;transition:background-color .3s ease-in-out;border-radius:4px}.article-text-block.speaking-highlight{background-color:#e0f7fa}.secondary-text{display:block;margin-top:.7em;font-size:.9em;color:#6c757d;font-style:normal;border-left:3px solid var(--accent-color);padding-left:15px;background-color:transparent;white-space:pre-line}.article-image-container{margin:2em auto;text-align:center}.article-image{border:1px solid var(--border-color-light);padding:6px;background:var(--background-color-card);box-shadow:0 4px 15px #00000014;max-width:90%;border-radius:4px}.article-image-container .article-text-block.image-caption{font-size:.9em;color:#6c757d;font-style:normal;margin-top:1em;text-align:center}.article-grid-item-img{width:100%;height:100%;border-radius:4px;object-fit:cover;max-width:200px;border:1px solid var(--border-color-light);background:var(--background-color-card);padding:4px;box-shadow:none;display:block;box-sizing:border-box}.article-grid-item>.article-grid-item-text,.article-grid-item>div:last-child{font-family:Noto Sans TC,sans-serif}.article-sub-obj-container{display:flex;gap:25px;margin:2.5em 0;align-items:flex-start;background-color:#f8f9fa;border:1px solid var(--border-color-light);border-left:3px solid var(--accent-color);padding:25px;border-radius:4px}.sub-obj-img{border:1px solid var(--border-color-light);border-radius:4px}.sub-obj-title{font-family:Noto Sans TC,sans-serif;font-weight:700;font-size:1.3em;margin:0 0 .5em!important;color:var(--text-color-main)}.status-message{text-align:center;padding:80px 20px;font-family:Noto Sans TC,sans-serif;font-size:1.5em;color:#6c757d}.status-message.error{color:#d9480f}.mobile-action-buttons-container{display:none}.speech-button{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;vertical-align:-.1em;margin-right:.4em;margin-left:.1em;background:none;border:none;border-radius:50%;cursor:pointer;padding:0;transition:background-color .2s ease}.speech-button:hover{background-color:#e9ecef}.speech-button img{width:65%;height:65%;filter:invert(50%);transition:filter .2s}.speech-button.speaking img{filter:invert(39%) sepia(99%) saturate(1611%) hue-rotate(185deg) brightness(97%) contrast(101%);animation:pulse-speech 1.2s infinite ease-in-out}@keyframes pulse-speech{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.clickable-word{cursor:pointer;transition:background-color .2s;border-radius:3px}.clickable-word:hover{background-color:#e0f7fa;text-decoration:underline;text-decoration-color:#3498db;text-decoration-thickness:2px}.article-body [tag=h1],.article-body h1{margin:0;color:#1a1a1a;box-shadow:0 2px 8px #61616114;border-radius:2px;padding:4px 8px;background:#ebebeb}.article-body [tag=h2],.article-body [tag=h3],.article-body [tag=h4],.article-body h2,.article-body h3,.article-body h4{margin:0 24px;color:#1a1a1a;border:1px solid rgb(235,235,235);border-radius:2px;padding:4px 8px}.section-card{background-color:#fff;border-radius:8px;padding:6px;margin:0 24px 8px;transition:box-shadow .2s ease}.section-card>*:not(:last-child){margin-bottom:20px}@media(max-width:768px){.desktop-only{display:none!important}.article-page-wrapper{padding:0}.article-left-column{display:none}.article-main-header #main-title{font-size:1.9em;line-height:1.4;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.article-main-header #main-title .article-period{font-size:.7em;margin-left:.3em;white-space:normal}.article-page-container{box-shadow:none;padding:40px 25px;width:100%;box-sizing:border-box}.mobile-action-buttons-container{position:fixed;top:70px;left:10px;z-index:900;display:flex;flex-direction:row;gap:12px;align-items:center}.control-button-mobile{width:38.5px;height:38.5px;background:var(--background-color-card);border:1px solid #d0d7e0;border-radius:50%;box-shadow:0 3px 9px #00000026;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;transition:all .2s ease}.control-button-mobile img{width:50%;height:50%;filter:invert(30%)}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5{font-size:1.1rem}.article-body p{font-size:1rem}.article-body [tag=h2],.article-body [tag=h3],.article-body [tag=h4],.article-body h2,.article-body h3,.article-body h4{margin:6px 0 0}.article-body .article-text-block{letter-spacing:.03em;line-height:1.4}.section-card{padding:3px;margin:0 12px 4px}.article-layout-container{padding:0}.article-page-container{padding:20px}.article-sub-obj-container{flex-direction:column;align-items:center}.sub-obj-left{width:100%;max-w:200px;margin-bottom:20px}.article-aligned-grid-container .aligned-grid-wrapper{float:none;width:auto;margin:0 auto 20px}.article-battle-container{flex-direction:column}.battle-separator{transform:rotate(90deg);margin:0}}@media(min-width:769px){.mobile-only{display:none!important}.mobile-action-buttons-container{display:none}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);background-color:#f0f2f5;padding:20px}.auth-form{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;text-align:center}.auth-form h2{margin-bottom:30px;color:#333;font-size:1.8em}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:700}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1em;box-sizing:border-box}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.auth-form button{width:100%}.auth-error-message{color:#dc3545;margin-bottom:20px;font-weight:700}.auth-link a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#ddd}.auth-divider span{padding:0 1rem;color:#666;font-size:.9rem}.google-login-button{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.google-login-button:hover{background-color:#f5f5f5}.google-icon{fill:currentColor}.primary-button{width:100%;padding:.75rem;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}.primary-button:hover{background-color:#0056b3}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.login-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f7;padding:20px}.login-success-loading-state{text-align:center;padding:40px 20px}.login-success-spinner{width:48px;height:48px;border:5px solid #e0e0e0;border-bottom-color:#007bff;border-radius:50%;animation:login-success-spin 1s linear infinite;margin:0 auto 20px}.login-success-loading-text{color:#333;font-size:18px;font-weight:500}.login-success-error-state{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px 30px;text-align:center;max-width:400px;width:100%}.login-success-error-icon{color:#dc3545;margin-bottom:20px}.login-success-error-title{color:#2d3748;font-size:22px;font-weight:600;margin:0 0 10px}.login-success-error-message{color:#4a5568;font-size:16px;margin:0 0 20px}.login-success-redirect-message{color:#718096;font-size:14px;margin:0}@keyframes login-success-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-modal-overlay{position:fixed;inset:0;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.confirm-modal-card{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:420px;text-align:center;animation:fadeInScale .3s cubic-bezier(.165,.84,.44,1) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-modal-title{margin-top:0;margin-bottom:15px;font-size:1.5em;font-weight:600;color:#333}.confirm-modal-content{margin-bottom:25px;font-size:1.1em;color:#555;line-height:1.6}.confirm-modal-actions{display:flex;justify-content:center;gap:15px}.confirm-modal-actions button{padding:10px 25px;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-btn-cancel{background-color:#f1f3f5;color:#495057;border:1px solid #dee2e6}.confirm-btn-cancel:hover{background-color:#e9ecef}.confirm-btn-confirm{background-color:#dc3545;color:#fff}.confirm-btn-confirm:hover{background-color:#c82333}.quiz-container{position:relative;max-width:800px;margin:10px auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:12px;box-shadow:0 6px 20px #00000014;text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.quiz-end-button{position:absolute;top:15px;right:15px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;padding:6px 12px;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s;z-index:10}.quiz-end-button:hover{background-color:#f1b0b7}.quiz-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:25px}.quiz-progress-bar-inner{height:100%;background-color:#4caf50;border-radius:4px;transition:width .3s ease-in-out}.quiz-question-text{font-size:1.5em;color:#333;font-weight:500;line-height:1.4;margin:0;padding-top:10px}.translation-container{min-height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.translation-reveal-btn{background:#e9ecef;border:1px solid #dee2e6;color:#495057;padding:8px 18px;font-size:.9em;font-weight:500;border-radius:20px;cursor:pointer;transition:all .2s ease}.translation-reveal-btn:hover{background:#dee2e6;border-color:#adb5bd}.question-translation{font-size:1.1em;color:#6c757d;font-style:italic;margin:0;padding:10px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #6c757d;animation:fadeIn .3s ease}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.quiz-idk-section{margin-top:25px;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.quiz-option-button{width:100%;padding:15px;font-size:1.1em;background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.quiz-option-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb;transform:translateY(-2px)}.quiz-option-button.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724;font-weight:700;transform:none;outline:none}.quiz-option-button.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24;transform:none;outline:none}.quiz-option-button.disabled{opacity:.6;cursor:not-allowed;background-color:#f8f9fa;transform:none;outline:none}.quiz-word-detail-wrapper{padding-top:20px;border-top:2px solid #e0e0e0;animation:fadeIn .5s ease-in-out;margin-top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-button{padding:12px 30px;font-size:1.1em;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease}.quiz-button.next-button{background-color:#007bff;color:#fff;margin-top:20px;margin-bottom:25px}.quiz-button.next-button:hover{background-color:#0056b3}.quiz-button.primary{background-color:#28a745;color:#fff;margin-top:20px}.quiz-button.primary:hover{background-color:#218838}.quiz-summary h2{font-size:2.2em;color:#28a745}.quiz-summary .summary-text{font-size:1.3em;margin-bottom:30px}.loader{font-size:1.5em;color:#555}.quiz-error{font-size:1.2em;color:#dc3545;font-weight:700}@media(max-width:600px){.quiz-options{grid-template-columns:1fr;gap:10px}.quiz-question-text{font-size:1.3em}.quiz-option-button{padding:15px}}.quiz-spelling-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.spelling-input-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}.spelling-space{width:15px}.spelling-char-input{width:35px;height:45px;font-size:1.5em;text-align:center;border:1px solid #ccc;border-radius:5px;font-family:monospace;text-transform:lowercase;caret-color:#ef6c00;transition:all .2s;background-color:#fff}.spelling-char-input:focus{outline:none;border-color:#ef6c00;box-shadow:0 0 5px #ef6c0080}.spelling-char-input:disabled{background-color:#e9ecef;color:#495057;font-weight:700}.spelling-char-input.correct:disabled{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.spelling-char-input.incorrect:disabled{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.confirm-spelling-button{background-color:#007bff;color:#fff;margin-top:10px}.confirm-spelling-button:hover{background-color:#0056b3}.quiz-results-summary-list{margin-top:40px;text-align:left;border-top:1px solid #e0e0e0;padding-top:20px}.review-title{text-align:center;font-size:1.6em;color:#555;margin-bottom:25px}.quiz-result-item{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:10px 15px;border-bottom:1px solid #eee}.quiz-result-item:last-child{border-bottom:none}.result-question-wrapper{display:flex;align-items:center;gap:10px;flex-basis:40%;flex-shrink:0;min-width:0;font-size:1em;cursor:pointer;transition:background-color .2s ease;border-radius:4px;padding:2px 4px;margin:-2px -4px}.result-question-wrapper:hover{background-color:#e9ecef}.result-question-wrapper:hover .result-item-question{color:#0056b3}.result-item-number{color:#888}.result-item-question{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.result-answers-wrapper{display:flex;align-items:center;gap:10px}.answer-line{display:flex;align-items:center}.answer-label{display:none}.user-answer-text,.correct-answer-text{font-family:Courier New,Courier,monospace;padding:2px 6px;border-radius:4px}.user-answer-text{color:#721c24;background-color:#f8d7da}.quiz-result-item.correct .user-answer-text,.correct-answer-text{color:#155724;background-color:#d4edda}@media(max-width:768px){.quiz-result-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;border-left-width:5px}.quiz-result-item.correct{border-left-color:#28a745}.quiz-result-item.incorrect{border-left-color:#dc3545}.result-question-wrapper{flex-basis:auto;width:100%}.result-answers-wrapper{flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding-left:2em}.answer-label{display:inline-block;font-weight:700;color:#666;margin-right:8px;min-width:80px}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;background-color:#000000d9;z-index:1000;padding:1rem}.cookie-consent-container{max-width:1200px;margin:0 auto;background-color:#fff;border-radius:8px;padding:1.5rem;color:#333;font-size:.95rem}.cookie-title{margin:0 0 1rem;color:#ef6c00;font-size:1.2rem}.cookie-message{margin:0 0 1rem;line-height:1.6}.cookie-privacy-link{color:#646cff;text-decoration:none;font-weight:500}.cookie-privacy-link:hover{color:#535bf2;text-decoration:underline}.cookie-details{background-color:#f5f5f5;padding:1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.cookie-details p{margin:.5rem 0}.cookie-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;justify-content:flex-end}.cookie-btn{padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.cookie-btn-manage{background-color:#e0e0e0;color:#333}.cookie-btn-manage:hover{background-color:#d0d0d0}.cookie-btn-decline{background-color:#f44336;color:#fff}.cookie-btn-decline:hover{background-color:#d32f2f}.cookie-btn-accept{background-color:#4caf50;color:#fff}.cookie-btn-accept:hover{background-color:#388e3c}@media(max-width:768px){.cookie-buttons{flex-direction:column;width:100%}.cookie-btn{width:100%}}.privacy-policy-container{max-width:800px;margin:2rem auto;padding:0 20px;color:#2c3e50;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:2rem}.privacy-policy-title{text-align:center;color:#ef6c00;margin-bottom:1rem}.privacy-policy-updated{text-align:center;color:#6c757d;font-style:italic;margin-bottom:2rem}.privacy-policy-paragraph{line-height:1.8;margin-bottom:1.5rem}.privacy-policy-cookie-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.privacy-policy-section-title{color:#ef6c00;margin-bottom:1rem}.privacy-policy-cookie-btn{background-color:#646cff;color:#fff;border:none;border-radius:6px;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.privacy-policy-cookie-btn:hover{background-color:#535bf2}.color-filterable-svg{filter:brightness(0) invert(1)}body.no-scroll{overflow:hidden}.main-nav{background-color:#333;color:#fff;padding:5px 20px 5px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0003;position:sticky;top:0;z-index:1000;min-height:40px}.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:15px;align-items:center}.nav-links li a{color:#fff;text-decoration:none;padding:5px 10px;border-radius:5px;transition:background-color .3s ease;white-space:nowrap;line-height:normal;height:100%;display:flex;align-items:center}.nav-links li a:not(.nav-home):hover{background-color:#555}.nav-controls{display:flex;align-items:center;gap:10px}.lang-toggle-btn{background-color:#555;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease;white-space:nowrap;line-height:normal;height:100%;display:flex;align-items:center}.lang-toggle-btn:hover{background-color:#777}.nav-home-holder{display:flex;align-items:center;justify-content:center}.nav-home{margin:0 5px 0 0;cursor:default}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger-menu .bar{width:25px;height:3px;background-color:#fff;margin:5px 0;transition:all .3s ease}.welcome-message{color:#ccc;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-icon-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:5px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.nav-icon-button img{width:24px;height:24px;vertical-align:middle}.nav-icon-button:hover{background-color:#ffffff26}.mobile-shortcut-icon{display:none}@media(max-width:768px){.hamburger-menu{display:block}.mobile-shortcut-icon{display:inline-flex;flex-direction:column;margin:0 4px}.nav-icon-button-label{color:#fff;font-size:.7rem;margin-top:5px}.desktop-only{display:none!important}.nav-links{flex-direction:column;position:absolute;top:100%;left:0;width:40%;height:calc(100vh - 100%);background-color:#333;box-shadow:0 5px 10px #00000080;padding:0;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex}.nav-links.active{transform:translate(0)}.nav-links li{width:100%;text-align:center}.nav-links li a{padding:15px 20px;display:block;width:100%;box-sizing:border-box}.nav-item-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;box-sizing:border-box;border-bottom:1px solid #555;margin-bottom:10px}.nav-item-group .welcome-message{flex-grow:1;text-align:center;padding:0 10px}.nav-item-group .mobile-lang-toggle{background-color:#007bff;border-radius:8px;padding:8px 15px;flex-shrink:0}.nav-item-group .nav-icon-button{padding:8px;flex-shrink:0}.nav-item-group .nav-icon-button img{width:28px;height:28px}.hamburger-menu.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-menu.active .bar:nth-child(2){opacity:0}.hamburger-menu.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media(min-width:769px){.mobile-only{display:none!important}.desktop-only{display:flex;align-items:center}}.site-footer{background-color:#333;color:#fff;padding:1.5rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.footer-copyright{margin:0;font-size:.9rem;color:#ccc}.footer-link{color:#646cff;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#535bf2;text-decoration:underline}@media(max-width:768px){.footer-container{gap:.5rem}.footer-copyright,.footer-link{font-size:.85rem}}.app-container{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh}.main-nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}.content-area{flex:1;min-height:0;padding:20px 0}body{margin:0;padding:0;background-color:#f4f4f4}.ad-wrapper-horizontal{height:200px;position:relative;overflow:hidden}.ad-wrapper-horizontal-detail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px}.ad-wrapper-vertical{min-width:300px;max-width:320px;height:800px;position:relative;overflow:hidden}.ad-wrapper-vertical-detail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;max-height:200px}.main-content-layout{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:0;margin:0;box-sizing:border-box}.content-area{max-width:1200px;width:100%;padding:0;margin:0}@media(max-width:768px){.ad-wrapper-vertical-detail{display:none}.main-content-layout,.content-area{padding:0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}