@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-gradient: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(148, 163, 184, .3);--text-main: #334155;--text-muted: #94a3b8;--accent: linear-gradient(45deg, #e2e8f0, #cbd5e1);--accent-hover: linear-gradient(45deg, #cbd5e1, #94a3b8);--danger: #ef4444;--success: #10b981;--cell-uncertain: rgba(241, 245, 249, .95);--cell-filled-bg: linear-gradient(45deg, #64748b, #475569);--cell-crossed-bg: rgba(148, 163, 184, .5)}.dark{--bg-gradient: linear-gradient(135deg, #09090b 0%, #18181b 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(148, 163, 184, .2);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: linear-gradient(45deg, #94a3b8, #cbd5e1);--accent-hover: linear-gradient(45deg, #cbd5e1, #f1f5f9);--danger: #ef4444;--success: #10b981;--cell-uncertain: rgba(24, 24, 27, .9);--cell-filled-bg: linear-gradient(45deg, #475569, #334155);--cell-crossed-bg: rgba(82, 82, 91, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{margin-top:auto;padding-top:2rem;padding-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;font-weight:700;background:-webkit-linear-gradient(45deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.nav-tabs{display:flex;justify-content:center;gap:.25rem;margin-bottom:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.25rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:fit-content;margin-left:auto;margin-right:auto}.nav-tab{position:relative;background:none;border:none;color:var(--text-muted);padding:.6rem 1.5rem;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.nav-tab:hover{color:var(--text-main);background:#ffffff0d}.nav-tab.active{color:#fff;background:var(--accent);font-weight:600;box-shadow:0 2px 8px #6366f14d}.nav-tab-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.1rem .4rem;border-radius:4px;background:#f59e0b33;color:#f59e0b;line-height:1.2}.nav-tab.active .nav-tab-badge{background:#ffffff40;color:#fff}@media(max-width:768px){.nav-tabs{margin-bottom:1rem}.nav-tab{padding:.5rem 1rem;font-size:.85rem}}.desktop-logo{position:absolute;top:1.5rem;left:1.5rem}.desktop-toggle-group{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.5rem;align-items:center}.theme-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{transform:rotate(15deg);background:#ffffff1a}.lang-toggle-wrapper{position:relative}.lang-dropdown{position:absolute;top:calc(100% + .4rem);right:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:.3rem;display:flex;flex-direction:column;gap:.15rem;min-width:120px;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000026}.lang-option{background:none;border:none;color:var(--text-main);padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:.82rem;text-align:left;transition:background .15s ease;display:flex;gap:.5rem;align-items:center}.lang-option:hover{background:#ffffff1a}.lang-option.active{background:#6366f133;font-weight:600}.mobile-nav-bar{display:none;width:100%;align-items:center;justify-content:space-between;padding:.5rem 0;margin-bottom:.5rem}.mobile-logo{height:36px;width:auto}.theme-toggle-btn-mobile{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);padding:.4rem .75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn-mobile:hover{background:#ffffff1a}@media(max-width:768px){.mobile-nav-bar{display:flex}.desktop-logo,.desktop-toggle-group{display:none!important}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000005e}.controls-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:768px){.controls-grid{grid-template-columns:1fr 1fr}}.input-section{display:flex;flex-direction:column;gap:1rem}.input-section h2{font-size:1.2rem;font-weight:600;color:var(--text-main);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.size-controls{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;justify-content:center}.size-controls label{display:flex;align-items:center;gap:.5rem}.size-controls input{width:60px;background:#0003;border:1px solid var(--glass-border);color:#fff;padding:.5rem;border-radius:.5rem;text-align:center;font-family:inherit}.clue-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.clue-list::-webkit-scrollbar{width:6px}.clue-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.clue-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.clue-list::-webkit-scrollbar-thumb:hover{background:#fff3}.clue-item{display:flex;align-items:center;gap:.5rem}.clue-item span{width:25px;font-size:.9rem;color:var(--text-muted)}.clue-item input{flex:1;background:#0003;border:1px solid var(--glass-border);color:#fff;padding:.5rem;border-radius:.5rem;font-family:inherit;transition:all .2s}.clue-item input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.btn{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.solve-action{margin-top:2rem;display:flex;justify-content:center}.solutions-container{margin-top:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.solutions-header{font-size:1.5rem;font-weight:600;text-align:center}.solution-wrapper{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.d3-grid{border:1px solid var(--glass-border);background:#00000080;border-radius:4px}.interactive-grid-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:auto;margin:0 auto}.interactive-size-controls{display:flex;gap:1rem;align-items:center}.interactive-size-controls label{display:flex;align-items:center;gap:.5rem}.interactive-size-controls input{width:60px;background:#0000004d;border:1px solid var(--glass-border);color:#fff;padding:.5rem;border-radius:.5rem;text-align:center;font-family:inherit;font-size:1rem}.times-symbol{color:var(--text-muted);font-size:1.2rem}.interactive-grid{display:grid;background:var(--glass-border);border:2px solid rgba(255,255,255,.2);gap:1px;padding:1px}.grid-corner{background:#0003}.clue-input-cell{background:#ffffff0d;display:flex}.clue-input-cell input,.clue-input-cell textarea{width:100%;height:100%;background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.9rem;outline:none;transition:background .2s}.clue-input-cell input:focus,.clue-input-cell textarea:focus{background:#6366f133}.row-clue-cell input{text-align:right;padding-right:.5rem}.col-clue-cell textarea{text-align:center;resize:none;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.col-clue-cell textarea::-webkit-scrollbar{display:none}.grid-cell{background:var(--cell-uncertain);display:flex;align-items:center;justify-content:center;transition:background .2s}.cell-filled{background:var(--cell-filled-bg, var(--accent))}.cell-crossed{background:var(--cell-crossed-bg)}.cell-x{color:var(--danger);font-size:1.2rem;font-weight:700}.grid-cell.border-bottom{border-bottom:2px solid rgba(255,255,255,.3)}.grid-cell.border-right{border-right:2px solid rgba(255,255,255,.3)}.grid-helper-text{font-size:.85rem;color:var(--text-muted);text-align:center;max-width:400px}.guide-help-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);padding:.35rem .6rem;border-radius:8px;cursor:pointer;font-size:.9rem;line-height:1;transition:all .2s ease;flex-shrink:0}.guide-help-btn:hover{background:#ffffff1a;color:var(--text-main)}.image-uploader{width:100%;max-width:700px;margin:0 auto 1.5rem}.upload-drop-zone{border:2px dashed var(--glass-border);border-radius:1rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.upload-drop-zone:hover,.upload-drop-zone.dragging{border-color:#818cf8;background:#818cf80d}.upload-progress-area{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--glass-border);border-radius:1rem;background:var(--glass-bg)}.upload-preview-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--glass-border)}.upload-progress-info{flex:1}.progress-bar-track{width:100%;height:6px;background:#0003;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:3px;transition:width .3s ease}.upload-cancel-btn{background:none;border:1px solid var(--glass-border);color:var(--text-muted);padding:.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.upload-cancel-btn:hover{color:var(--danger);border-color:var(--danger)}.upload-error-area{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--danger);border-radius:1rem;background:#ef44440d}.upload-preview-area{border:1px solid var(--glass-border);border-radius:1rem;padding:1rem;background:var(--glass-bg)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.preview-apply-btn{padding:.4rem 1rem!important;font-size:.85rem!important;background:var(--success)!important}.preview-body{display:flex;flex-direction:column;gap:1.5rem}.preview-clues-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ocr-cropped-preview{display:flex;flex-direction:column;gap:.5rem}.ocr-cropped-label{font-size:.75rem;color:var(--text-muted)}.ocr-cropped-wrapper{position:relative;display:inline-block;line-height:0;max-width:100%;overflow:hidden}.ocr-cropped-img{max-width:100%;object-fit:contain;border-radius:8px;border:1px solid var(--glass-border);background:#0003}.ocr-crop-highlight{background:#6366f159;border-radius:4px;box-shadow:0 0 0 1px #6366f180}@media(max-width:600px){.preview-clues-grid{grid-template-columns:1fr}.ocr-cropped-preview{max-width:100%}}.preview-clue-section h4{font-size:.85rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.preview-clue-section.has-error{border:1px solid var(--danger, #ef4444);background:#ef44440d;border-radius:8px;padding:.5rem}.preview-clue-section.has-error h4{color:var(--danger, #ef4444)}.preview-clue-list{display:flex;flex-direction:column;gap:.25rem;max-height:250px;overflow-y:auto;padding-right:.25rem}.preview-clue-item{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.15rem .25rem;margin:0 -.25rem;border-radius:4px;transition:background .15s ease}.preview-clue-row{display:flex;align-items:center;gap:.4rem}.preview-clue-inline-strip{margin-top:.35rem;margin-left:28px;max-width:220px;max-height:100px;border-radius:4px;overflow:hidden;border:1px solid var(--glass-border)}.preview-clue-inline-strip img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain}.preview-clue-col-wrapper{position:relative;display:flex;align-items:flex-start;gap:.75rem}.preview-clue-col-wrapper .preview-clue-list{flex:1;min-width:0}.preview-clue-col-strip{flex-shrink:0;max-width:50px;max-height:80px;border-radius:4px;overflow:hidden;border:1px solid var(--glass-border);background:#0003}.preview-clue-col-strip img{display:block;width:100%;height:auto;max-height:80px;object-fit:contain}.preview-clue-item.highlighted{background:#6366f140;box-shadow:0 0 0 1px #6366f166}.preview-clue-label{width:24px;font-size:.75rem;color:var(--text-muted);text-align:right;flex-shrink:0}.preview-clue-input{flex:1;background:#00000026;border:1px solid var(--glass-border);color:var(--text-main);padding:.3rem .5rem;border-radius:4px;font-family:inherit;font-size:.8rem}.preview-clue-input:focus{outline:none;border-color:#818cf8}.preview-clue-input.error{border-color:var(--danger, #ef4444);background:#ef44441a}.preview-clue-input.error:focus{border-color:#f87171;box-shadow:0 0 0 2px #ef444433}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.generator-container{width:100%;max-width:900px;margin:0 auto}.gen-upload-area{display:flex;flex-direction:column;align-items:center;cursor:pointer;border:2px dashed var(--glass-border);border-radius:1rem;padding:2rem;transition:border-color .2s,background .2s;text-align:center;margin-bottom:1.5rem}.gen-upload-area:hover,.gen-upload-area.dragover{border-color:#818cf8;background:#818cf80d}.gen-upload-area img{max-width:250px;max-height:250px;border-radius:8px;display:block}.gen-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.95rem;gap:.75rem;padding:1rem}.gen-upload-hint{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.gen-section-title{font-size:1.25rem;font-weight:600;color:var(--text-main);margin-bottom:1rem;text-align:center}.gen-crop-section{text-align:center;margin-bottom:1.5rem}.gen-crop-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.gen-crop-container{display:inline-block;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026}.gen-crop-container canvas{display:block}.gen-crop-actions{margin-top:.75rem;display:flex;justify-content:center;gap:.75rem}.gen-crop-info{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.gen-status{text-align:center;font-weight:500;color:var(--text-main);margin-bottom:.5rem;min-height:1.5em}.gen-progress-outer{max-width:400px;margin:0 auto 1.25rem;height:6px;background:#0003;border-radius:3px;overflow:hidden}.gen-progress-inner{height:100%;width:0;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:3px;transition:width .15s ease}.gen-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.gen-auto-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gen-auto-card:hover{border-color:#818cf866;box-shadow:0 4px 16px #6366f126}.gen-auto-card.selected{border-color:var(--accent);box-shadow:0 4px 16px #6366f14d}.gen-auto-card canvas{image-rendering:pixelated;border:1px solid var(--glass-border);background:#fff;border-radius:4px}.gen-card-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.gen-card-score{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.gen-card-hint{margin-top:.5rem;font-size:.75rem;color:var(--text-muted);opacity:.7}.gen-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gen-control-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.gen-control-group label{font-weight:500;font-size:.8rem;color:var(--text-main);cursor:pointer}.gen-control-group input[type=range]{width:100px;accent-color:var(--accent)}.gen-control-group input[type=checkbox]{accent-color:var(--accent)}.gen-compare-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem}.gen-compare-title{text-align:center;font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.gen-compare-pair{display:flex;gap:1.5rem;justify-content:center}.gen-compare-side{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;max-width:220px}.gen-compare-side canvas{image-rendering:pixelated;border:1px solid var(--glass-border);background:#fff;border-radius:4px}.gen-compare-label{margin-top:.5rem;font-weight:600;font-size:.85rem}.gen-compare-label.manual-label{color:#818cf8}.gen-compare-label.rec-label{color:#34d399}.gen-compare-score{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.gen-compare-side.winner{outline:2px solid #818cf8;outline-offset:4px;border-radius:4px}.gen-compare-side.winner-rec{outline-color:#34d399}.gen-select-btn{margin-top:.5rem;padding:.35rem 1rem;border-radius:6px;border:1px solid;cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit;transition:all .15s}.gen-select-btn.manual-select{border-color:#818cf8;background:#818cf81a;color:#818cf8}.gen-select-btn.manual-select:hover{background:#818cf8;color:#fff}.gen-select-btn.rec-select{border-color:#34d399;background:#34d3991a;color:#34d399}.gen-select-btn.rec-select:hover{background:#34d399;color:#fff}.gen-apply-th-btn{margin-top:.4rem;padding:.2rem .7rem;border:1px solid #34d399;border-radius:5px;background:#34d3991a;color:#34d399;cursor:pointer;font-size:.75rem;font-family:inherit;transition:all .15s}.gen-apply-th-btn:hover{background:#34d399;color:#fff}.gen-editor-section{text-align:center;margin-top:1.5rem}.gen-editor-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.gen-editor-wrapper{display:inline-block;background:var(--glass-bg);padding:1.25rem;border-radius:12px;border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gen-editor-wrapper canvas{display:block}.gen-uniqueness-status{margin-top:1rem;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;display:inline-block}.gen-uniqueness-status.checking{background:#0000001a;color:var(--text-muted)}.gen-uniqueness-status.unique{background:#34d39926;color:#34d399}.gen-uniqueness-status.multiple{background:#fbbf2426;color:#fbbf24}.gen-uniqueness-status.nosol{background:#ef444426;color:#ef4444}.gen-uniqueness-status.timeout{background:#0000001a;color:var(--text-muted)}.gen-editor-actions{margin-top:1rem;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.gen-editor-actions .btn{font-size:.9rem;padding:.6rem 1.25rem}.gen-editor-toolbar{display:flex;align-items:center;gap:.3rem;padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid var(--glass-border)}.gen-toolbar-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:.15rem;-webkit-user-select:none;user-select:none}.gen-sym-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:all .15s ease;padding:0;line-height:1}.gen-sym-btn:hover{background:#818cf81a;color:var(--text-main)}.gen-sym-btn.active{background:#ec48992e;border-color:#ec48998c;color:#ec4899}.gen-sym-dir-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;background:#ec489914;border:1px solid rgba(236,72,153,.3);border-radius:6px;color:#ec4899;font-size:1rem;cursor:pointer;transition:all .15s ease;padding:0;line-height:1}.gen-sym-dir-btn:hover{background:#ec489933;border-color:#ec48998c}.gen-sym-apply-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ec48991f;border:1px solid rgba(236,72,153,.35);border-radius:6px;color:#ec4899;cursor:pointer;transition:all .15s ease;padding:0}.gen-sym-apply-btn:hover{background:#ec489940;border-color:#ec489999}.gen-btn-autofix{background:#f59e0b!important}.gen-btn-autofix:hover{background:#d97706!important}@media(max-width:600px){.gen-auto-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.gen-compare-pair{flex-direction:column;align-items:center}.gen-compare-side{max-width:100%}}