:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;background:var(--bg-color, #ffffff);color:var(--text-primary, #2c3e50)}body{display:flex;place-items:center;min-width:320px;min-height:100vh}*{box-sizing:border-box}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;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%}:root{--bg-color: #ffffff;--surface-bg: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #495057;--text-tertiary: #6c757d;--primary-color: #007bff;--primary-hover: #0056b3;--border-color: #dee2e6;--border-hover: #007bff;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--success-bg: #28a745;--success-border: #1e7e34;--complete-bg: #d4edda;--complete-border: #c3e6cb;--complete-text: #28a745;--warning-bg: #fff3cd;--warning-border: #ffeaa7;--warning-text: #856404;--grid-cell-bg: #ffffff;--grid-cell-hover: #e9ecef;--grid-selected: #b3d9ff;--grid-selected-border: #0066cc;--grid-found: #1e7e34;--grid-found-text: #ffffff;--grid-found-border: #155724;--grid-border: #dee2e6;--button-primary: #007bff;--button-primary-hover: #0056b3;--button-disabled: #6c757d;--shadow-color: rgba(0, 0, 0, .1);--shadow-primary: rgba(0, 123, 255, .2);--definition-bg: #f8f9fa;--definition-border: #007bff}@media(prefers-color-scheme:dark){:root{--bg-color: #1a1a1a;--surface-bg: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #999999;--primary-color: #4d94ff;--primary-hover: #6ba3ff;--border-color: #444444;--border-hover: #4d94ff;--error-bg: rgba(220, 53, 69, .2);--error-text: #ff6b6b;--error-border: rgba(220, 53, 69, .3);--success-bg: #4daa5f;--success-border: #3d8a4d;--complete-bg: rgba(77, 170, 95, .2);--complete-border: rgba(77, 170, 95, .3);--complete-text: #4daa5f;--warning-bg: rgba(255, 193, 7, .2);--warning-border: rgba(255, 193, 7, .3);--warning-text: #ffc107;--grid-cell-bg: #3a3a3a;--grid-cell-hover: #4a4a4a;--grid-selected: #6ba3ff;--grid-selected-border: #4d94ff;--grid-found: #5cb85c;--grid-found-text: #000000;--grid-found-border: #4daa5f;--grid-border: #555555;--button-primary: #4d94ff;--button-primary-hover: #6ba3ff;--button-disabled: #555555;--shadow-color: rgba(0, 0, 0, .3);--shadow-primary: rgba(77, 148, 255, .3);--definition-bg: #3a3a3a;--definition-border: #4d94ff}}.app{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--bg-color);color:var(--text-primary)}header{text-align:center;margin-bottom:2rem}header h1{color:var(--text-primary);font-size:2.5rem;margin:0}main{display:flex;flex-direction:column;gap:2rem}.controls{background:var(--surface-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.controls h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.controls label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:var(--text-secondary)}.controls select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--grid-cell-bg);color:var(--text-primary);cursor:pointer}.controls select:focus{outline:none;border-color:var(--border-hover)}.controls button{width:100%;padding:.75rem 1.5rem;background:var(--button-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px var(--shadow-primary)}.controls button:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary)}.controls button:disabled{background:var(--button-disabled);cursor:not-allowed;transform:none}.controls button.loading{background:var(--button-disabled)}.error{background:var(--error-bg);color:var(--error-text);padding:1rem;border-radius:4px;border:1px solid var(--error-border)}.wordsearch-result{display:flex;flex-direction:column;gap:2rem}.grid-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 10px}@media(max-width:768px){.grid-container{padding:0 15px}}.zoom-controls{display:flex;align-items:center;gap:1rem;padding:.5rem;background:var(--surface-bg);border-radius:4px}.zoom-label{font-weight:500;color:var(--text-secondary)}.zoom-buttons{display:flex;align-items:center;gap:.5rem}.zoom-buttons button{padding:.25rem .75rem;background:var(--button-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.zoom-buttons button:hover:not(:disabled){background:var(--button-primary-hover)}.zoom-buttons button:disabled{background:var(--button-disabled);cursor:not-allowed}.zoom-buttons span{min-width:50px;text-align:center;font-weight:500;color:var(--text-primary)}.wordsearch-grid{border-collapse:collapse;user-select:none;-webkit-user-select:none;margin:0 auto;touch-action:none}.wordsearch-grid td{border:1px solid var(--grid-border);text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:700;cursor:pointer;transition:background-color .1s;background-color:var(--grid-cell-bg);color:var(--text-primary);user-select:none;-webkit-user-select:none;touch-action:none}.wordsearch-grid td:hover{background-color:var(--grid-cell-hover)}.wordsearch-grid td.selected{background-color:var(--grid-selected);border:3px solid var(--grid-selected-border);box-shadow:inset 0 0 0 1px var(--grid-selected-border)}.wordsearch-grid td.found{background-color:var(--grid-found);color:var(--grid-found-text);border:3px solid var(--grid-found-border);font-weight:900}.wordsearch-grid.selecting{cursor:crosshair}.complete-message{text-align:center;font-size:1.5rem;font-weight:700;color:var(--complete-text);padding:1rem;background:var(--complete-bg);border-radius:4px;border:1px solid var(--complete-border)}.words-list{background:var(--surface-bg);padding:1.5rem;border-radius:8px}.words-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.words-list h3{margin:0;color:var(--text-primary)}.show-all-definitions-btn{padding:.5rem 1rem;background:var(--button-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s;white-space:nowrap}.show-all-definitions-btn:hover{background:var(--button-primary-hover)}.words-list ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.words-list li{padding:.5rem;background:var(--grid-cell-bg);border-radius:4px;border:1px solid var(--border-color)}.words-list li.found{background:var(--grid-cell-hover)}.words-list li.found .word-item{text-decoration:line-through;color:var(--text-tertiary)}.word-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.definition-toggle{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--primary-color);font-size:.8rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.definition-toggle:hover{color:var(--primary-hover)}.definition{margin-top:.5rem;padding:.5rem;background:var(--definition-bg);border-left:3px solid var(--definition-border);font-size:.9rem;color:var(--text-secondary);line-height:1.4}footer{display:flex;justify-content:center;gap:1rem;padding:2rem 0;border-top:1px solid var(--border-color);margin-top:2rem}footer a{color:var(--primary-color);text-decoration:none;font-weight:500}footer a:hover{text-decoration:underline;color:var(--primary-hover)}@media(max-width:768px){.app{padding:1rem}header h1{font-size:2rem}.words-list ul{grid-template-columns:1fr}.words-list-header{flex-direction:column;align-items:flex-start}.show-all-definitions-btn{width:100%}footer{flex-direction:column;align-items:center}}