body{font-family:arial,sans-serif;margin:0;padding:0;background-color:#fff;color:#202124;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}#app-header{width:100%;padding:8px 16px;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left{display:flex;align-items:center}.language-toggle{background-color:#f8f9fa;border:1px solid #dfe1e5;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;color:#5f6368;cursor:pointer;transition:background-color .2s,border-color .2s;min-width:40px;text-align:center}.language-toggle:hover{background-color:#f1f3f4;border-color:#dadce0}.language-toggle:active{background-color:#e8eaed}.header-user{display:flex;align-items:center;gap:12px}.user-info{font-size:13px;color:#5f6368}.signout-button{background-color:#1a73e8;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.signout-button:hover{background-color:#1557b0}.signout-button:active{background-color:#1557b0;box-shadow:0 1px 2px #0000001a}#app{flex:1;display:flex;flex-direction:column}body.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center}#app:has(.home-container){display:flex;align-items:center;justify-content:center;flex:1}.home-container{width:100%;padding:16px;box-sizing:border-box}.home-content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.home-intro{width:100%;text-align:center;margin-bottom:8px}.intro-text{font-size:16px;color:#5f6368;line-height:1.5;margin:0;padding:0 16px}.search-box-container{width:100%}.home-search-input{width:100%;height:56px;padding:0 20px;font-size:18px;border:1px solid #dfe1e5;border-radius:28px;outline:none;box-shadow:none;transition:box-shadow .2s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.home-search-input:hover{box-shadow:0 2px 5px 1px #403c4329}.home-search-input:focus{box-shadow:0 2px 5px 1px #403c4329;border-color:transparent}.home-buttons{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.home-button{background-color:#f8f9fa;border:1px solid #f8f9fa;border-radius:4px;color:#3c4043;font-size:14px;font-weight:500;padding:11px 16px;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .1s,border-color .1s;white-space:nowrap;display:inline-block}.home-button:hover{box-shadow:0 1px 1px #0000001a;background-color:#f8f9fa;border:1px solid #dadce0;color:#202124}.home-button:active{border:1px solid #4285f4}@media (min-width: 600px){.home-container{padding:20px}.home-content{gap:30px}.intro-text{font-size:18px;padding:0 24px}.home-search-input{height:44px;font-size:16px;padding:0 16px}}body:not(.home-page){margin-left:auto;margin-right:auto;padding:.5em 0}#app:not(:has(.home-container)){padding:0 1.5em}#app>*{margin-left:auto;margin-right:auto;width:100%}.ai-container{max-width:700px;margin:0 auto}.ai-container label{display:block;margin-top:10px;font-size:14px;color:#5f6368}.ai-container textarea,.ai-container select{width:100%;padding:12px;font-size:14px;border:1px solid #dfe1e5;border-radius:4px;box-sizing:border-box;font-family:arial,sans-serif;margin-top:8px;margin-bottom:12px}.ai-container textarea{resize:vertical}.ai-container textarea:focus,.ai-container select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 1px #4285f4}.ai-container pre{background:#f7f7f7;padding:15px;border-radius:6px;white-space:pre-wrap;margin-top:12px}.page-header{margin:20px 0}.back-link{display:inline-block;margin-bottom:10px;color:#1a73e8;text-decoration:none;font-size:14px}.back-link:hover{text-decoration:underline}h1{text-align:center;margin-bottom:1em;margin-top:15px;font-size:22px}.search-container{position:relative;width:100%;margin-bottom:1em}#search{width:100%;padding:.5em 2.25em .5em .75em;font-size:1em;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}#clear-search{position:absolute;right:.5em;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;margin:0;cursor:pointer;display:none;line-height:1;color:#888}#clear-search i{font-size:1.1em;line-height:1;vertical-align:middle}#clear-search:hover i{color:#000}.filters-mobile{display:block;margin-bottom:1.5em}.filters-desktop{display:none}.filter-buttons-mobile{display:flex;gap:12px;margin-bottom:12px}.filter-button{flex:1;padding:8px 12px;font-size:14px;font-weight:400;border:1px solid #dfe1e5;border-radius:4px;background-color:#f8f9fa;color:#5f6368;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;transition:background-color .2s,border-color .2s}.filter-button:hover{background-color:#f8f9fa;border-color:#dadce0}.filter-button:active{background-color:#f1f3f4}.filter-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:1000;align-items:flex-end;justify-content:center}.filter-modal-content{background-color:#fff;width:100%;max-width:380px;max-height:70vh;border-radius:8px 8px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e8eaed}.filter-modal-header h3{margin:0;font-size:15px;font-weight:500;color:#202124}#disclaimer-modal-title{font-weight:600}.filter-modal-close{background:none;border:none;font-size:18px;color:#5f6368;cursor:pointer;padding:4px 6px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background-color .2s}.filter-modal-close:hover{background-color:#f1f3f4}.filter-modal-body{padding:12px 12px 0;overflow-y:auto;flex:1;position:relative}.scroll-fade-indicator{position:sticky;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to bottom,#fff0,#fffc,#fff);pointer-events:none;z-index:100;display:none;margin-top:-140px;transition:opacity .3s ease}.filter-modal-option{display:flex;align-items:center;padding:8px 10px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background-color .2s}.filter-modal-option:hover{background-color:#f8f9fa}.filter-modal-option-draggable{cursor:move}.filter-modal-option-draggable.dragging{opacity:.5;background-color:#e8f0fe}.filter-modal-option .drag-handle{color:#9aa0a6;margin-right:8px;cursor:grab;font-size:14px}.filter-modal-option .drag-handle:active{cursor:grabbing}.filter-modal-option input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer}.disclaimer-modal-body{padding:16px}.disclaimer-modal-body p{margin:0 0 12px;line-height:1.6;color:#202124;font-size:14px}.disclaimer-modal-body p:last-child{margin-bottom:0}.filter-modal-option span{font-size:14px;color:#202124;flex:1}.filter-modal-footer{padding:12px 16px;border-top:1px solid #e8eaed}.filter-button-primary{width:100%;padding:10px;font-size:14px;font-weight:500;background-color:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.filter-button-primary:hover{background-color:#1557b0}.selected-filters-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-chip{display:inline-flex;align-items:center;gap:6px;background-color:#e8f0fe;color:#1a73e8;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500}.chip-label{line-height:1.4}.chip-remove{background:none;border:none;color:#1a73e8;cursor:pointer;padding:0;margin-left:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:background-color .2s}.chip-remove:hover{background-color:#1a73e81a}.chip-remove i{font-size:12px}@media (min-width: 768px){.filters-mobile{display:none}.filters-desktop{display:block}fieldset{border:none;padding:0;margin:0 0 1.5em}legend{font-weight:700;margin-bottom:.5em}.filter-group{display:flex;flex-wrap:wrap;gap:.3em}.filter-group label{display:inline-flex;align-items:center;gap:.4em;white-space:nowrap;font-size:.95em;background-color:#f1f1f1;padding:.3em .4em;border-radius:4px;-webkit-user-select:none;user-select:none}.filter-group label.level{background-color:#ddd}.filter-group label.language{background-color:#e8f0fe}}#results-container{position:relative;margin-top:1em}.results-count{text-align:right;font-size:14px;color:#5f6368;margin-bottom:12px;padding-right:4px}#results{list-style:none;padding:0;margin:0}#results li{border:1px solid #ddd;padding:0 1em;margin-bottom:1em;border-radius:4px;background-color:#f9f9f9;position:relative}#results li .term-level{position:absolute;top:.5em;right:1em;border-radius:3px;background:#ddd;font-size:small;padding:2px 6px;font-weight:500}#results li.noresults{padding:1em}mark{background-color:#ff0;border-radius:2px}.test-container{max-width:700px;margin:0 auto}.test-filter-section{margin-bottom:30px}.test-filter-instruction{margin-bottom:16px;font-weight:500;color:#202124;font-size:14px}.test-filters{border:none;padding:0;margin:0 0 16px}.test-filters .filter-group{display:flex;flex-wrap:wrap;gap:.3em}.test-filters .filter-group label{display:flex;align-items:center;font-size:14px;color:#202124;cursor:pointer;white-space:nowrap}.test-filters .filter-group input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer}.primary-button{background-color:#1a73e8;color:#fff;border:none;border-radius:4px;padding:10px 24px;font-size:14px;cursor:pointer;margin-top:12px;transition:background-color .2s}.primary-button:hover{background-color:#1557b0}.primary-button:active{background-color:#1557b0;box-shadow:0 1px 2px #0000001a}.primary-button:disabled{background-color:#dadce0;cursor:not-allowed}.quiz-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#quiz-modal-body .quiz-question{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e8eaed}#quiz-modal-body .quiz-question:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}#quiz-modal-body .quiz-question h3{margin:0 0 12px;font-size:15px;font-weight:500;color:#202124}#quiz-modal-body .quiz-option{display:flex;align-items:flex-start;padding:10px 12px;margin-bottom:8px;border:1px solid #dfe1e5;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s}#quiz-modal-body .quiz-option:hover{background-color:#f8f9fa;border-color:#dadce0}#quiz-modal-body .quiz-option.selected{background-color:#e8f0fe;border-color:#1a73e8}#quiz-modal-body .quiz-option.correct{background-color:#e6f4ea;border-color:#34a853}#quiz-modal-body .quiz-option.incorrect{background-color:#fce8e6;border-color:#ea4335}#quiz-modal-body .quiz-option input[type=radio]{margin-right:10px;margin-top:2px;cursor:pointer}#quiz-modal-body .quiz-option label{flex:1;cursor:pointer;font-size:14px;color:#202124;margin:0}.loading{text-align:center;padding:20px;color:#5f6368}.quiz-container{margin-top:30px}.quiz-container h2{font-size:20px;margin-bottom:20px;color:#202124}.quiz-question{margin-bottom:30px;padding:20px;border:1px solid #dfe1e5;border-radius:8px;background-color:#fff}.quiz-question h3{font-size:16px;margin-bottom:15px;color:#202124}.quiz-option{margin:10px 0;padding:12px;border:1px solid #dfe1e5;border-radius:4px;cursor:pointer;transition:background-color .2s}.quiz-option:hover{background-color:#f8f9fa}.quiz-option.selected{background-color:#e8f0fe;border-color:#1a73e8}.quiz-option.correct{background-color:#e6f4ea;border-color:#34a853}.quiz-option.incorrect{background-color:#fce8e6;border-color:#ea4335}.quiz-results{margin-top:20px;padding:20px;border-radius:8px;background-color:#f8f9fa}.quiz-results h3{margin-bottom:10px;color:#202124}#app-footer{width:100%;background-color:#f2f2f2;border-top:1px solid #dadce0;padding:0;margin:auto 0 0;box-sizing:border-box;position:relative;left:0;right:0;clear:both}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px 30px;font-size:14px;color:#70757a;max-width:100%;box-sizing:border-box;margin:0 auto}.footer-links{display:flex;flex-wrap:wrap;gap:27px}.footer-link{color:#70757a;text-decoration:none;transition:color .2s}.footer-link:hover{text-decoration:underline;color:#202124}.home-container{max-width:600px}@media (max-width: 600px){body:not(.home-page){font-size:.95em;padding:0 1em}#app:not(:has(.home-container)){padding:0 1em}#clear-search i{font-size:1.2em}#app-header{padding:8px 12px}.header-content{flex-wrap:wrap;gap:8px}.language-toggle{padding:4px 8px;font-size:12px;min-width:36px}.header-user{gap:8px}.user-info{font-size:12px}.signout-button{padding:6px 12px;font-size:13px}#app-footer{width:100vw;margin-left:-1em;margin-right:-1em;padding:0;position:relative;left:0;right:0}.footer-content{flex-direction:column;align-items:center;padding:15px 20px;gap:15px;width:100%;max-width:100%;margin:0;box-sizing:border-box}.footer-links{gap:20px}.footer-link{font-size:13px}}