: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}body{margin:0;min-width:320px;min-height:100vh}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}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.back-button{background:#6c757d;color:#fff;padding:5px 20px;border:none;border-radius:20px;font-size:1em;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#5a6268;transform:translateY(-2px)}.action-buttons{display:flex;gap:16px;justify-content:center;align-items:center}.question-actions,.number-question-actions,.global-random-question-actions{display:flex;justify-content:center;gap:24px;margin-top:24px}.submit-button,.start-button,.cancel-button{border:none;padding:12px 30px;border-radius:20px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:var(--primary-color);color:#fff}.cancel-button{background:#6c757d;color:#fff;border-radius:20px}.cancel-button:hover{background:#5a6268;transform:translateY(-2px)}.start-button{background:linear-gradient(45deg,var(--primary-color, #667eea),#764ba2);color:#fff}.start-button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.submit-button:hover:not(:disabled),.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea40}.submit-button:disabled{background:#6c757d;cursor:not-allowed;color:#fff}.restart-button,.retry-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:20px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-button:hover,.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea40}.loading,.error-message{text-align:center;padding:32px;font-size:1.1em;color:var(--text-primary, #333)}.error-message{color:#dc3545;background:var(--bg-tertiary, #f8f9fa);border:1px solid var(--border-color, #e9ecef);border-radius:10px;margin-bottom:16px}.test-actions{text-align:center;margin-top:30px;gap:10px}.test-btn:disabled,.test-btn.disabled,button:disabled.test-btn,button.disabled.test-btn{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.test-btn:disabled:hover,.test-btn.disabled:hover,button:disabled.test-btn:hover,button.disabled.test-btn:hover{transform:none!important;box-shadow:none!important}.table-container{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 4px 15px var(--shadow-color)}.table-container h3{color:var(--text-primary);margin:0 0 5px;font-size:1.3rem;text-align:center}.table-description{color:var(--text-secondary);font-size:.85rem;margin:0 0 10px;text-align:center}.table{width:100%;border-collapse:collapse;margin:10px auto 0}.table table{width:100%;border-collapse:collapse;background:var(--bg-secondary);font-size:.9rem}.table th,.table td{padding:12px;text-align:center;font-weight:600;border:1px solid var(--border-color)}.table .cell{font-family:Courier New,monospace;font-weight:600;color:var(--text-primary);font-size:1.1rem;background:var(--bg-primary)}.table-view{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:20px}.table-view-header{text-align:center;margin-bottom:30px}.table-view-header h2,.table-view-header h3{color:var(--text-primary);font-size:1.8rem;margin:0}.table-view-content{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.table-selector{display:flex;gap:10px;margin-bottom:20px}.table-tab{padding:10px 20px;border:2px solid var(--border-color-light);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.table-tab:hover{border-color:var(--primary-color)}.table-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.table-view-actions{display:flex;justify-content:center}@media (min-width: 415px) and (max-width: 768px){.table table{font-size:.8rem}.table th,.table td{padding:5px}.table-view-header{text-align:center;flex-direction:column;align-items:flex-start;gap:10px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 30px var(--shadow-color-hover);padding:40px;width:100%;max-width:500px;text-align:center;color:var(--text-primary)}.login-card h1{color:var(--text-primary);margin-bottom:10px;font-size:2rem}.login-card h2{color:var(--text-secondary);margin-bottom:30px;font-size:1.2rem;font-weight:400}.existing-users{margin-bottom:40px}.existing-users h3{color:var(--text-primary);margin-bottom:20px;font-size:1.1rem}.user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px;max-width:100%;justify-items:center}.user-button{background:transparent;color:var(--text-primary);border:none;padding:15px 10px;border-radius:12px;cursor:pointer;font-size:.95rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:90px;justify-content:center;width:100%;max-width:90px}.user-button:hover{transform:translateY(-3px);background:#667eea1a}.user-button:disabled{background:transparent;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(102,126,234,.3);transition:all .3s ease}.user-button:hover .user-avatar{border-color:#667eea;transform:scale(1.08);box-shadow:0 4px 15px #667eea4d}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.username{font-weight:600;margin-top:4px;text-align:center;line-height:1.2}.no-users{color:var(--text-tertiary);font-style:italic;margin:20px 0}.create-user{border-top:1px solid var(--border-color);padding-top:30px}.create-user h3{color:var(--text-primary);margin-bottom:20px;font-size:1.1rem}.create-user form{display:flex;flex-direction:column;gap:15px}.username-input{padding:12px;border:2px solid var(--input-border);border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:var(--input-bg);color:var(--text-primary)}.username-input:focus{outline:none;border-color:var(--input-focus)}.username-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.create-button{background:#764ba2;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.create-button:hover{background:#654a91;transform:translateY(-2px)}.create-button:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width: 600px){.login-card{padding:30px 20px}.login-card h1{font-size:1.5rem}}.home-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;width:100%}.home-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.home-header h1{color:var(--text-primary);margin:0;font-size:1.8rem;position:absolute;left:50%;transform:translate(-50%)}.home-header .user-info{display:flex;align-items:center;margin-left:auto}.home-header .logout-button{background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-header .logout-button:hover{background:var(--text-secondary);color:var(--bg-secondary)}.home-main{padding:40px;max-width:800px;width:800px;display:flex;flex-direction:column;align-items:center}.home-upper{display:flex;gap:40px;margin-bottom:40px;width:100%;max-width:800px;align-items:stretch}.home-display{flex:2;background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px;height:auto}.word-display-card{height:100%;display:flex;flex-direction:column}.word-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.word-display-header h3{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:600}.refresh-button{background:var(--bg-secondary);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.refresh-button:hover:not(:disabled){background:var(--secondary-color);transform:rotate(180deg)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.word-loading,.word-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.word-content{flex:1;display:flex;flex-direction:column;gap:20px}.word-main{text-align:center;padding:20px;background:var(--bg-tertiary);border-radius:12px;border-left:4px solid var(--primary-color)}.word-primary{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin:0 0 10px;line-height:1.2}.word-meaning{font-size:1.2rem;color:var(--text-primary);margin:0;font-weight:500}.word-details{display:flex;flex-direction:column;gap:12px}.word-detail-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color)}.word-detail-item:last-child{border-bottom:none}.word-detail-row{display:flex;gap:20px}.word-detail-row .word-detail-item{flex:1;border-bottom:1px solid var(--border-color)}.detail-label{font-weight:600;color:var(--text-secondary);min-width:50px;font-size:.9rem}.detail-value{color:var(--text-primary);font-size:.9rem;line-height:1.4}.word-tags{display:flex;flex-wrap:wrap;gap:6px}.word-tag{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.home-actions{flex:1;display:flex;flex-direction:column;gap:20px;width:100%}.action-button{background:var(--bg-secondary);border:2px solid var(--border-color-light);border-radius:12px;padding:25px;cursor:pointer;text-align:left;transition:all .3s ease;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px var(--shadow-color);color:var(--text-primary);width:100%}.action-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow-color-hover)}.action-button.primary{border-color:#667eea}.action-button.primary:hover{background:#667eea;color:#fff}.action-button.secondary{border-color:#764ba2}.action-button.secondary:hover{background:#764ba2;color:#fff}.button-icon{font-size:2rem;min-width:40px}.button-text h3{margin:0 0 8px;color:var(--text-primary);font-size:1.2rem}.button-text p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.action-button:hover .button-text h3,.action-button:hover .button-text p{color:#fff}.grammar-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px;width:100%}.grammar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.header-buttons{display:flex;gap:10px;align-items:center}.grammar-header h3{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:600}.refresh-tables-button{background:var(--bg-secondary);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.refresh-tables-button:hover{background:var(--secondary-color);transform:rotate(180deg)}.grammar-subtitle{color:var(--text-secondary);margin:0 0 25px;font-size:1rem;text-align:center;line-height:1.5}.grammar-tables{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color)}.grammar-table-container{background:var(--bg-tertiary);border-radius:10px;padding:20px;border-left:4px solid var(--primary-color)}.grammar-table-container.table-1{border-left-color:#3498db;margin-bottom:30px}.grammar-table-container.table-2{border-left-color:#e74c3c}.table-header{margin-bottom:15px}.table-title-section{position:relative;margin-bottom:8px}.grammar-table-container h4{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600;text-align:center}.hide-table-button{position:absolute;top:0;right:0;background:transparent;color:var(--text-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:400;transition:all .3s ease;opacity:.7;white-space:nowrap}.hide-table-button:hover{background:#e74c3c1a;color:#e74c3c;opacity:1;transform:translateY(-1px)}.view-hidden-button{background:transparent;color:var(--text-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:400;transition:all .3s ease;opacity:.7;white-space:nowrap}.view-hidden-button:hover{background:#3498db1a;color:#3498db;opacity:1;transform:translateY(-1px)}.no-tables-message{text-align:center;padding:40px 20px;background:var(--bg-tertiary);border-radius:10px;border:2px dashed var(--border-color)}.no-tables-message p{color:var(--text-secondary);margin:10px 0;font-size:1rem}.no-tables-message p:first-child{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.hidden-tables-section{background:var(--bg-tertiary);border-radius:8px;padding:15px;margin-bottom:20px;border:1px solid var(--border-color)}.hidden-tables-section h4{margin:0 0 10px;color:var(--text-primary);font-size:1rem;font-weight:600}.hidden-tables-list{display:flex;flex-direction:column;gap:8px}.hidden-table-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.hidden-table-title{color:var(--text-primary);font-size:.9rem;flex:1}.restore-button{background:transparent;color:var(--text-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:400;transition:all .3s ease;opacity:.7;white-space:nowrap}.restore-button:hover{background:#2ecc711a;color:#2ecc71;opacity:1;transform:translateY(-1px)}.no-hidden-tables{color:var(--text-secondary);margin:0;font-style:italic;text-align:center;padding:20px}.table-description{color:var(--text-secondary);margin:0 0 15px;font-size:.9rem;line-height:1.4}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.grammar-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);table-layout:auto}.grammar-table th{background:var(--primary-color);color:#fff;padding:12px 8px;text-align:center;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.grammar-table td{padding:10px 8px;text-align:center;border:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary);word-break:break-word;white-space:normal}.grammar-table td.wrap{word-break:break-word;white-space:normal}.grammar-table td.row-header{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);text-align:center;padding-left:12px}.grammar-table td.table-cell{font-family:Courier New,monospace;font-weight:600;color:var(--primary-color)}.grammar-table tr:nth-child(2n) td:not(.row-header){background:#3498db0d}.grammar-table tr:hover td{background:#3498db1a}.home-lower{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px;width:100%;max-width:800px}@media (max-width: 359px){.home-header{padding:8px 12px}.home-header h1{font-size:1.1rem}.home-header .logout-button{font-size:.75rem;padding:4px 8px;min-height:32px}.home-main{padding:12px;max-width:100%;width:100%}.home-upper{flex-direction:column;gap:20px}.home-display{order:2;padding:16px}.home-actions{order:1;flex-direction:column;gap:10px}.action-button{padding:12px;min-height:44px}.button-text h3{font-size:.9rem}.button-text p{font-size:.75rem}.word-primary{font-size:1.8rem}.word-meaning{font-size:1rem}.word-details{gap:8px}.grammar-table{font-size:.75rem}.grammar-table th,.grammar-table td{padding:4px 2px}.home-lower{width:100%;max-width:100%;padding:12px}.grammar-tables{display:flex;flex-direction:column;gap:12px}.grammar-table-container{margin-bottom:12px;padding:12px}.grammar-header h3{font-size:1rem}.table-header h4{font-size:.9rem}}@media (max-width: 414px){.home-header{padding:12px 16px}.home-header h1{font-size:1.3rem}.home-header .logout-button{font-size:.8rem;padding:6px 12px;min-height:44px}.home-main{padding:16px;max-width:100%;width:100%}.home-upper{flex-direction:column;gap:24px}.home-display{order:2;padding:20px}.home-actions{order:1;flex-direction:column;gap:12px}.action-button{padding:16px;min-height:48px}.button-text h3{font-size:1rem}.button-text p{font-size:.85rem}.word-primary{font-size:2rem}.word-meaning{font-size:1.1rem}.grammar-table{font-size:.85rem}.grammar-table th,.grammar-table td{padding:6px 4px}.home-lower{width:100%;max-width:100%;padding:16px}.grammar-tables{display:flex;flex-direction:column;gap:16px}.grammar-table-container{margin-bottom:16px;padding:16px}.grammar-header h3{font-size:1.1rem}.table-header h4{font-size:1rem}}@media (min-width: 415px) and (max-width: 768px){.home-header{padding:16px 24px}.home-header h1{font-size:1.5rem}.home-header .logout-button{font-size:.85rem;padding:8px 16px}.home-main{padding:24px;max-width:100%;width:100%}.home-upper{flex-direction:column;gap:30px}.home-display{order:2}.home-actions{order:1;flex-direction:row;gap:16px}.action-button{flex:1;padding:20px}.button-text h3{font-size:1.1rem}.button-text p{font-size:.9rem}.home-lower{width:100%;max-width:100%;padding:20px}}@media (min-width: 769px) and (max-width: 1024px){.home-header{padding:20px 32px}.home-header h1{font-size:1.8rem}.home-header .logout-button{font-size:.9rem;padding:8px 16px}.home-main{padding:32px;max-width:90%;width:90%}.home-upper{flex-direction:row;gap:40px}.home-display{order:1;flex:2}.home-actions{order:2;flex:1;flex-direction:column;gap:20px;min-width:250px}.action-button{padding:24px}.button-text h3{font-size:1.2rem}.button-text p{font-size:1rem}.home-lower{width:100%;max-width:100%;padding:24px}}.word-management-container{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.word-management-main{padding:40px;max-width:800px;width:800px;display:flex;flex-direction:column;align-items:center}.filter-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px;margin-bottom:30px;width:100%;max-width:800px}.filter-section h2{color:var(--text-primary);margin:0 0 20px;font-size:1.4rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{color:var(--text-secondary);font-weight:500;font-size:.9rem}.filter-item select{padding:10px;border:2px solid var(--input-border);border-radius:6px;font-size:1rem;background:var(--input-bg);transition:border-color .3s ease;color:var(--text-primary)}.filter-item select:focus{outline:none;border-color:var(--input-focus)}.action-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px;margin-bottom:30px;width:100%;max-width:800px}.action-section h2{color:var(--text-primary);margin:0 0 20px;font-size:1.4rem}.word-management-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.word-management-action-btn{background:var(--bg-secondary);border:2px solid var(--border-color-light);border-radius:8px;padding:15px 20px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary)}.word-management-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color)}.word-list-header-right{display:flex;align-items:center;gap:20px}.batch-edit-trigger-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid #ffc107;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.batch-edit-trigger-btn:hover{background:#ffc107;transform:translateY(-1px);box-shadow:0 2px 8px #3498db4d}.wm-view-btn{border-color:#17a2b8}.wm-view-btn:hover{background:#17a2b8;color:#fff}.wm-add-btn{border-color:#28a745}.wm-add-btn:hover{background:#28a745;color:#fff}.edit-btn{border-color:#ffc107}.edit-btn:hover{background:#ffc107;color:#fff}.delete-btn{border-color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.word-list-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px;width:100%;max-width:800px}.word-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.word-list-title-section{display:flex;align-items:center;gap:15px}.word-list-controls{display:flex;align-items:center;gap:20px}.info-pagination-container{display:flex;align-items:center;gap:15px;flex-wrap:nowrap}.header-pagination{display:flex;gap:10px}.mobile-batch-btn{display:none}.desktop-batch-btn{display:block}.word-list-section h2{color:var(--text-primary);margin:0;font-size:1.4rem;border-bottom:2px solid var(--border-color);padding-bottom:10px}.word-list-info{color:var(--text-secondary);font-size:.9rem}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}.word-table{overflow-x:auto}.word-table table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:8px 0;background:var(--bg-secondary);color:var(--text-primary)}.word-table th,.word-table td{padding:1% .5%;text-align:left;border-bottom:1px solid var(--border-color)}.word-table th:nth-child(1),.word-table td:nth-child(1){width:25%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-table th:nth-child(2),.word-table td:nth-child(2){width:10%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-table th:nth-child(3),.word-table td:nth-child(3){width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-table th:nth-child(4),.word-table td:nth-child(4){width:25%}.actions-cell{position:relative}.actions-container{display:flex;align-items:center;justify-content:center}.desktop-actions{display:flex;gap:5px;white-space:nowrap}.mobile-actions{display:none;position:relative;width:100%}.actions-toggle-btn{background:var(--primary-color);color:#fff;border:none;width:100%;min-width:50px;white-space:nowrap;padding:4px 6px;font-size:.75rem}.actions-toggle-btn:hover{background:var(--secondary-color)}.actions-dropdown{position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:80px;padding:4px 0}.dropdown-btn{display:block;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;font-size:.8rem;cursor:pointer;transition:background .2s ease;color:var(--text-primary)}.dropdown-btn:hover{background:var(--bg-tertiary)}.dropdown-btn.detail-btn:hover{background:#2196f3;color:#fff}.dropdown-btn.edit-btn:hover{background:#ffc107;color:#fff}.dropdown-btn.delete-btn:hover{background:#dc3545;color:#fff}.word-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);border-top:1px solid var(--border-color);text-align:center}.word-table tr:hover{background:var(--bg-tertiary)}.word-table td{color:var(--text-secondary)}.mini-btn{padding:4px 8px;border:1px solid var(--border-color-light);border-radius:4px;background:var(--bg-secondary);cursor:pointer;font-size:.8rem;margin-right:5px;transition:all .2s ease;color:var(--text-primary)}.edit-mini-btn{border-color:#ffc107;color:#ffc107}.edit-mini-btn:hover{background:#ffc107;color:#fff}.delete-mini-btn{border-color:#dc3545;color:#dc3545}.delete-mini-btn:hover{background:#dc3545;color:#fff}.no-words{text-align:center;padding:40px;color:var(--text-secondary)}.no-words p{margin:0;font-size:1.1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.pagination-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}.pagination-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.3rem;text-align:center}.modal-body{padding:20px 24px}.modal-body p{margin:0 0 20px;color:var(--text-secondary);font-size:1rem;line-height:1.5;text-align:center}.delete-word-info{background:var(--bg-tertiary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.word-detail{margin-bottom:8px;color:var(--text-primary);font-size:.95rem}.word-detail:last-child{margin-bottom:0}.word-detail strong{color:var(--text-secondary);margin-right:8px}.modal-actions{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:100px}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268}.delete-confirm-btn{background:#dc3545;color:#fff}.delete-confirm-btn:hover:not(:disabled){background:#c82333}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.detail-mini-btn{background-color:#2196f3;color:#fff;margin-right:8px}.detail-mini-btn:hover{background-color:#1976d2}.detail-modal{max-width:900px;width:95%;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 10px 40px #00000026;position:relative}.detail-modal .modal-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:16px 32px;border-radius:12px 12px 0 0;border-bottom:none;position:relative}.detail-modal .modal-header h3{margin:0;font-size:1.2rem;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff}.detail-close-btn{position:absolute;top:12px;right:16px;background:transparent;border:none;color:#fff;width:32px;height:32px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8}.detail-close-btn:hover{opacity:1;transform:scale(1.1)}.detail-modal .modal-body{padding:32px;background:var(--bg-secondary)}.word-detail-container{display:flex;flex-direction:column;gap:24px}.detail-primary-section{background:var(--bg-tertiary);border-radius:12px;padding:24px;border-left:4px solid var(--primary-color);box-shadow:0 2px 8px #0000000d;position:relative}.detail-primary-title{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.detail-primary-title:before{content:"📝";font-size:1rem}.detail-primary-content{font-size:1.2rem;font-weight:600;color:var(--text-primary);line-height:1.6}.word-type-badge{position:absolute;top:16px;right:16px;background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.detail-core-section{background:var(--bg-tertiary);border-radius:12px;padding:20px;border:1px solid var(--border-color);border:1px solid #e9ecef}.detail-core-item{display:flex;flex-direction:column;gap:8px}.detail-core-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.detail-core-label.meaning:before{content:"💭"}.detail-core-value{font-size:1.1rem;font-weight:500;color:var(--text-primary);line-height:1.5}.detail-secondary-section{display:flex;flex-direction:column;gap:16px}.detail-info-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-info-item{background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:8px;padding:16px;transition:all .3s ease}.detail-info-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.detail-info-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.detail-info-label.english:before{content:"🇬🇧"}.detail-info-label.frequency:before{content:"📊"}.detail-info-label.pronunciation:before{content:"🔊"}.detail-info-label.notes:before{content:"📋"}.detail-info-value{color:var(--text-primary);font-size:1rem;line-height:1.5;font-weight:500}.frequency-stars{font-size:1.2rem;color:#ffc107;letter-spacing:2px}.detail-info-item.full-width{grid-column:1 / -1}.detail-tags-section{background:var(--bg-tertiary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.detail-tags-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.detail-tags-label:before{content:"🏷️"}.detail-tags-list{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.detail-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.detail-meta-section{background:var(--bg-tertiary);border-radius:8px;padding:16px;margin-top:8px}.detail-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-meta-item{display:flex;flex-direction:column;gap:4px}.detail-meta-label{color:var(--text-primary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.detail-meta-label.created:before{content:"📅"}.detail-meta-label.updated:before{content:"🔄"}.detail-meta-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.detail-modal .modal-actions{display:none}.wm-search-section-unique{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color);display:flex;align-items:flex-end}.wm-search-input-container-unique{flex:1;position:relative;display:flex;align-items:center}.wm-search-input-unique{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--input-border);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.wm-search-input-unique:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #3498db1a}.wm-search-input-unique:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.wm-search-input-unique::placeholder{color:var(--text-tertiary);font-style:italic}.wm-search-clear-btn-unique{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.wm-search-clear-btn-unique:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.wm-search-clear-btn-unique:disabled{opacity:.4;cursor:not-allowed}.toast-notification{position:fixed;top:80px;right:20px;z-index:9999;padding:16px 24px;border-radius:8px;box-shadow:0 4px 20px #00000026;font-weight:500;animation:wm-slideInRight .3s ease-out;min-width:300px;max-width:500px}@keyframes wm-slideInRight{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(0)}}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.spelling-content{flex:1}@media (max-width: 359px){.word-management-main{padding:12px;width:100%;max-width:100%}.action-section,.filter-section,.word-list-section{padding:15px}.filter-row{grid-template-columns:1fr 1fr 1fr;gap:6px}.filter-item select{padding:2px 3px;font-size:.5rem}.filter-item label{font-size:.5rem}.word-table th:nth-child(1),.word-table td:nth-child(1){width:40%}.word-table th:nth-child(2),.word-table td:nth-child(2){width:10%}.word-table th:nth-child(3),.word-table td:nth-child(3){width:28%}.word-table th:nth-child(4),.word-table td:nth-child(4){width:22%;min-width:80px}.word-table{font-size:.85rem}.word-table th,.word-table td{padding:6px 3px}.word-management-action-btn{padding:10px 12px;font-size:.85rem}.pagination-btn{padding:5px 10px;font-size:.75rem}.batch-edit-trigger-btn{padding:8px 12px;font-size:.8rem}.wm-search-input-unique{padding:12px 35px 12px 14px;font-size:.9rem}.word-list-section h2{font-size:1.1rem}.word-list-header{flex-direction:column;align-items:stretch;gap:15px}.word-list-title-section{justify-content:space-between;align-items:center}.word-list-controls{justify-content:center}.info-pagination-container{justify-content:space-between;align-items:center;flex-wrap:nowrap}.header-pagination{order:1}.word-list-info{order:2;text-align:center;flex:1}.filter-section h2,.action-section h2{font-size:1.2rem}.actions-toggle-btn{padding:3px 5px;font-size:.7rem;min-width:45px}.dropdown-btn{padding:6px 10px;font-size:.75rem}.detail-modal{width:96%;margin:8px}.detail-modal .modal-header{padding:12px 16px}.detail-modal .modal-body{padding:12px}.word-detail-container{gap:16px}.detail-primary-section{padding:16px}.detail-primary-content{font-size:.95rem;margin-right:65px}.word-type-badge{font-size:.7rem;padding:2px 6px}}@media (max-width: 414px){.word-management-main{padding:15px;width:100%;max-width:100%}.filter-row{grid-template-columns:1fr 1fr 1fr;gap:8px}.filter-item select{padding:2px 3px;font-size:.6rem}.filter-item label{font-size:.6rem}.action-section,.filter-section,.word-list-section{padding:20px}.word-table th:nth-child(1),.word-table td:nth-child(1){width:42%}.word-table th:nth-child(2),.word-table td:nth-child(2){width:12%}.word-table th:nth-child(3),.word-table td:nth-child(3){width:26%}.word-table th:nth-child(4),.word-table td:nth-child(4){width:20%;min-width:85px}.desktop-actions{display:none}.mobile-actions,.mobile-batch-btn{display:block}.desktop-batch-btn{display:none}.word-table{font-size:.9rem}.word-table th,.word-table td{padding:8px 4px}.word-list-section h2{font-size:1.2rem}.word-list-header{flex-direction:column;align-items:stretch;gap:15px}.word-list-title-section{justify-content:space-between;align-items:center}.word-list-controls{justify-content:center}.info-pagination-container{justify-content:space-between;align-items:center;flex-wrap:nowrap}.header-pagination{order:1}.word-list-info{order:2;text-align:center;flex:1}.pagination{padding:15px 10px;gap:10px}.pagination-btn{padding:6px 12px;font-size:.8rem}.pagination-info{font-size:.8rem}.wm-search-input-unique{padding:14px 40px 14px 16px}.toast-notification{top:70px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content{gap:10px}.toast-message{font-size:.95rem}}@media (min-width: 415px) and (max-width: 768px){.word-management-main{padding:25px;width:100%;max-width:100%}.filter-row{grid-template-columns:1fr 1fr 1fr;gap:6px}.filter-item select{padding:3px 4px;font-size:.75rem}.filter-item label{font-size:.7rem}.word-management-action-buttons{grid-template-columns:1fr 1fr;gap:12px}.word-management-action-btn{padding:12px 16px;font-size:.9rem}.word-list-header{flex-direction:column;align-items:stretch;gap:15px}.word-list-title-section{justify-content:space-between}.word-list-controls{justify-content:center}.info-pagination-container{justify-content:space-between;align-items:center}.wm-search-section-unique{flex-direction:column;gap:12px;align-items:stretch}.wm-search-input-unique{padding:12px 40px 12px 16px}.desktop-actions{display:none}.mobile-actions{display:block}.desktop-batch-btn{display:none}.mobile-batch-btn{display:block}}@media (min-width: 769px) and (max-width: 1024px){.word-management-main{padding:35px}.filter-section,.action-section,.word-list-section{padding:25px}.word-management-action-btn{padding:13px 18px;font-size:.95rem}.filter-item select{padding:9px;font-size:.95rem}}@media (min-width: 569px) and (max-width: 768px) and (orientation: landscape){.word-management-main{padding:20px 30px}.filter-row{grid-template-columns:repeat(3,1fr);gap:20px}.word-management-action-buttons{grid-template-columns:1fr 1fr;gap:15px}.word-list-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.desktop-actions{display:flex}.mobile-actions{display:none}.desktop-batch-btn{display:block}.mobile-batch-btn{display:none}}.german-text{font-weight:600;color:var(--input-focus);font-size:1.1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 414px){.german-text{font-size:1rem}}@media (max-width: 359px){.german-text{font-size:.95rem}}.spelling-multiline{display:flex;flex-direction:column;gap:4px}.spelling-multiline>div:first-child{margin-bottom:2px}.spelling-multiline div{line-height:1.4}.spelling-multiline strong{color:var(--text-secondary);font-weight:600;font-size:.9em;margin-right:6px}.verb-conjugation{margin-top:4px}.person-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:3px;align-items:center}.person-form{font-size:.95em;line-height:1.4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noun-spelling{display:flex;flex-direction:column;gap:2px;line-height:1.4}.noun-line{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.9rem,4vw,1.2rem)}.profession-noun .noun-line{font-size:clamp(.8rem,3.5vw,1.1rem)}.noun-only-text{color:var(--text-secondary);font-style:italic;font-weight:500;font-size:clamp(.8rem,3.5vw,1rem)}.pronunciation-content{display:flex;flex-direction:column;gap:2px}.pronunciation-line{line-height:1.4;font-weight:500}.proper-noun{font-weight:700;color:var(--primary-color)}@media (max-width: 359px){.noun-line{font-size:clamp(.8rem,3.5vw,1rem)}.profession-noun .noun-line{font-size:clamp(.75rem,3vw,.95rem)}.person-form{font-size:.85em}.person-row{gap:8px 15px}}.detail-extended-section{background:#f0f8ff;border-radius:12px;padding:20px;border-left:4px solid #3498db;box-shadow:0 2px 8px #0000000d}@media (prefers-color-scheme: dark){.detail-extended-section{background:#3498db1a}}.detail-extended-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color-light);transition:all .3s ease}.detail-extended-header:hover{opacity:.8}.detail-extended-title{color:var(--text-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;margin:0}.extended-toggle-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:4px 12px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap}.extended-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.extended-content{overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.extended-content.collapsed{max-height:0;opacity:0}.extended-content.expanded{max-height:1000px;opacity:1}.extended-group{margin-bottom:16px}.extended-group:last-child{margin-bottom:0}.extended-group-title{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-color-light)}.extended-group-content{display:flex;flex-direction:column;gap:10px}.extended-item{display:flex;align-items:center;gap:8px;font-size:.95rem}.extended-item-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.extended-item-inline{display:inline-flex;align-items:center;gap:6px;margin-right:0;font-size:.95rem}.imperativ-content{flex-direction:row;flex-wrap:wrap;gap:16px}.extended-label{color:var(--text-secondary);font-weight:600;font-size:.9rem;min-width:fit-content}.extended-value{color:var(--text-primary);font-weight:500;font-size:1rem}.verb-conjugation-extended{margin-top:8px}.verb-conjugation-extended .person-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:4px}.verb-conjugation-extended .person-form{font-size:.95rem;line-height:1.4;font-weight:500;color:var(--text-primary)}.preposition-extended{border-left-color:#9b59b6}.case-tags{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.case-tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.case-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.case-tag.case-akkusativ{background:linear-gradient(135deg,#e74c3c,#c0392b)}.case-tag.case-dativ{background:linear-gradient(135deg,#3498db,#2980b9)}.case-tag.case-genitiv{background:linear-gradient(135deg,#9b59b6,#8e44ad)}@media (max-width: 414px){.detail-extended-section{padding:16px}.detail-extended-header{margin-bottom:12px;padding-bottom:10px}.detail-extended-title{font-size:.95rem}.extended-toggle-btn{font-size:.8rem;padding:3px 10px}.extended-group-title{font-size:.85rem}.extended-item,.extended-item-inline{font-size:.9rem}.extended-item-row{gap:15px;flex-direction:column;align-items:flex-start}.extended-label{font-size:.85rem}.extended-value{font-size:.95rem}.verb-conjugation-extended .person-form{font-size:.9rem}.case-tag{font-size:.8rem;padding:3px 8px}.imperativ-content{flex-direction:column;gap:8px}}@media (max-width: 359px){.detail-extended-section{padding:12px}.detail-extended-header{margin-bottom:10px;padding-bottom:8px}.detail-extended-title{font-size:.9rem}.extended-toggle-btn{font-size:.75rem;padding:2px 8px}.extended-group{margin-bottom:12px}.extended-group-title{font-size:.8rem;margin-bottom:8px}.extended-item-row{gap:10px}.verb-conjugation-extended .person-row{gap:8px 15px}.verb-conjugation-extended .person-form{font-size:.85rem}}.page-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%}.page-header h1{color:var(--text-primary);margin:0;font-size:1.8rem;flex-shrink:0}.page-header .user-info{display:flex;align-items:center;gap:20px;flex-shrink:0}.page-header .user-info span{color:var(--text-secondary);font-size:1rem}.back-button-full{display:inline}.back-button-compact{display:none}.user-info-full{display:inline}.user-info-compact{display:none}@media (max-width: 900px){.page-header{padding:15px 20px}.page-header h1{font-size:1.5rem}.page-header .user-info span{font-size:.9rem}.back-button-full{display:none}.back-button-compact{display:inline}}@media (max-width: 650px){.page-header{padding:12px 15px}.page-header h1{font-size:1.3rem}.page-header .user-info span{font-size:.85rem}.user-info-full{display:none}.user-info-compact{display:inline}}.add-word-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.add-word-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%}.add-word-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.add-word-header .user-info{display:flex;align-items:center;gap:20px}.add-word-header .user-info span{color:var(--text-secondary);font-size:1rem}.add-word-main{padding:40px;max-width:800px;width:800px;display:flex;flex-direction:column;align-items:center}.add-word-form{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:40px;width:100%;max-width:800px}.form-section{margin-bottom:40px}.form-section h2{color:var(--text-primary);margin:0 0 25px;font-size:1.4rem;border-bottom:2px solid var(--border-color);padding-bottom:10px}.form-section h3{color:var(--text-secondary);margin:20px 0 15px;font-size:1.1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-item{display:flex;flex-direction:column;gap:8px}.form-item label{color:var(--text-secondary);font-weight:500;font-size:.9rem}.form-item input,.form-item select,.form-item textarea{padding:12px;border:2px solid var(--input-border);border-radius:6px;font-size:1rem;background:var(--input-bg);color:var(--text-primary);transition:border-color .3s ease;font-family:inherit}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{outline:none;border-color:var(--input-focus)}.form-item input:disabled,.form-item select:disabled,.form-item textarea:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.form-item input::placeholder,.form-item textarea::placeholder{color:var(--text-tertiary)}.form-item textarea{resize:vertical;min-height:80px}.radio-group{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:2px solid var(--input-border);border-radius:6px;background:var(--input-bg);transition:all .3s ease;min-width:120px}.radio-option:hover{border-color:var(--input-focus);background:var(--bg-tertiary)}.radio-option input[type=radio]{margin:0;cursor:pointer}.radio-option input[type=radio]:checked+span{color:#fff;font-weight:600}.radio-option:has(input[type=radio]:checked){border-color:var(--input-focus);background:var(--input-focus)}.radio-option span{font-size:.95rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.checkbox-option input[type=checkbox]{margin:0;cursor:pointer}.checkbox-option input[type=checkbox]:checked+span{color:#fff;font-weight:600}.checkbox-option:has(input[type=checkbox]:checked){border-color:var(--input-focus);background:var(--input-focus)}.tags-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.tag-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:6px;transition:all .3s ease}.tag-checkbox:has(input[type=checkbox]:checked){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tag-checkbox:hover{background:var(--input-focus);color:#fff}.tag-checkbox input[type=checkbox]{margin:0;cursor:pointer}.tag-checkbox span{font-size:.9rem;color:inherit}.new-tag-input{display:flex;gap:10px;align-items:center;padding:15px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.new-tag-input input{flex:1;margin:0}.new-tag-input button{background:var(--input-focus);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.new-tag-input button:hover{background:#5a6fd8}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color)}.form-actions:has(.cancel-button){justify-content:flex-end;flex-wrap:nowrap}.cancel-button:hover{background:#5a6268}.submit-button:hover{background:#218838}.form-section h3{color:var(--text-primary);background:var(--bg-tertiary);padding:10px 15px;border-radius:6px;margin:25px 0 15px;font-size:1rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.add-word-modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.add-word-modal-header h3{margin:0;color:var(--text-primary);font-size:1.3rem;text-align:center}.modal-body{padding:20px 24px;text-align:center}.modal-body p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.modal-actions{padding:16px 24px 24px;display:flex;flex-direction:column;gap:12px}.modal-btn{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.add-word-continue-btn{background:#28a745;color:#fff}.add-word-continue-btn:hover{background:#218838;transform:translateY(-2px)}.add-word-other-btn{background:#007bff;color:#fff}.add-word-other-btn:hover{background:#0056b3;transform:translateY(-2px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color)}.loading-text{color:var(--text-secondary);font-size:1.1rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.add-word-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.add-word-main{padding:20px}.add-word-form{padding:30px 20px}.form-row{grid-template-columns:1fr}.tags-container{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.modal-content{width:95%;margin:20px}.add-word-modal-header{padding:20px 20px 16px;margin:0;font-size:1.2rem;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}.add-word-modal-header h3{font-size:1.2rem}.modal-body{padding:16px 20px}.modal-actions{padding:16px 20px 20px}.radio-group{flex-direction:column;gap:12px}.radio-option{min-width:auto;width:100%;justify-content:flex-start}}@media (max-width: 600px){.add-word-header h1{font-size:1.5rem}.add-word-main{max-width:100%}.form-section h2{font-size:1.2rem}.new-tag-input{flex-direction:column;align-items:stretch}.new-tag-input button{width:100%}}.batch-nav-button{padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-width:120px}.batch-nav-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.prev-button{background:#6c757d;color:#fff}.prev-button:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.skip-button{background:#ffc107;color:#212529}.skip-button:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.save-next-button{background:#28a745;color:#fff}.save-next-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.complete-button{background:#007bff;color:#fff}.complete-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.form-actions{display:flex;justify-content:center;gap:12px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color);flex-wrap:wrap}@media (max-width: 900px){.form-actions{flex-direction:column;align-items:center}.batch-nav-button{width:100%;min-width:auto;margin-bottom:8px}.batch-nav-button:last-child{margin-bottom:0}}@media (max-width: 600px){.batch-nav-button{padding:14px 20px;font-size:.95rem}}.toast-notification{position:fixed;top:80px;right:20px;z-index:9999;padding:16px 24px;border-radius:8px;box-shadow:0 4px 20px #00000026;font-weight:500;animation:slideInRight .3s ease-out;min-width:300px;max-width:500px}.toast-notification.success{background:var(--success-bg, #d4edda);color:var(--success-text, #155724);border:1px solid var(--success-border, #c3e6cb)}.toast-notification.error{background:var(--error-bg, #f8d7da);color:var(--error-text, #721c24);border:1px solid var(--error-border, #f5c6cb)}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{font-size:1rem;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(0)}}@media (max-width: 600px){.toast-notification{top:70px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content{gap:10px}.toast-message{font-size:.95rem}}.test-selection-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.test-selection-main{padding:40px;max-width:1000px;width:100%;display:flex;justify-content:center}.test-categories{display:flex;flex-direction:column;gap:40px;width:100%}.test-category{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:30px}.test-category h2{color:var(--text-primary);margin:0 0 20px;font-size:1.4rem;text-align:center}.test-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.test-buttons word-buttons-3-1{grid-template-columns:3fr 1fr}.test-buttons:has(.test-btn:only-child){grid-template-columns:1fr}@supports not (selector(:has(*))){.test-buttons{display:flex;flex-wrap:wrap;gap:20px}.test-btn{flex:1;min-width:300px}}.test-btn{background:var(--bg-secondary);border:2px solid var(--border-color-light);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;text-align:left;color:var(--text-primary)}.test-btn:hover{box-shadow:0 6px 20px var(--shadow-color-hover)}.word-test{background:transparent!important;border:2px solid #28a745!important;border-color:#28a745}.word-test:hover{border-color:#218838;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;transform:translateY(-2px)}.grammar-test{background:transparent!important;border:2px solid #6f42c1!important;border-color:#6f42c1}.grammar-test:hover{background:transparent!important;border-color:#5a32a3;transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color-hover)}.number-test{background:transparent!important;border:2px solid #ff6b35!important;border-color:#ff6b35}.number-test:hover{border-color:#e55a2e;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;transform:translateY(-2px)}.test-icon{font-size:2rem;flex-shrink:0}.test-info{flex:1}.test-info h3{color:var(--text-primary);margin:0 0 5px;font-size:1.1rem;font-weight:600}.test-info p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.test-btn:hover .test-info p{color:var(--text-secondary)}.test-btn-large{padding:28px 24px;min-height:110px}.test-btn-compact{padding:14px 16px;min-height:60px}.user-select-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.user-select-modal{width:min(560px,92vw);background:var(--bg-secondary);border-radius:12px;box-shadow:0 12px 40px var(--shadow-color);overflow:hidden}.user-select-header{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;border-bottom:1px solid var(--border-color-light)}.user-select-header .title{font-size:1.1rem}.user-select-header .close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer}.user-select-content{padding:16px}.test-user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;max-width:100%}.test-user-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 10px;background:transparent;color:var(--text-primary);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;min-height:90px;justify-content:center}.test-user-item:hover{background:#667eea1a;transform:translateY(-2px)}.test-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(102,126,234,.3);transition:all .3s ease}.test-user-item:hover .test-user-avatar{border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.test-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.test-user-name{font-size:.9rem;font-weight:500;text-align:center}.user-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:10px;cursor:pointer;transition:all .2s ease}.user-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--shadow-color-hover)}.user-item .avatar{font-size:20px}.user-item .name{font-size:.95rem}.user-select-content .loading,.user-select-content .error-message,.user-select-content .empty-tip{color:var(--text-secondary);text-align:center;padding:20px 0}.word-buttons-3-1{display:grid;grid-template-columns:3fr 1fr;gap:20px}@media (max-width: 768px){.word-buttons-3-1{grid-template-columns:1fr}}.adjective-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.adjective-test-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%}.adjective-test-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.adjective-test-main{flex:1;padding:40px;display:flex;justify-content:center}.adjective-overview{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:30px}.overview-description{text-align:center;margin-bottom:20px}.overview-description h2{color:var(--text-primary);margin-bottom:10px}.overview-description p{color:var(--text-secondary);font-size:1.1rem}.view-btn,.test-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.view-btn{background:#17a2b8;color:#fff}.view-btn:hover{background:#138496}.test-btn{background:#6f42c1;color:#fff}.test-btn:hover{background:#5a32a3}.table .adj-th{background:#8e44ad;color:#fff}.table .adj-td{color:#411d50;background:#d2b4de}.test-view{display:flex;flex-direction:column;gap:20px}.test-header{display:flex;align-items:center;gap:20px;margin-bottom:10px}.test-header h2{color:var(--text-primary);margin:0}.test-content{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.test-content h3{color:var(--text-primary);margin:0 0 20px}.test-content p{color:var(--text-secondary);font-size:1.1rem}.test-selection{max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.test-mode-btn{background:#8e44ad;color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%}.test-mode-btn:hover{background:#7d3c98;transform:translateY(-2px)}.table-test{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center}.test-input{width:100%;padding:8px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1rem;text-align:center}.test-input-adj:focus{outline:none;border-color:#8e44ad}.adjective-random-test{max-width:600px;width:100%}.adjective-random-test-header{text-align:center;margin-bottom:30px}.adjective-random-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.adjective-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.adjective-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.adjective-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.adjective-progress-fill{height:100%;background:#8e44ad;transition:width .3s ease}.adjective-random-quiz-test{display:flex;flex-direction:column;gap:20px}.adjective-quiz-container{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);max-width:600px;margin:0 auto;width:100%}.adjective-question-progress{text-align:center;margin-bottom:20px}.adjective-question-progress p{color:var(--text-secondary);font-size:1rem;margin:0}.adjective-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.adjective-question-text h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.adjective-question-context{background:var(--bg-primary);border-radius:8px;padding:20px;margin:20px 0;text-align:left}.adjective-question-context p{margin:10px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.adjective-answer-section{margin:30px 0}.adjective-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.adjective-answer-field{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.adjective-answer-field:focus{outline:none;border-color:#8e44ad}.adjective-quiz-answer-input{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center}.adjective-quiz-answer-input:focus{outline:none;border-color:#8e44ad}.adjective-quiz-actions{margin-top:30px}.adjective-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}@media (max-width: 768px){.adjective-test-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.adjective-test-main{padding:20px}.test-header{flex-direction:column;align-items:flex-start;gap:10px}.quiz-container{padding:20px}.result-actions{flex-direction:column;align-items:center}.result-actions button{width:100%;max-width:200px}.test-table th,.test-table td{padding:8px 6px}.answer-input{font-size:.9rem}.quiz-answer-input{font-size:1rem}}.adjective-diff-table table{width:100%;border-collapse:collapse;background:var(--bg-secondary);margin-top:16px}.adjective-diff-table th,.adjective-diff-table td{border:1px solid var(--border-color);padding:10px;text-align:center}.answer-correct{color:#28a745;font-weight:700}.answer-incorrect{color:#dc3545;font-weight:700}.correct-answer{color:var(--text-secondary);font-size:.85rem;margin-top:4px}.adjective-random-detail-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.adjective-random-detail-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-left-width:4px;border-radius:8px;padding:12px}.adjective-random-detail-item.correct{border-left-color:#28a745}.adjective-random-detail-item.incorrect{border-left-color:#dc3545}.adjective-random-detail-item .detail-header{display:flex;align-items:center;gap:12px}.adjective-random-detail-item .detail-header .index{font-weight:700}.adjective-random-detail-item .detail-header .status.correct{color:#28a745;margin-left:auto}.adjective-random-detail-item .detail-header .status.incorrect{color:#dc3545;margin-left:auto}.adjective-random-detail-item .detail-answers{display:flex;gap:16px;margin-top:6px}.possessive-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.possessive-test-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.possessive-test-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.possessive-test-main{flex:1;padding:40px;display:flex;justify-content:center}.table-btn{background:#fd7e14;color:#fff}.table-btn:hover{background:#e8660c;transform:translateY(-2px)}.possessive-note{background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;padding:12px;margin-bottom:20px}.possessive-note p{margin:0;color:#856404;font-size:.9rem}.table .pss-th{background:#fd7e14;color:#fff}.table .pss-td{background:#ffeaa7;color:#2d3436}.possessive-test-mode{max-width:800px;width:100%}.test-selection{display:flex;flex-direction:column;gap:20px}.test-selection-header{display:flex;align-items:center;gap:20px;margin-bottom:10px}.test-selection-header h2{color:var(--text-primary);margin:0}.test-mode-btn{background:#fd7e14;color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%}.test-mode-btn:hover{background:#e8660c;transform:translateY(-2px)}.table-test{max-width:1000px;width:100%}.test-input-pss:focus{border-color:#fd7e14}.back-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;margin-right:15px}.back-btn:hover{background:#5a6268}.complete-table-test{display:flex;flex-direction:column;gap:20px}.test-results{background:var(--bg-secondary);border-radius:12px;padding:40px;box-shadow:0 4px 20px var(--shadow-color);text-align:center;max-width:500px;margin:0 auto}.test-results-header h2{color:var(--text-primary);margin:0 0 30px;font-size:1.8rem}.score-display{margin:30px 0}.score-display h3{color:#28a745;font-size:2rem;margin:0 0 10px}.score-display p{color:var(--text-secondary);font-size:1.2rem;margin:0}.result-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}@media (max-width: 768px){.possessive-test-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.possessive-test-main{padding:20px}.action-btn{width:100%;max-width:200px}.test-mode-header{flex-direction:column;gap:15px;text-align:center}.quiz-container{padding:20px}.result-actions{flex-direction:column;align-items:center}.result-actions button{width:100%;max-width:200px}.test-table th,.test-table td{padding:8px 6px}.answer-input{font-size:.9rem}.quiz-answer-input{font-size:1rem}}.possessive-test-table-container{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);margin-bottom:30px;max-width:800px;width:100%}.possessive-test-table-container h3{color:var(--text-primary);margin:0 0 10px;font-size:1.4rem;text-align:center}.possessive-test-table{overflow-x:auto;margin:20px 0}.possessive-test-table table{margin:0 auto;border-collapse:collapse;background:var(--bg-secondary);font-size:1.1rem}.possessive-test-table th{background:#fd7e14;color:#fff;padding:12px;text-align:center;font-weight:600;border:1px solid var(--border-color)}.possessive-test-table td{padding:12px;text-align:center;border:1px solid var(--border-color);background:var(--bg-primary)}.possessive-test-table .case-label{background:#ffeaa7;color:#2d3436;font-weight:600}.possessive-random-test{max-width:600px;width:100%}.possessive-random-test-header{text-align:center;margin-bottom:30px}.possessive-random-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.possessive-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.possessive-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.possessive-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.possessive-progress-fill{height:100%;background:#fd7e14;transition:width .3s ease}.possessive-random-quiz-test{display:flex;flex-direction:column;gap:20px}.possessive-quiz-container{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);max-width:600px;margin:0 auto;width:100%}.possessive-question-progress{text-align:center;margin-bottom:20px}.possessive-question-progress p{color:var(--text-secondary);font-size:1rem;margin:0}.possessive-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.possessive-question-text h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.possessive-question-context{background:var(--bg-primary);border-radius:8px;padding:20px;margin:20px 0;text-align:left}.possessive-question-context p{margin:10px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.possessive-answer-section{margin:30px 0}.possessive-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.possessive-answer-field{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.possessive-answer-field:focus{outline:none;border-color:#fd7e14}.possessive-quiz-answer-input{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center}.possessive-quiz-answer-input:focus{outline:none;border-color:#fd7e14}.possessive-quiz-actions{margin-top:30px}.possessive-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.article-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.article-test-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.article-test-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.article-test-main{flex:1;padding:40px;display:flex;justify-content:center}.article-overview{max-width:1200px;width:100%}.test-btn{background:#28a745;color:#fff}.test-btn:hover{background:#218838;transform:translateY(-2px)}.table .atc-th{background:#007bff;color:#fff}.table .atc-td{background:#b3d9ff;color:#003d82}.article-test-mode{max-width:800px;width:100%}.test-mode-btn{background:#007bff;color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%}.test-mode-btn:hover{background:#0056b3;transform:translateY(-2px)}.table-options{display:flex;flex-direction:column;gap:10px}.test-input-atc:focus{outline:none;border-color:#007bff}.article-random-test{max-width:600px;width:100%}.article-random-test-header{text-align:center;margin-bottom:30px}.article-random-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.article-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.article-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.article-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.article-progress-fill{height:100%;background:#007bff;transition:width .3s ease}.article-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.article-question-text h4{color:var(--text-primary);font-size:1.6rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.article-question-context{background:var(--bg-primary);border-radius:8px;padding:20px;margin:20px 0;text-align:left}.article-question-context p{margin:10px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.article-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.article-answer-field{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.article-answer-field:focus{outline:none;border-color:#007bff}.article-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.restart-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.restart-btn:hover{background:#0056b3;transform:translateY(-2px)}@media (max-width: 768px){.article-test-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.article-test-main{padding:20px}.overview-tables{grid-template-columns:1fr;gap:20px}.overview-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:200px}.test-mode-header{flex-direction:column;gap:15px;text-align:center}}.results-list .answer-correct{color:#28a745;font-weight:700}.results-list .answer-incorrect{color:#dc3545;font-weight:700}.pronoun-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.pronoun-test-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.pronoun-test-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.pronoun-test-main{flex:1;padding:40px;display:flex;justify-content:center}.table-btn{background:#28a745;color:#fff}.table-btn:hover{background:#218838;transform:translateY(-2px)}.test-btn{background:#20c997;color:#fff}.test-btn:hover{background:#1ba085;transform:translateY(-2px)}.table .prn-th{background:#28a745;color:#fff}.table .prn-td{background:#c3e6cb;color:#155724}.pronoun-test-mode{max-width:800px;width:100%}.test-mode-btn{background:#28a745;color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%}.test-mode-btn:hover{background:#218838;transform:translateY(-2px)}.test-input-prn:focus{outline:none;border-color:#28a745}.pronoun-random-test{max-width:600px;width:100%}.pronoun-random-test-header{text-align:center;margin-bottom:30px}.pronoun-random-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.pronoun-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.pronoun-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.pronoun-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.pronoun-progress-fill{height:100%;background:#28a745;transition:width .3s ease}.pronoun-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.pronoun-question-text h4{color:var(--text-primary);font-size:1.6rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.pronoun-question-context{background:var(--bg-primary);border-radius:8px;padding:20px;margin:20px 0;text-align:left}.pronoun-question-context p{margin:10px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.pronoun-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.pronoun-answer-field{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.pronoun-answer-field:focus{outline:none;border-color:#28a745}.pronoun-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}@media (max-width: 768px){.pronoun-test-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.pronoun-test-main{padding:20px}.overview-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:200px}.table-view-header,.test-mode-header{flex-direction:column;gap:15px;text-align:center}.table{font-size:.8rem}.table th,.table td{padding:8px 6px}.table .person-label{font-size:.8rem}.table .pronoun-form{font-size:.9rem}}.welch-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.welch-test-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.welch-test-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.user-info{display:flex;align-items:center;gap:20px}.user-info span{color:var(--text-secondary);font-size:1rem}.welch-test-main{flex:1;padding:40px;display:flex;justify-content:center}.action-btn{padding:15px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.table-btn{background:#dc3545;color:#fff}.table-btn:hover{background:#c82333;transform:translateY(-2px)}.test-btn{background:#e83e8c;color:#fff}.test-btn:hover{background:#d91a72;transform:translateY(-2px)}.table .wlc-th{background:#dc3545;color:#fff}.table .wlc-td{background:#f8d7da;color:#721c24}.welch-test-mode{max-width:800px;width:100%}.test-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.test-mode-header h3{color:var(--text-primary);font-size:1.8rem;margin:0}.test-content{background:var(--bg-secondary);border-radius:12px;padding:40px;box-shadow:0 4px 15px var(--shadow-color)}.test-placeholder{text-align:center;color:var(--text-secondary)}.test-placeholder h4{color:var(--text-primary);font-size:1.5rem;margin-bottom:10px}.test-placeholder p{font-size:1.1rem;margin:0}.test-selection{max-width:800px;width:100%}.test-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.test-selection-header h2{color:var(--text-primary);font-size:1.8rem;margin:0}.test-mode-cards{display:flex;flex-direction:column;gap:30px}.test-mode-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.test-mode-card h3{color:var(--text-primary);margin:0 0 15px;font-size:1.3rem}.test-mode-card p{color:var(--text-secondary);margin:0 0 20px;font-size:1rem}.test-mode-btn{background:#dc3545;color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%}.test-mode-btn:hover{background:#c82333;transform:translateY(-2px)}.table-test{max-width:1000px;width:100%;display:flex;flex-direction:column;align-items:center}.table-test-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.table-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0}.table-info{text-align:center;margin-bottom:20px}.table-info span{color:var(--text-secondary);font-size:1rem}.test-input-wls:focus{outline:none;border-color:#dc3545}.welch-random-test{max-width:600px;width:100%}.welch-random-test-header{text-align:center;margin-bottom:30px}.welch-random-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.welch-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.welch-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.welch-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.welch-progress-fill{height:100%;background:#dc3545;transition:width .3s ease}.welch-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.welch-question-text h4{color:var(--text-primary);font-size:1.6rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.welch-question-context{background:var(--bg-primary);border-radius:8px;padding:20px;margin:20px 0;text-align:left}.welch-question-context p{margin:10px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.welch-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.welch-answer-field{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.welch-answer-field:focus{outline:none;border-color:#dc3545}.welch-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.test-results{max-width:800px;width:100%}.results-header{text-align:center;margin-bottom:30px}.results-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 20px}.score-summary{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px}.score-circle{width:100px;height:100px;border-radius:50%;background:#28a745;display:flex;align-items:center;justify-content:center}.score-text{color:#fff;font-size:1.5rem;font-weight:700}.score-details p{color:var(--text-secondary);font-size:1.1rem;margin:5px 0}.results-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.result-item{background:var(--bg-secondary);border-radius:8px;padding:20px;box-shadow:0 2px 10px var(--shadow-color)}.result-item.correct{border-left:4px solid #28a745}.result-item.incorrect{border-left:4px solid #dc3545}.result-question{font-weight:600;color:var(--text-primary);margin-bottom:10px}.result-answers{display:flex;justify-content:space-between;gap:20px}.user-answer,.correct-answer{flex:1}.label{font-weight:600;color:var(--text-secondary);margin-right:10px}.value{color:var(--text-primary);font-family:Courier New,monospace}.results-actions{display:flex;justify-content:center;gap:20px}.restart-btn{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.restart-btn:hover{background:#c82333;transform:translateY(-2px)}@media (max-width: 768px){.welch-test-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.welch-test-main{padding:20px}.overview-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:200px}.test-mode-header{flex-direction:column;gap:15px;text-align:center}}.global-random-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.global-random-test-header-nav{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.global-random-test-header-nav h1{color:var(--text-primary);margin:0;font-size:1.5rem}.global-random-user-info{color:var(--text-secondary);font-size:.9rem}.global-random-user-info span{margin-right:15px}.global-random-test-main{flex:1;padding:40px;display:flex;justify-content:center;align-items:flex-start}.global-random-test-start{max-width:800px;width:100%}.global-random-test-start .global-random-test-header{text-align:center;margin-bottom:40px}.global-random-test-start .global-random-test-header h3{color:var(--text-primary);font-size:2.2rem;margin:0 0 15px}.global-random-test-start .global-random-test-header p{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.6}.global-random-start-card{background:var(--bg-secondary);border-radius:12px;padding:40px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.global-random-test-info{margin-bottom:30px}.global-random-test-info h4{color:var(--text-primary);font-size:1.4rem;margin:0 0 20px}.global-random-test-info ul{text-align:left;color:var(--text-secondary);font-size:1rem;line-height:1.8;max-width:400px;margin:0 auto}.global-random-test-info li{margin-bottom:8px}.global-random-start-btn{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:none;padding:18px 40px;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d}.global-random-start-btn:hover{background:linear-gradient(45deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.global-random-test{max-width:600px;width:100%}.global-random-test-header{text-align:center;margin-bottom:30px}.global-random-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.global-random-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.global-random-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.global-random-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.global-random-progress-fill{height:100%;background:linear-gradient(45deg,#e74c3c,#c0392b);transition:width .3s ease}.global-random-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.global-random-question-type{margin-bottom:20px}.test-type-badge{display:inline-block;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #e74c3c4d}.global-random-question-text h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.global-random-question-context{background:var(--bg-primary);border-radius:8px;padding:20px;margin:20px 0;text-align:left}.global-random-question-context p{margin:10px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.global-random-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.global-random-answer-field{width:100%;max-width:300px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.global-random-answer-field:focus{outline:none;border-color:#e74c3c}.global-random-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.global-random-test-results{max-width:1000px;width:100%}.global-random-results-header{text-align:center;margin-bottom:30px}.global-random-results-header h2{color:var(--text-primary);margin:0;font-size:2rem}.global-random-score-display{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center;margin-bottom:30px}.global-random-score-display h3{color:#28a745;font-size:1.8rem;margin:0 0 10px}.global-random-score-display p{color:var(--text-secondary);font-size:1.2rem;margin:0}.global-random-result-details{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);margin-bottom:30px;max-height:600px;overflow-y:auto}.global-random-result-item{padding:20px;margin-bottom:15px;border-radius:8px;border-left:4px solid #ddd}.global-random-result-item.correct{background:#d4edda4d;border-left-color:#28a745}.global-random-result-item.incorrect{background:#f8d7da4d;border-left-color:#dc3545}.global-random-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.global-random-result-status{font-size:1.2rem;font-weight:700}.global-random-result-status.correct{color:#28a745}.global-random-result-status.incorrect{color:#dc3545}.global-random-result-question{color:var(--text-primary);font-weight:600;margin-bottom:10px;font-size:1rem}.global-random-result-answers{display:flex;gap:20px;flex-wrap:wrap}.global-random-user-answer,.global-random-correct-answer{display:flex;gap:8px;align-items:center}.global-random-user-answer span:first-child,.global-random-correct-answer span:first-child{color:var(--text-secondary);font-size:.9rem}.global-random-user-answer span:last-child,.global-random-correct-answer span:last-child{font-family:Courier New,monospace;font-weight:600;font-size:1rem}.global-random-user-answer span.correct,.global-random-correct-answer span.correct{color:#28a745}.global-random-user-answer span.incorrect{color:#dc3545}.global-random-result-actions{text-align:center}@media (max-width: 768px){.global-random-test-header-nav{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.global-random-test-main{padding:20px}.global-random-start-card{padding:25px}.global-random-question-card,.global-random-result-details{padding:20px}.global-random-result-answers,.global-random-question-actions{flex-direction:column;gap:10px}.global-random-question-actions button{width:100%;max-width:250px}.global-random-test-info ul{text-align:center}}.number-test-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.number-test-header-nav{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%}.number-test-header-nav h1{color:var(--text-primary);margin:0;font-size:1.5rem}.number-user-info{color:var(--text-secondary);font-size:.9rem}.number-user-info span{margin-right:15px}.number-test-main{padding:40px;max-width:800px;width:100%;display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 100px)}.number-test-start{max-width:600px;width:100%}.number-test-start .number-test-header{text-align:center;margin-bottom:30px}.number-test-start .number-test-header h3{color:var(--text-primary);font-size:2rem;margin:0 0 10px}.number-test-start .number-test-header p{color:var(--text-secondary);font-size:1.2rem;margin:0}.number-start-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.number-test-info{margin-bottom:30px}.number-test-info h4{color:var(--text-primary);font-size:1.4rem;margin:0 0 20px}.number-test-info ul{text-align:left;color:var(--text-secondary);font-size:1rem;line-height:1.8;max-width:400px;margin:0 auto}.number-test-info li{margin-bottom:8px}.number-start-btn{background:linear-gradient(45deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:18px 40px;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.number-start-btn:hover{background:linear-gradient(45deg,#e55a2e,#ff7829);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.number-test{width:100%}.number-test-header{text-align:center;margin-bottom:30px}.number-test-header h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 15px}.number-progress-info{color:var(--text-secondary);font-size:1rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px;min-width:200px}.number-progress-info span{white-space:nowrap;min-width:100px;text-align:center}.number-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:5px}.number-progress-fill{height:100%;background:linear-gradient(45deg,#ff6b35,#ff8c42);transition:width .3s ease}.number-question-card{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center}.number-question-text h4{color:var(--text-primary);font-size:1.3rem;margin:0 0 20px;background:var(--bg-primary);padding:15px;border-radius:8px;border:2px solid var(--border-color)}.number-display{background:var(--bg-primary);border-radius:12px;padding:30px;margin:20px 0;border:3px solid #ff6b35}.number-value{font-size:2.5rem;font-weight:700;color:#ff6b35;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.number-answer-input{margin:20px 0;display:flex;flex-direction:column;align-items:center}.number-answer-field{width:100%;max-width:400px;padding:15px;border:3px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-weight:600;font-size:1.2rem;text-align:center;margin:0 auto}.number-answer-field:focus{outline:none;border-color:#ff6b35}.number-question-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.number-back-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.number-back-btn:hover{background:#5a6268}.number-test-results{max-width:1000px;width:100%}.number-results-header{text-align:center;margin-bottom:30px}.number-results-header h2{color:var(--text-primary);margin:0;font-size:2rem}.number-score-display{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);text-align:center;margin-bottom:30px}.number-score-display h3{color:#28a745;font-size:1.8rem;margin:0 0 10px}.number-score-display p{color:var(--text-secondary);font-size:1.2rem;margin:0}.number-result-details{background:var(--bg-secondary);border-radius:12px;padding:30px;box-shadow:0 4px 20px var(--shadow-color);margin-bottom:30px;max-height:600px;overflow-y:auto}.number-result-item{padding:20px;margin-bottom:15px;border-radius:8px;border-left:4px solid #ddd}.number-result-item.correct{background:#d4edda4d;border-left-color:#28a745}.number-result-item.incorrect{background:#f8d7da4d;border-left-color:#dc3545}.number-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.number-badge{background:linear-gradient(45deg,#ff6b35,#ff8c42);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;font-family:Courier New,monospace;box-shadow:0 2px 8px #ff6b354d}.number-result-status{font-size:1.2rem;font-weight:700}.number-result-status.correct{color:#28a745}.number-result-status.incorrect{color:#dc3545}.number-result-answers{display:flex;gap:20px;flex-wrap:wrap}.number-user-answer,.number-correct-answer{display:flex;gap:8px;align-items:center}.number-user-answer span:first-child,.number-correct-answer span:first-child{color:var(--text-secondary);font-size:.9rem}.number-user-answer span:last-child,.number-correct-answer span:last-child{font-family:Courier New,monospace;font-weight:600;font-size:1rem}.number-user-answer span.correct,.number-correct-answer span.correct{color:#28a745}.number-user-answer span.incorrect{color:#dc3545}.number-result-actions{text-align:center}@media (max-width: 768px){.number-test-header-nav{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.number-test-main{padding:20px}.number-start-card{padding:25px}.number-question-card{padding:20px}.number-value{font-size:2rem}.number-result-details{padding:20px}.number-result-answers,.number-question-actions{flex-direction:column;gap:10px}.number-question-actions button{width:100%;max-width:250px}.number-test-info ul{text-align:center}}.quiz-config-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overscroll-behavior-x:none;overflow-x:hidden}.quiz-config-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%}.quiz-config-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.quiz-config-header .user-info{display:flex;align-items:center;gap:20px}.quiz-config-header .user-info span{color:var(--text-secondary);font-size:1rem}.quiz-config-main{padding:40px;max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center}.quiz-config-content{background:var(--bg-secondary);border-radius:20px;padding:40px;max-width:800px;width:100%;box-shadow:0 4px 20px var(--shadow-color);animation:fadeInUp .6s ease-out;overscroll-behavior-x:none}.stats-section{margin-bottom:30px}.stats-card{background:var(--bg-primary);border-radius:15px;padding:15px 25px 5px;border:1px solid var(--border-color)}.stats-card h3{color:var(--text-primary);margin-bottom:20px;font-size:1.4em}.stats-grid{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.quiz-config-stat-item{flex:1;text-align:center;background:var(--bg-secondary);padding:20px;border-radius:12px;box-shadow:0 2px 8px var(--shadow-color)}.stat-number{display:block;font-size:2.2em;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-number.clickable{cursor:pointer;transition:all .2s ease;border-radius:8px;padding:4px 8px;margin:-4px -8px}.stat-number.clickable:hover{color:#dc3545;transform:scale(1.05)}.stat-label{color:var(--text-tertiary);font-size:.9em;font-weight:500}.config-section{margin-bottom:30px}.config-section h3{color:var(--text-primary);margin-bottom:25px;font-size:1.5em;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.config-group{margin-bottom:25px}.config-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:10px;font-size:1.1em}.radio-group{display:flex;flex-direction:row;gap:8px;width:100%}.radio-option{flex:1;display:flex!important;align-items:center;justify-content:center;padding:12px;border-radius:8px;background:var(--bg-tertiary);border:none;cursor:pointer;transition:all .3s ease;font-size:.9em!important;color:var(--text-primary)}.radio-option input[type=radio]{display:none}.radio-option:has(input[type=radio]:checked){background:var(--primary-color);color:#fff}.radio-option:has(input[type=radio]:disabled){opacity:.5;cursor:not-allowed}.error-review-config{background:var(--bg-tertiary);padding:20px;border-radius:10px;border-left:4px solid #ffc107;margin-top:15px;border:1px solid var(--border-color)}.error-review-config .config-group{margin-bottom:15px}.error-review-config input,.error-review-config select{width:100%;padding:10px;border:2px solid var(--border-color);border-radius:8px;font-size:1em;background:var(--input-bg);color:var(--text-primary)}.error-review-config input:focus,.error-review-config select:focus{outline:none;border-color:var(--input-focus)}.question-slider{width:100%;height:8px;border-radius:5px;background:var(--border-color);outline:none;appearance:none;margin:10px 0;touch-action:pan-y}.question-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:0 2px 4px var(--shadow-color)}.question-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:0 2px 4px var(--shadow-color)}.question-count{text-align:center;font-size:1.2em;font-weight:700;color:var(--primary-color);margin-top:10px}.quiz-word-types-selection{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.quiz-word-type-option{display:flex!important;align-items:center;background:var(--bg-tertiary);padding:8px 15px;border-radius:20px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-size:.9em!important;font-weight:500!important;margin-bottom:0!important;color:var(--text-primary)}.quiz-word-type-option:hover{background:var(--border-color);border-color:var(--input-focus)}.quiz-word-type-option input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.quiz-word-type-option:has(input[type=checkbox]:checked){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.quiz-selected-word-types{margin-top:15px;padding:10px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.9em;border:1px solid var(--border-color)}.tags-selection{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.toggle-tags-btn{background:transparent;color:var(--text-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:400;transition:all .3s ease;opacity:.7;white-space:nowrap}.toggle-tags-btn:hover{background:#3498db1a;color:#3498db;opacity:1;transform:translateY(-1px)}.tag-option{display:flex!important;align-items:center;background:var(--bg-tertiary);padding:8px 15px;border-radius:20px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-size:.9em!important;font-weight:500!important;margin-bottom:0!important;color:var(--text-primary)}.tag-option:hover{background:var(--border-color);border-color:var(--input-focus)}.tag-option input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.tag-option:has(input[type=checkbox]:checked){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.selected-tags{margin-top:15px;padding:10px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.9em;border:1px solid var(--border-color)}.tag-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.advanced-config-section{background:var(--bg-tertiary);border-radius:12px;padding:20px;margin-top:20px;border:1px solid var(--border-color)}.advanced-config-section h4{margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.fine-config-item{margin-bottom:20px;padding:15px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.fine-config-item:last-child{margin-bottom:0}.fine-config-item>label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:10px;font-size:1em}.checkbox-label{display:flex!important;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary);font-weight:600;margin-bottom:10px;font-size:1em}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label span{flex:1}.config-hint{margin-top:8px;font-size:.85em;color:var(--text-secondary);line-height:1.5;font-style:italic;padding:8px 12px;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--primary-color)}.action-buttons{gap:20px;margin-top:40px}.start-button{min-width:150px}@media (max-width: 359px){.quiz-config-header{padding:8px 12px;flex-direction:column;gap:8px;text-align:center}.quiz-config-header h1{font-size:1.1rem}.quiz-config-main{padding:12px}.quiz-config-content{padding:16px;max-width:100%;margin:8px}.stats-grid{flex-direction:row;gap:10px}.quiz-config-stat-item{padding:12px}.quiz-word-types-selection{gap:6px}.quiz-word-type-option{font-size:.75em!important;padding:4px 8px}.tags-selection{gap:6px}.tag-option{font-size:.75em!important;padding:4px 8px}.action-buttons{flex-direction:column;gap:10px}.cancel-button,.start-button{width:100%;min-height:44px;font-size:.9rem}}@media (max-width: 414px){.quiz-config-header{padding:12px 16px}.quiz-config-header h1{font-size:1.3rem}.quiz-config-main{padding:16px}.quiz-config-content{padding:20px;max-width:100%;margin:10px}.stats-grid{flex-direction:row;gap:12px}.quiz-config-stat-item{padding:16px}.quiz-word-types-selection{gap:8px}.quiz-word-type-option{font-size:.85em!important;padding:6px 12px}.tags-selection{gap:8px}.tag-option{font-size:.85em!important;padding:6px 12px}.action-buttons{flex-direction:column;gap:12px}.cancel-button,.start-button{width:100%;min-height:48px;max-width:300px}}@media (min-width: 415px) and (max-width: 768px){.quiz-config-header{padding:16px 24px}.quiz-config-header h1{font-size:1.5rem}.quiz-config-main{padding:24px}.quiz-config-content{padding:30px;max-width:100%;margin:12px}.stats-grid{flex-direction:row;gap:16px}.quiz-word-types-selection{gap:10px}.quiz-word-type-option{font-size:.9em!important;padding:8px 15px}.action-buttons{flex-direction:row;justify-content:center;gap:16px}.cancel-button,.start-button{flex:1;max-width:200px}}.error-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.error-modal-content{background-color:var(--bg-primary);width:90%;max-width:900px;max-height:90vh;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;border:1px solid var(--border-color)}.error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:12px 12px 0 0}.error-modal-header h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s ease}.close-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.error-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}.error-message{background-color:var(--error-bg);color:var(--error-text);padding:16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.retry-button{background-color:var(--error-text);color:var(--error-bg);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:opacity .2s ease}.retry-button:hover{opacity:.8}.error-summary{background-color:var(--bg-secondary);padding:12px 16px;border-radius:8px;margin-bottom:20px;color:var(--text-secondary);font-size:14px}.error-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.error-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;border-bottom:1px solid var(--border-color, rgba(255,255,255,.08));padding:12px}.error-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.error-item-header{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.error-number{font-weight:600;color:var(--text-primary);font-size:14px}.error-type,.word-type{background-color:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.error-count{background-color:var(--error-bg);color:var(--error-text);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.error-item-header .error-number,.error-item-header .error-type,.error-item-header .word-type,.error-item-header .error-count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600}.error-item-content{display:flex;flex-direction:column;gap:8px}.question-section{background-color:var(--bg-tertiary);padding:8px 12px;border-radius:6px;border-left:3px solid var(--primary-color);margin-bottom:0!important}.error-modal-content .question-label{font-weight:600;color:var(--text-primary);margin-right:8px;font-size:14px}.error-modal-content .question-text{color:var(--text-primary);font-size:14px!important;font-weight:400;padding:0!important;background:none!important;border:none!important;border-radius:0!important;margin:0!important;line-height:inherit!important}.error-modal-content .question-context{color:var(--text-secondary);font-style:italic;margin-left:8px;font-size:13px}.error-modal-content .question-section{margin-bottom:0!important;text-align:left!important}.error-modal-content .error-types{margin-bottom:0!important}.answer-comparison{background-color:var(--bg-primary);padding:10px;border-radius:6px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;opacity:.8}.correct-answers,.user-answers{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:28px}.correct-answers .label,.user-answers .label{font-weight:600;color:var(--text-primary);min-width:80px}.error-modal-content .answer{padding:4px 8px!important;border-radius:4px!important;font-weight:500!important;border:1px solid transparent!important;display:inline-block!important;white-space:nowrap!important;font-size:13px!important;width:auto!important;max-width:none!important;flex:none!important}.error-modal-content .correct-answer{background-color:var(--success-bg)!important;color:var(--success-text)!important;border-color:var(--success-border)!important}.error-modal-content .user-answer{background-color:var(--error-bg)!important;color:var(--error-text)!important;border-color:var(--error-border)!important}.error-info{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;flex-wrap:wrap;gap:12px;line-height:1.4}.error-types{font-weight:500;flex:1;font-size:14px;line-height:1.4;margin-bottom:0!important}.error-time{color:var(--text-tertiary);flex-shrink:0;font-size:14px;line-height:1.4;font-weight:400}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px 0;border-top:1px solid var(--border-color)}.pagination-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:14px;margin:0 8px}@media (max-width: 359px){.error-modal-content{width:100%;margin:8px;padding:0;border-radius:12px}.error-modal-header h2{font-size:1.05rem}.error-item-header{gap:8px}.error-item-header .error-number,.error-item-header .error-type,.error-item-header .word-type,.error-item-header .error-count{font-size:12px;max-width:25vw}.question-section .question-label{font-size:12px}.question-section .question-text,.question-section .question-context{font-size:12px;line-height:1.4}.pagination{gap:6px}.pagination-button{padding:4px 8px;font-size:12px}}@media (max-width: 414px){.error-modal-content{margin:10px;padding:0}.error-item-header{gap:10px}.error-item-header .error-number,.error-item-header .error-type,.error-item-header .word-type,.error-item-header .error-count{font-size:13px;max-width:28vw}}@media (min-width: 415px) and (max-width: 768px){.error-modal-content{max-width:720px;padding:0}.error-item-header{gap:12px}.error-item-header .error-number,.error-item-header .error-type,.error-item-header .word-type,.error-item-header .error-count{font-size:14px;max-width:none}}@media (min-width: 769px){.error-modal-content{max-width:860px}.error-item-header{gap:14px}}.quiz-session-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overscroll-behavior-x:none;overflow-x:hidden}.quiz-session-header{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%}.quiz-session-header h1{color:var(--text-primary);margin:0;font-size:1.8rem}.quiz-session-header .user-info{display:flex;align-items:center;gap:20px}.quiz-session-header .user-info span{color:var(--text-secondary);font-size:1rem}.quiz-session-main{padding:40px;max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center}.quiz-session-content{background:var(--bg-secondary);border-radius:20px;padding:30px;max-width:700px;width:100%;box-shadow:0 4px 20px var(--shadow-color);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-section{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;color:var(--text-secondary)}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px;transition:width .5s ease}.quiz-session-question-section{border-left:5px solid var(--primary-color);background-color:var(--bg-tertiary);border-radius:6px;margin-bottom:30px;text-align:center}.question-type{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;flex-wrap:wrap}.test-form-label{background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:600}.word-type{background:var(--word-type-bg);color:var(--word-type-text);border:1px solid var(--word-type-border);padding:5px 10px;border-radius:20px;font-size:.9em;font-weight:500;margin:0}.question-context{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;font-size:.9em}.question-text{font-size:3em;font-weight:700;color:var(--text-primary);margin-bottom:15px;line-height:1.4;padding:20px;background:var(--bg-tertiary);border-radius:15px;border:2px solid var(--border-color)}.question-hint{color:var(--text-tertiary);font-style:italic;margin-top:10px}.additional-notes{background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:4px solid #17a2b8;border-radius:8px;padding:15px;margin-top:20px;margin-bottom:25px;animation:fadeInUp .3s ease-out}.notes-label{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95em}.notes-content{color:var(--text-secondary);line-height:1.5;font-size:.95em}.answer-section{margin-bottom:30px}.answers-input{margin-bottom:25px}.answer-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.answers-input>label,.answer-label-row>label{display:block;color:var(--text-primary);font-weight:600;font-size:1.1em;margin:0}.german-chars{display:flex;gap:4px;flex-wrap:wrap}.german-char-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:1em;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;outline:none}.german-char-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.german-char-btn:focus{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.german-char-btn:active{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.answer-field{display:flex;align-items:center;margin-bottom:15px;gap:12px}.answer-label{min-width:120px;color:var(--text-secondary);font-weight:600;font-size:.95em;text-align:right}.answer-field input{flex:1;padding:15px;border:2px solid var(--border-color);border-radius:10px;font-size:1.1em;transition:border-color .3s ease;background:var(--input-bg);color:var(--text-primary)}.answer-field input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #667eea1a}.remove-answer{background:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;margin-left:10px;cursor:pointer;font-size:1.2em;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.remove-answer:hover{background:#c82333}.add-answer{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.9em;cursor:pointer;margin-top:10px;transition:background .3s ease}.add-answer:hover{background:#218838}.gender-selection{margin-bottom:25px}.gender-selection>label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:15px;font-size:1.1em}.gender-options{display:flex;gap:15px;justify-content:center}.gender-option{display:flex!important;align-items:center;background:var(--bg-tertiary);padding:12px 20px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-weight:600!important;font-size:1.1em!important;margin-bottom:0!important;color:var(--text-primary)}.gender-option:hover{background:var(--border-color);border-color:var(--input-focus)}.gender-option input[type=radio]{margin-right:8px;transform:scale(1.2)}.gender-option:has(input[type=radio]:checked){background:#667eea;color:#fff;border-color:#667eea}.auxiliary-selection{margin-bottom:25px}.auxiliary-selection>label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:15px;font-size:1.1em}.auxiliary-options{display:flex;gap:15px;justify-content:center}.auxiliary-option{display:flex!important;align-items:center;background:var(--bg-tertiary);padding:12px 20px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-weight:600!important;font-size:1.1em!important;margin-bottom:0!important;color:var(--text-primary)}.auxiliary-option:hover{background:var(--border-color);border-color:var(--input-focus)}.auxiliary-option input[type=radio]{margin-right:8px;transform:scale(1.2)}.auxiliary-option:has(input[type=radio]:checked){background:#20c997;color:#fff;border-color:#20c997}.case-governance-selection{margin-bottom:25px;padding:20px;background:var(--bg-tertiary);border-radius:12px;border:2px solid var(--border-color)}.case-type-selection{margin-bottom:20px}.case-type-selection>label,.case-selection>label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:12px;font-size:1.05em}.case-type-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.case-type-option{display:flex!important;align-items:center;background:var(--bg-secondary);padding:10px 18px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-weight:500!important;font-size:1em!important;margin-bottom:0!important;color:var(--text-primary)}.case-type-option:hover{background:var(--border-color);border-color:var(--input-focus)}.case-type-option input[type=radio]{margin-right:8px;transform:scale(1.15)}.case-type-option:has(input[type=radio]:checked){background:#ffc107;color:#000;border-color:#ffc107}.case-selection{padding-top:15px;border-top:1px solid var(--border-color)}.case-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.case-option{display:flex!important;align-items:center;background:var(--bg-secondary);padding:10px 18px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-weight:500!important;font-size:1em!important;margin-bottom:0!important;color:var(--text-primary)}.case-option:hover{background:var(--border-color);border-color:var(--input-focus)}.case-option input[type=checkbox]{margin-right:8px;transform:scale(1.15);cursor:pointer;accent-color:#17a2b8}.case-option:has(input[type=checkbox]:checked){background:#17a2b8;color:#fff;border-color:#17a2b8}.case-option span{flex:1}.submit-section{text-align:center}.user-judgment-section{margin-bottom:30px;padding:25px;border-radius:15px;background:var(--bg-tertiary);border:2px solid var(--border-color);animation:fadeInUp .5s ease-out}.judgment-prompt{text-align:center}.judgment-title{font-size:1.3em;font-weight:600;color:var(--text-primary);margin-bottom:15px}.judgment-text{color:var(--text-secondary);margin-bottom:20px;font-size:1em;line-height:1.5}.judgment-answers{display:flex;gap:30px;margin-bottom:25px;text-align:left}.judgment-answers .your-answer,.judgment-answers .correct-answer{flex:1;padding:15px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60px;text-align:center}.judgment-answers .your-answer strong,.judgment-answers .correct-answer strong{display:block;margin-bottom:4px;color:var(--text-primary);font-weight:600;text-align:center}.judgment-buttons{display:flex;gap:20px;justify-content:center}.judgment-button{padding:12px 30px;border:none;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.judgment-button.correct{background:var(--success-button-bg);color:#fff}.judgment-button.correct:hover{background:var(--success-button-hover);transform:translateY(-2px)}.judgment-button.incorrect{background:var(--error-button-bg);color:#fff}.judgment-button.incorrect:hover{background:var(--error-button-hover);transform:translateY(-2px)}.user-judgment-note{font-size:.8em;color:var(--text-tertiary);margin-left:10px;font-weight:400}.result-section{background:var(--bg-tertiary);border-radius:15px;padding:25px;margin-bottom:30px;text-align:center;border:2px solid var(--border-color);animation:resultFadeIn .5s ease-out}.answer-feedback{display:flex;align-items:center;gap:20px;justify-content:center}.answer-status{font-size:1.2em;font-weight:700;padding:10px 20px;border-radius:20px;border:2px solid}.answer-status.correct{color:#155724;background:#d4edda4d;border-color:#c3e6cb}.answer-status.incorrect{color:#721c24;background:#f8d7da4d;border-color:#f5c6cb}.next-question-button{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;padding:12px 30px;border-radius:20px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.next-question-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a7454d}.answer-field input:disabled,.gender-option input:disabled{opacity:.6;cursor:not-allowed}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-section.correct{background:#d4edda4d;border-color:#c3e6cb}.result-section.incorrect{background:#f8d7da4d;border-color:#f5c6cb}.result-indicator{font-size:2em;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.result-section.correct .result-indicator{color:var(--result-success-text)}.result-section.incorrect .result-indicator{color:var(--result-error-text)}.result-details{text-align:left;margin-bottom:25px}.correct-answers{margin-bottom:15px}.correct-answers strong{color:var(--text-primary)}.answers-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.answer-item{background:#667eea;color:#fff;padding:6px 12px;border-radius:15px;font-size:.9em;font-weight:500}.error-types{margin-bottom:15px}.error-types strong{color:var(--text-primary)}.error-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.error-type{background:#dc3545;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:500}.explanation{background:var(--bg-tertiary);padding:15px;border-radius:10px;border-left:4px solid #ffc107;color:var(--text-secondary)}.next-button{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;padding:12px 30px;border-radius:20px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a7454d}.exit-section{text-align:center;border-top:1px solid #e9ecef;padding-top:20px}.exit-button{background:#6c757d;color:#fff;border:none;padding:10px 25px;border-radius:20px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s ease}.exit-button:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width: 300px){.answer-label-row{flex-direction:column;align-items:flex-start;gap:6px}.german-chars{gap:2px}.german-char-btn{min-width:18px;height:18px;font-size:.8em;padding:1px 3px}}@media (max-width: 359px){.quiz-session-header{padding:8px 12px;flex-direction:column;gap:8px;text-align:center}.quiz-session-header h1{font-size:1.1rem}.quiz-session-main{padding:12px}.quiz-session-content{padding:16px;margin:8px}.question-text{font-size:1.2em;padding:8px}.progress-info{flex-direction:column;gap:4px;text-align:center}.gender-options{flex-direction:row;justify-content:center;gap:6px}.gender-option{flex:1;max-width:90px;padding:8px 10px;font-size:.85em!important}.submit-button{width:100%;min-height:44px;max-width:280px;font-size:.9rem}.judgment-buttons{flex-direction:column;gap:10px}.judgment-button{width:100%;min-height:44px;max-width:280px;padding:8px 12px;font-size:.85em}.german-chars{gap:2px}.german-char-btn{min-width:20px;height:20px;font-size:.85em;padding:1px 4px}}@media (max-width: 414px){.quiz-session-header{padding:12px 16px}.quiz-session-header h1{font-size:1.3rem}.quiz-session-main{padding:16px}.quiz-session-content{padding:20px;margin:10px}.question-text{font-size:1.5em;padding:10px}.additional-notes{padding:12px;margin-bottom:16px}.notes-label,.notes-content{font-size:.9em}.progress-info{flex-direction:column;gap:5px;text-align:center}.gender-options{flex-direction:row;justify-content:center;gap:8px}.gender-option{flex:1;max-width:110px;padding:10px 12px;font-size:.95em!important}.answers-list,.error-list{justify-content:center}.submit-button{width:100%;min-height:48px;max-width:300px}.judgment-answers,.judgment-buttons{flex-direction:column;gap:12px}.judgment-button{width:100%;min-height:48px;max-width:300px;padding:10px 15px;font-size:.9em}.answer-field{flex-direction:column;align-items:stretch}.remove-answer{margin-left:0;margin-top:8px;align-self:flex-end}.german-chars{gap:3px}.german-char-btn{min-width:22px;height:22px;font-size:.9em}}@media (min-width: 415px) and (max-width: 768px){.quiz-session-header{padding:16px 24px}.quiz-session-header h1{font-size:1.5rem}.quiz-session-main{padding:24px}.quiz-session-content{padding:24px;margin:12px}.question-text{font-size:1.8em;padding:12px}.gender-options{flex-direction:row;justify-content:center;gap:12px}.gender-option{flex:1;max-width:130px;padding:12px 16px;font-size:1em!important}.judgment-buttons{flex-direction:row;justify-content:center;gap:16px}.judgment-button{flex:1;max-width:200px}}.quiz-result-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);display:flex;flex-direction:column;align-items:center;padding:0}.quiz-result-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.quiz-result-content{background:var(--bg-secondary);border-radius:20px;padding:40px;max-width:700px;width:100%;box-shadow:0 20px 40px #0000001a;animation:fadeInUp .8s ease-out;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.result-header{margin-bottom:40px}.result-header h1{color:var(--text-primary);font-size:2.5em;margin-bottom:10px;font-weight:700}.completion-icon{font-size:3em;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.result-main{margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:25px}.accuracy-circle{position:relative;width:200px;height:200px}.accuracy-progress{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:progressAnimation 1.5s ease-out}@keyframes progressAnimation{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}.accuracy-inner{background:var(--bg-secondary);width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 30px #0000001a}.accuracy-number{font-size:3.5em;font-weight:700;color:var(--text-primary);line-height:1}.accuracy-label{font-size:1.1em;color:var(--text-secondary);font-weight:600;margin-top:5px}.performance-badge{color:#fff;padding:12px 30px;border-radius:25px;font-size:1.3em;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0003}.result-stats{margin-bottom:40px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;max-width:500px;margin:0 auto}.stat-item{background:var(--bg-tertiary);padding:15px;border-radius:15px;border:2px solid var(--border-color);transition:transform .3s ease;font-size:1.5em}.stat-item:hover{transform:translateY(-5px)}.stat-item.correct{background:#d4edda;border-color:#c3e6cb}.stat-item.incorrect{background:#f8d7da;border-color:#f5c6cb}.stat-number{display:block;font-size:1.5em;font-weight:700;color:var(--text-primary);margin-bottom:5px}.stat-item.correct .stat-number{color:#155724}.stat-item.incorrect .stat-number{color:#721c24}.stat-label{font-size:1em;color:var(--text-secondary);font-weight:600}.stat-label-correct{font-size:1em;color:#155724;font-weight:600}.stat-label-incorrect{font-size:1em;color:#721c24;font-weight:600}.stat-time{display:block;font-size:1.5em;font-weight:700;color:var(--text-primary);margin-top:15px}.encouragement{background:var(--bg-tertiary);padding:15px;border-radius:15px;margin-bottom:40px;border-left:5px solid #667eea}.encouragement p{font-size:1.2em;color:var(--text-secondary);margin:0;font-weight:500;line-height:1.6}.quiz-result-content .action-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.review-button,.retry-button,.home-button{padding:15px 30px;border:none;border-radius:25px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:140px}.review-button{background:linear-gradient(45deg,#ffc107,#fd7e14);color:#fff}.review-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffc10766}.retry-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.home-button{background:#6c757d;color:#fff}.home-button:hover{background:#5a6268;transform:translateY(-2px)}.quiz-details{background:var(--bg-tertiary);padding:25px;border-radius:15px;margin-bottom:40px;text-align:left}.quiz-details h3{color:var(--text-primary);margin-bottom:20px;font-size:1.3em;text-align:center}.questions-list{display:flex;flex-direction:column;gap:15px}.question-item{background:var(--bg-secondary);border-radius:10px;padding:15px;border-left:4px solid;box-shadow:0 2px 8px var(--shadow-color)}.question-item.correct{border-left-color:#28a745}.question-item.incorrect{border-left-color:#dc3545}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-left{display:flex;align-items:center;gap:10px}.question-number{font-weight:600;color:var(--text-secondary)}.question-status{font-size:1.2em;font-weight:700}.question-status.correct{color:#28a745}.question-status.incorrect{color:#dc3545}.question-info{display:flex;gap:10px;margin-bottom:8px}.quiz-result-test-form-label{background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:600}.quiz-result-word-type{background:var(--word-type-bg);color:var(--word-type-text);border:1px solid var(--word-type-border);padding:5px 10px;border-radius:20px;font-size:.9em;font-weight:500;margin:0}.quiz-result-question-text{font-size:1.1em;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.answer-comparison{margin-bottom:10px}.user-answer,.correct-answer{margin-bottom:5px}.user-answer strong,.correct-answer strong{color:var(--text-secondary);margin-right:8px}.answers{color:var(--text-primary)}.error-types{margin-bottom:8px}.error-type{background:#f8d7da;color:#721c24;padding:2px 8px;border-radius:10px;font-size:.8em;margin-left:5px}.response-time{color:var(--text-tertiary);font-size:.9em;font-style:italic;margin-top:5px}@media (max-width: 359px){.quiz-result-container{padding:0}.quiz-result-main{padding:12px}.quiz-result-content{padding:16px;max-width:100%}.result-header{margin-bottom:6px}.result-header h1{font-size:.9em;margin-bottom:0}.result-main{margin-bottom:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.completion-icon{font-size:1em;flex-shrink:0}.accuracy-circle{width:100px;height:100px;flex-shrink:0}.accuracy-inner{width:80px;height:80px;box-shadow:0 4px 15px #0000001a}.accuracy-number{font-size:1.5em}.accuracy-label{font-size:.6em;margin-top:3px}.result-stats{margin-bottom:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-item{padding:10px 6px;border-radius:12px;font-size:.8em;text-align:center}.stat-number{font-size:1.2em;margin-bottom:3px}.performance-badge{padding:4px 12px;border-radius:12px;font-size:.7em;letter-spacing:.5px;box-shadow:0 2px 8px #0003;flex-shrink:0}.stat-item{padding:12px}.stat-time{font-size:.8em}.encouragement{margin-bottom:10px}.encouragement p{font-size:.8em}.action-buttons{margin:20px 0}.quiz-details{padding:12px}.quiz-details h3{margin-bottom:10px}.question-item{padding:10px}.question-info{flex-direction:column;gap:4px}.action-buttons{flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.review-button,.retry-button,.home-button{flex:1;min-width:80px;max-width:120px;font-size:.8em;padding:8px 4px}}@media (max-width: 414px){.quiz-result-container{padding:0}.quiz-result-main{padding:16px}.quiz-result-content{padding:20px;max-width:100%}.result-header{margin-bottom:8px}.result-header h1{font-size:1.3em;margin-bottom:0}.result-main{margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.completion-icon{font-size:1.1em;flex-shrink:0}.accuracy-circle{width:100px;height:100px;flex-shrink:0}.accuracy-inner{width:80px;height:80px;box-shadow:0 4px 15px #0000001a}.accuracy-number{font-size:1.5em}.accuracy-label{font-size:.6em;margin-top:3px}.result-stats{margin-bottom:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{padding:10px 6px;border-radius:12px;font-size:.9em;text-align:center}.stat-number{font-size:1.3em;margin-bottom:4px}.stat-time{font-size:.8em}.encouragement{margin-bottom:10px}.encouragement p{font-size:.8em}.action-buttons{margin:20px 0}.performance-badge{padding:4px 12px;border-radius:12px;font-size:.7em;letter-spacing:.5px;box-shadow:0 2px 8px #0003;flex-shrink:0}.quiz-details{padding:16px}.quiz-details h3{margin-bottom:10px}.question-item{padding:12px}.question-info{flex-direction:column;gap:6px}.action-buttons{flex-direction:row;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.review-button,.retry-button,.home-button{flex:1;min-width:90px;max-width:130px;font-size:.85em;padding:10px 6px}}@media (min-width: 415px) and (max-width: 768px){.quiz-result-main{padding:16px}.quiz-result-content{padding:20px}.result-header{margin-bottom:8px}.result-header h1{font-size:1.5em;margin-bottom:0}.result-main{margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}.completion-icon{font-size:1.2em;flex-shrink:0}.accuracy-circle{width:100px;height:100px;flex-shrink:0}.accuracy-inner{width:80px;height:80px;box-shadow:0 4px 15px #0000001a}.accuracy-number{font-size:1.5em}.accuracy-label{font-size:.6em;margin-top:3px}.performance-badge{padding:4px 12px;border-radius:12px;font-size:.7em;letter-spacing:.5px;box-shadow:0 2px 8px #0003;flex-shrink:0}.result-stats{margin-bottom:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{padding:10px 6px;font-size:.9em;text-align:center}.stat-number{font-size:1.5em;margin-bottom:2px}.stat-time{font-size:.8em}.encouragement{margin-bottom:10px}.encouragement p{font-size:.8em}.action-buttons{margin:20px 0}.quiz-result-content .action-buttons{flex-wrap:wrap;margin-bottom:20px}.review-button,.retry-button,.home-button{flex:1;min-width:100px;max-width:140px;font-size:.9em;padding:12px 8px}.quiz-details{padding:16px}.quiz-details h3{margin-bottom:10px}}.suggestions{background:#fff3cd;padding:25px;border-radius:15px;border:1px solid #ffeaa7;text-align:left}.suggestions h3{color:#856404;margin-bottom:20px;font-size:1.3em;text-align:center}.suggestion-list{display:flex;flex-direction:column;gap:12px}.suggestion-item{background:#ffffffb3;padding:15px;border-radius:10px;color:#856404;font-weight:500;border-left:4px solid #ffc107;transition:transform .2s ease}.suggestion-item:hover{transform:translate(5px);background:#ffffffe6}.quiz-result-content .error-message{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;padding:20px;margin-bottom:20px;font-size:1.1em}.quiz-result-container{overscroll-behavior-x:none;overflow-x:hidden}.answer-text.correct{color:#28a745;font-weight:600}.answer-text.incorrect{color:#dc3545;font-weight:600}.answer-text.partial-correct,.gender-text.correct{color:#28a745;font-weight:600}.gender-text.incorrect{color:#dc3545;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e9ecef;--border-color-light: #ddd;--shadow-color: rgba(0, 0, 0, .08);--shadow-color-hover: rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #ddd;--input-focus: #667eea;--primary-color: #667eea;--secondary-color: #764ba2;--tag-bg: #e3f2fd;--tag-text: #1565c0;--tag-border: #bbdefb;--word-type-bg: #ffd54f;--word-type-text: #e65100;--word-type-border: #ffb300;--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeaa7;--success-button-bg: #28a745;--error-button-bg: #dc3545;--result-success-text: #155724;--result-error-text: #721c24;--success-button-hover: #218838;--error-button-hover: #c82333}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--border-color: #404040;--border-color-light: #555555;--shadow-color: rgba(0, 0, 0, .3);--shadow-color-hover: rgba(0, 0, 0, .5);--input-bg: #2d2d2d;--input-border: #555555;--input-focus: #667eea;--primary-color: #667eea;--secondary-color: #764ba2;--tag-bg: #5a6fd8;--tag-text: #ffffff;--tag-border: #5a6fd8;--word-type-bg: #e65100;--word-type-text: #ffffff;--word-type-border: #e65100;--success-bg: #1e3a28;--success-text: #4caf50;--success-border: #2d5a3d;--error-bg: #3a1e1e;--error-text: #f44336;--error-border: #5a2d2d;--warning-bg: #3a3a1e;--warning-text: #ff9800;--warning-border: #5a5a2d;--success-button-bg: #4caf50;--error-button-bg: #f44336;--result-success-text: #81c784;--result-error-text: #ef5350;--success-button-hover: #388e3c;--error-button-hover: #d32f2f}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease;color:inherit}button:focus{outline:2px solid var(--input-focus);outline-offset:2px}input,select,textarea{font-family:inherit;outline:none;transition:all .3s ease;background:var(--input-bg);border:2px solid var(--input-border);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--input-focus);outline-offset:2px;border-color:var(--input-focus)}table{font-family:inherit;color:var(--text-primary)}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#5a6fd8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:20px;margin-bottom:20px;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:root{--breakpoint-xs: 359px;--breakpoint-sm: 414px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1440px}@media (max-width: 359px){:root{--mobile-font-xs: .75rem;--mobile-font-sm: .85rem;--mobile-font-base: .9rem;--mobile-spacing-xs: 8px;--mobile-spacing-sm: 12px;--mobile-spacing-base: 16px}.container{padding:0 12px}.btn{min-height:44px;min-width:44px;padding:8px 12px;font-size:var(--mobile-font-sm)}.table-responsive{font-size:.75rem}.page-header{padding:8px 12px}.page-header h1{font-size:1.1rem}}@media (max-width: 414px){:root{--mobile-font-xs: .8rem;--mobile-font-sm: .9rem;--mobile-font-base: 1rem;--mobile-spacing-xs: 10px;--mobile-spacing-sm: 15px;--mobile-spacing-base: 20px}.container{padding:0 16px}.grid-responsive{grid-template-columns:1fr;gap:15px}.btn{min-height:48px;padding:12px 16px;font-size:var(--mobile-font-base)}.form-control{font-size:16px;padding:12px 16px}.page-header{padding:12px 16px}.page-header h1{font-size:1.3rem}.card{margin:10px 0;padding:16px}.test-buttons{grid-template-columns:1fr;gap:12px}.word-table{font-size:.9rem}.word-table th,.word-table td{padding:8px 6px}}@media (min-width: 415px) and (max-width: 768px){.container{padding:0 24px}.grid-responsive{grid-template-columns:1fr;gap:20px}.test-buttons{gap:16px}.filter-row{grid-template-columns:1fr 1fr 1fr;gap:16px}.page-header{padding:16px 24px}.page-header h1{font-size:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 32px}.grid-responsive{grid-template-columns:1fr;gap:24px}.test-buttons{gap:20px}.page-header{padding:20px 32px}.page-header h1{font-size:1.8rem}}@media (max-width: 768px) and (orientation: landscape){.page-header{padding:8px 16px}.page-header h1{font-size:1.2rem}.card{margin:8px 0;padding:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.border-thin{border-width:.5px}}@media (pointer: coarse){.btn,.form-control,.clickable{min-height:44px;min-width:44px}a{padding:8px 4px}}@media (hover: hover){.btn:hover,.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color-hover)}}