code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-header{background-color:#fff;border-bottom:1px solid #d3d6da;box-shadow:0 1px 0 #0000000a;color:#1a1a1b;padding:20px}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1800px}.header-text{flex:1 1;text-align:center}.App-header h1{font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin:0 0 10px}.App-header p{color:#787c7e;font-size:1rem;font-weight:400;margin:0}.reset-all-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.reset-all-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.reset-all-btn:active{transform:translateY(0)}@media (max-width:768px){.header-content{flex-direction:column;gap:12px}.header-text{text-align:center}.App-header h1{font-size:1.8rem}.App-header p{font-size:.9rem}.reset-all-btn{width:100%}}.App-main{grid-gap:20px;align-content:start;background-color:#fafafa;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr;grid-template-rows:auto auto;max-width:100%;padding:20px;width:100%}@media (min-width:1024px){.App-main{align-items:start;gap:30px;grid-template-columns:2fr 3fr;grid-template-rows:1fr;margin:0 auto;max-width:1800px;padding:30px}.word-guess-area{max-width:100%;width:100%}.right-column{display:flex;flex-direction:column;gap:20px;width:100%}.word-pattern-generator{max-width:100%;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-content{animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:0}.modal-header h3{font-size:1.5rem}.modal-body{color:#495057;line-height:1.6}.modal-body p{margin:0 0 12px}.reset-list{margin:12px 0;padding-left:24px}.reset-list li{color:#495057;margin:8px 0}.warning-text{color:#dc2626;font-size:.95rem;margin-top:16px}.modal-btn{transition:all .2s ease}.modal-btn-cancel{border:1px solid #dee2e6}.modal-btn-cancel:hover{border-color:#dee2e6}.modal-btn-confirm{background-color:#6aaa64}.modal-btn-confirm:hover{background-color:#5a9a54;box-shadow:0 4px 12px #6aaa644d}.modal-btn-danger{background-color:#ef4444}.modal-btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}@media (max-width:768px){.modal-content{max-width:none;width:95%}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%}}.word-guess-area{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;margin:0 auto 30px;max-width:500px;padding:20px;width:100%}@media (min-width:1024px){.word-guess-area{height:-webkit-fit-content;height:fit-content;margin:0;max-width:none;position:-webkit-sticky;position:sticky;top:20px}}.guess-header{margin-bottom:25px;text-align:center}.guess-header h2{color:#1a1a1b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.guess-header p{color:#787c7e;font-size:14px;margin:0}.wordle-grid{margin-bottom:25px}.guess-row{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:8px}.row-number{color:#787c7e;flex-shrink:0;font-size:12px;font-weight:500;text-align:center;width:20px}.letter-boxes{display:flex;gap:5px}.letter-container{height:60px;position:relative;width:60px}.letter-box{background:#fff;border:2px solid #d3d6da;border-radius:4px;box-sizing:border-box;caret-color:#0000;font-size:32px;font-weight:700;height:100%;outline:none;text-align:center;text-transform:uppercase;transition:all .15s ease-in-out;width:100%}.letter-box:focus{border-color:#1a1a1b;border-width:3px;box-shadow:0 0 0 2px #1a1a1b1a}.letter-box--empty,.letter-box--not-guessed{background-color:#fff;border-color:#d3d6da;color:#1a1a1b}.letter-box--not-in-word{background-color:#787c7e;border-color:#787c7e;color:#fff}.letter-box--in-word-wrong-position{background-color:#c9b458;border-color:#c9b458;color:#fff}.letter-box--in-word-correct-position{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.state-overlay{background:#0000;border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:1}.state-overlay:hover{background:#0000000d;border-radius:4px}.clear-row-btn{align-items:center;background-color:#d3d6da;border:none;border-radius:50%;color:#787c7e;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all .2s;width:24px}.clear-row-btn:hover{background-color:#ff6b6b;color:#fff}.grid-instructions{background-color:#f8f9fa;border-left:4px solid #6aaa64;border-radius:6px;padding:15px;text-align:center}.grid-instructions p{color:#555;font-size:13px;margin:0 0 15px}.state-legend{display:flex;flex-wrap:wrap;font-size:11px;gap:12px;justify-content:center}.legend-item{gap:4px}.legend-color{border:1px solid #ccc;border-radius:2px;height:14px;width:14px}.legend-color--not-guessed{background-color:#fff;border-color:#d3d6da}.legend-color--not-in-word{background-color:#787c7e}.legend-color--in-word-wrong-position{background-color:#c9b458}.legend-color--in-word-correct-position{background-color:#6aaa64}.word-pattern-generator{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;margin:0 auto 30px;max-width:600px;padding:20px;width:100%}@media (min-width:1024px){.word-pattern-generator{margin:0;max-width:none}.patterns-list{max-height:600px}}.pattern-header{margin-bottom:20px;text-align:center}.pattern-header h3{color:#1a1a1b;font-size:1.4rem;font-weight:600;margin:0 0 8px}.pattern-header p{color:#787c7e;font-size:14px;margin:0}.constraints-summary{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:25px;padding:15px}.constraint-group{margin-bottom:12px}.constraint-group:last-child{margin-bottom:0}.constraint-group strong{color:#495057;display:block;font-size:13px;margin-bottom:6px}.confirmed-letters,.excluded-letters,.must-include-letters{display:flex;flex-wrap:wrap;gap:6px}.confirmed-letter{background-color:#6aaa64}.confirmed-letter,.must-include-letter{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.must-include-letter{background-color:#c9b458}.excluded-letter{background-color:#787c7e;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.patterns-container{margin-bottom:20px}.no-patterns{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#787c7e;font-style:italic;padding:30px;text-align:center}.patterns-count{color:#495057;font-size:14px;margin-bottom:15px;text-align:center}.patterns-count strong{color:#6aaa64;font-size:16px}.patterns-list{grid-row-gap:12px;grid-column-gap:16px;background-color:#fafafa;border:1px solid #e9ecef;border-radius:6px;column-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:400px;overflow-y:auto;padding:12px;row-gap:12px}@media (max-width:768px){.patterns-list{column-gap:8px;grid-template-columns:repeat(2,1fr);padding:6px;row-gap:10px}.pattern-item{box-sizing:border-box;gap:6px;min-width:0;padding:0}.pattern-display{flex:0 1 auto;gap:1px;min-width:0;padding:2px}.pattern-cell{border-width:1px;font-size:13px;height:24px;width:24px}.pattern-eliminate-btn{flex-shrink:0;font-size:18px;height:24px;width:24px}}.pattern-item{align-items:center;border-radius:4px;display:flex;gap:10px;justify-content:flex-start;padding:4px 8px;position:relative;transition:opacity .2s ease,background-color .2s ease}.pattern-item--eliminated{background-color:#f0f0f0;opacity:.4}.pattern-item--eliminated .pattern-cell--letter{background-color:#d3d6da;border-color:#999;color:#666}.pattern-eliminate-btn{align-items:center;background:none;border:1px solid #d3d6da;border-radius:50%;color:#787c7e;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.pattern-eliminate-btn:hover{background-color:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.pattern-item--eliminated .pattern-eliminate-btn{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.pattern-item--eliminated .pattern-eliminate-btn:hover{background-color:#5a9a54;border-color:#5a9a54;transform:scale(1.1)}.pattern-display{border-radius:6px;display:flex;gap:3px;padding:6px;transition:all .2s}.pattern-display--matched{background-color:#f0f9ff;border:2px solid #3b82f6;box-shadow:0 0 0 2px #3b82f61a}.pattern-display--matched .pattern-cell--letter{background-color:#dbeafe;border-color:#3b82f6}.pattern-cell{align-items:center;border:2px solid #d3d6da;border-radius:3px;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;text-transform:uppercase;width:35px}.pattern-cell--letter{background-color:#e8f4f8;border-color:#4a90a4;color:#1a1a1b}.pattern-cell--blank{background-color:#fff;border-color:#d3d6da;border-style:dashed}.pattern-legend{background-color:#f8f9fa;border-radius:6px;color:#666;display:flex;font-size:12px;gap:20px;justify-content:center;padding:15px}.legend-item{align-items:center;display:flex;gap:6px}.legend-cell{border:2px solid;border-radius:3px;height:20px;width:20px}.legend-cell--filled{background-color:#e8f4f8;border-color:#4a90a4}.legend-cell--blank{background-color:#fff;border-color:#d3d6da;border-style:dashed}.patterns-list::-webkit-scrollbar{width:6px}.patterns-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.patterns-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.patterns-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.word-scratch-pad{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;margin:0 auto 30px;max-width:600px;padding:20px;width:100%}@media (min-width:1024px){.word-scratch-pad{margin:0;max-width:none}}.scratch-pad-header{margin-bottom:20px;text-align:center}.scratch-pad-header h3{color:#1a1a1b;font-size:1.4rem;font-weight:600;margin:0 0 8px}.scratch-pad-header p{color:#787c7e;font-size:14px;margin:0}.word-input-section{margin-bottom:20px}.word-input-area{display:flex;gap:10px;margin-bottom:8px}.word-input{border:2px solid #d3d6da;border-radius:6px;flex:1 1;font-size:16px;font-weight:500;outline:none;padding:12px 16px;text-transform:uppercase;transition:border-color .2s}.word-input:focus{border-color:#6aaa64}.word-input--error{border-color:#ef4444}.word-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.word-input::placeholder{font-weight:400;text-transform:none}.validation-error{align-items:center;animation:slideDown .2s ease;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:13px;gap:8px;padding:10px 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{color:#ef4444;flex-shrink:0}.validation-error span{font-weight:500}.add-word-btn{background-color:#6aaa64;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.add-word-btn:hover:not(:disabled){background-color:#5a9a54;transform:translateY(-1px)}.add-word-btn:active:not(:disabled){transform:translateY(0)}.add-word-btn:disabled{background-color:#d3d6da;cursor:not-allowed;opacity:.6}.word-ideas-container{margin-bottom:15px}.word-ideas-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.word-count{color:#495057;font-size:13px;font-weight:600}.invalid-count{color:#ef4444;font-weight:500}.clear-all-btn{background-color:initial;border:1px solid #d3d6da;border-radius:4px;color:#787c7e;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.clear-all-btn:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.word-ideas-list{display:flex;flex-wrap:wrap;gap:8px}.word-idea-item{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.word-idea-item:hover{background-color:#f0f8f0;border-color:#6aaa64}.word-idea-item--invalid{background-color:#fef2f2;border-color:#fecaca;opacity:.4;text-decoration:line-through}.word-idea-item--invalid:hover{background-color:#fef2f2;border-color:#fecaca;opacity:.5}.word-idea-text{color:#1a1a1b;font-size:16px;font-weight:700;letter-spacing:.5px}.remove-word-btn{align-items:center;background:none;border:none;border-radius:50%;color:#787c7e;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:20px}.remove-word-btn:hover{background-color:#ef4444;color:#fff;transform:scale(1.1)}.empty-state{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#787c7e;font-style:italic;padding:30px;text-align:center}.empty-state p{font-size:14px;margin:0}.letter-frequency-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:20px;padding:15px}.frequency-header{margin-bottom:15px}.frequency-header h4{color:#1a1a1b;font-size:1rem;font-weight:600;margin:0 0 5px}.frequency-header p{color:#787c7e;font-size:12px;margin:0}.frequency-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.frequency-item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:30px 1fr 40px}.frequency-letter{background-color:#fff;border:2px solid #d3d6da;border-radius:4px;color:#1a1a1b;font-size:18px;font-weight:700;padding:6px;text-align:center}.frequency-bar-container{background-color:#e9ecef;border-radius:4px;height:24px;overflow:hidden;position:relative}.frequency-bar{background:linear-gradient(90deg,#6aaa64,#5a9a54);height:100%;min-width:2px;transition:width .3s ease}.frequency-count{color:#495057;font-size:14px;font-weight:600;text-align:center}.frequency-hint{background-color:#fff8e1;border-left:4px solid #c9b458;border-radius:4px;color:#555;font-size:13px;padding:10px 12px}.frequency-hint strong{color:#1a1a1b}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e9ecef;padding:24px 24px 16px}.modal-header h3{color:#1a1a1b;font-size:1.3rem;font-weight:600;margin:0}.modal-body{padding:20px 24px}.modal-body p{color:#495057;font-size:15px;line-height:1.5;margin:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s}.modal-btn-cancel{background-color:#f8f9fa;border:1px solid #d3d6da;color:#495057}.modal-btn-cancel:hover{background-color:#e9ecef}.modal-btn-confirm{background-color:#ef4444;color:#fff}.modal-btn-confirm:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.modal-btn-confirm:active{transform:translateY(0)}
/*# sourceMappingURL=main.9eb90bc7.css.map*/