@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);:root{--color-offblack:#1d1b22;--color-offwhite:#fafafa;--color-xlight:#d6d6d6;--color-xxlight:#e6e6e6;--color-highlight2:rgba(0,0,0,.05);--color-purple:#6415ff;--color-lightpurple:#a099ff;--color-red:#e74646;--color-green:#0dba38;--foreground:var(--color-offblack);--background:var(--color-offwhite);--background-darker:var(--color-highlight2);--fontFamily-primary:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;--primary-color:var(--foreground);--background-color:var(--background);--accent-color:var(--color-purple);--accent-color-dark:var(--color-purple);--border-color:var(--color-xlight);--hover-color:var(--background-darker);--accent-hover-color:var(--color-lightpurple);--error-color:var(--color-red)}@media (prefers-color-scheme:dark){:root{--foreground:var(--color-offwhite);--background:var(--color-offblack);--background-darker:hsla(0,0%,100%,.08);--border-color:#333;--hover-color:hsla(0,0%,100%,.06)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fontFamily-primary);margin:0}.app,body{background-color:var(--background-color);color:var(--primary-color)}.app{max-width:100%;min-height:100vh;overflow-x:hidden;position:relative}.app,.app-content{display:flex;width:100%}.app-content{flex:1 1;flex-direction:column;padding:1rem;transition:width .3s ease}@media (min-width:768px){.app.settings-open .app-content{width:calc(100% - 400px)}}.header{flex-shrink:0;padding:1rem 0;text-align:center;width:100%}.main{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;width:100%}.word-count{border-radius:8px;color:var(--primary-color);cursor:grab;font-size:12rem;font-weight:700;margin:2rem auto;padding:2rem;perspective:1000px;position:relative;text-align:center;transform-origin:center center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.word-count.dragging{cursor:grabbing;transition:none}.word-count span{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;position:relative;text-shadow:-1px -1px 0 var(--accent-color),1px -1px 0 var(--accent-color),-1px 1px 0 var(--accent-color),1px 1px 0 var(--accent-color),0 2px 4px rgba(0,0,0,.2);transform-origin:center center;transform-style:preserve-3d}.word-count span.back{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transform:rotateY(180deg);transform-origin:center center}.word-count.spinning{animation:coin-spin 2s cubic-bezier(.1,.7,.1,1) forwards}@keyframes coin-spin{0%{transform:translateZ(40px) rotateY(var(--spin-start))}to{transform:translateZ(0) rotateY(var(--spin-end))}}.word-count.spinning span{animation:shine 2s linear infinite}@keyframes shine{0%,to{text-shadow:-1px -1px 0 var(--accent-color),1px -1px 0 var(--accent-color),-1px 1px 0 var(--accent-color),1px 1px 0 var(--accent-color),0 2px 4px rgba(0,0,0,.2)}50%{text-shadow:-1px -1px 0 var(--accent-color),1px -1px 0 var(--accent-color),-1px 1px 0 var(--accent-color),1px 1px 0 var(--accent-color),0 4px 8px rgba(0,0,0,.4)}}.word-count.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.subtitle{font-size:1.5rem;margin:0;opacity:.7}.word-input{border:2px solid var(--border-color);border-radius:8px;flex-shrink:0;font-size:1.2rem;height:100px;margin:.5rem auto;max-width:600px;padding:.75rem;resize:none;transition:border-color .3s ease;width:100%}.word-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(9,132,227,.1)}.word-history{background:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;margin:.5rem auto;max-width:600px;min-height:0;width:100%}.word-history-toggle{border-bottom:1px solid var(--border-color);padding:.5rem}.word-history-toggle .setting-toggle{padding:.25rem .5rem}.word-history-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}.word-history-content.hidden{display:none}.word-history-header{align-items:center;border-bottom:1px solid transparent;color:var(--primary-color);display:flex;font-size:.9rem;justify-content:space-between;opacity:.8;padding:.75rem;transition:opacity .2s ease,border-bottom-color .2s ease}.word-history-header.open{border-bottom-color:var(--border-color)}.word-history-header:hover{opacity:1}.word-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0 .5rem 0 0}.word-list::-webkit-scrollbar{width:8px}.word-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.word-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.word-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color-dark)}.word-list li{align-items:center;background:var(--background-color);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.word-list li:hover{background:var(--hover-color)}.word-entry{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease,transform .2s ease}.word-entry:hover{background-color:var(--hover-color);transform:translateX(4px)}.word-entry .word{color:var(--accent-color);font-weight:500}.word-entry:hover .word{color:var(--accent-color-dark)}.timestamp{font-feature-settings:"tnum";color:var(--primary-color);font-size:.9rem;font-variant-numeric:tabular-nums;opacity:.7}.timer,.timestamp{font-family:monospace}.timer{color:var(--accent-color);font-size:1.2rem;font-weight:600;margin-top:.5rem}.timer-controls{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.timer-select{display:none}.timer-button{border-radius:8px;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.8rem;transition:all .2s ease}.timer-button:hover:not(:disabled){background:var(--accent-hover-color);transform:translateY(-1px)}.timer-button:disabled{cursor:not-allowed;opacity:.5}.timer-button.stop,.timer-button.stop:hover{background:var(--error-color)}.timer-button.stop:hover{opacity:.85}.timer-display{font-feature-settings:"tnum";color:var(--accent-color);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:600}.game-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;margin:0 auto 1rem;max-width:600px;padding:0 .5rem;width:100%}.strict-mode-toggle,.timer-toggle,.word-type-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.rule-toggle{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.rule-toggle:hover{border-color:var(--accent-color)}.rule-length-controls{align-items:center;display:flex;gap:.5rem;padding:.5rem}.rule-length-controls input{text-align:center;width:60px}.rule-length-controls input,.rule-letter-select,.rule-type-select{border:2px solid var(--border-color);border-radius:8px;padding:.5rem}.rule-letter-select,.rule-type-select{background:var(--background-color);cursor:pointer;transition:all .2s ease}.toggle-switch{align-items:center;background:var(--border-color);border-radius:100px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:space-between;position:relative;transition:background-color .2s;width:48px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.setting-toggle input:checked+.toggle-switch{background:var(--accent-color)}.setting-toggle input:checked+.toggle-switch:after{transform:translateX(24px)}.info-modal{align-items:center;animation:fadeIn .3s ease-out;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.info-content{background:var(--background-color);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.info-content h2{color:var(--primary-color);margin:0 0 1.5rem}.info-content p{line-height:1.5;margin:1rem 0}.info-content ul{margin:1rem 0;padding-left:1.5rem}.info-content li{margin:.5rem 0}.close-info{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-top:1.5rem;padding:.75rem;transition:all .3s ease;width:100%}.close-info:hover{box-shadow:0 2px 8px rgba(9,132,227,.2);transform:translateY(-2px)}.info-icon{color:var(--accent-color);cursor:pointer;height:16px;margin-left:.5rem;opacity:.7;transition:opacity .2s ease;width:16px}.info-icon:hover{opacity:1}.setting-toggle-with-info{align-items:center;display:flex}.info-panel{display:none}.stats-modal{align-items:center;animation:fadeIn .3s ease-out;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.stats-content{background:var(--background-color);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.stats-content h2{color:var(--primary-color);margin:0 0 1.5rem;text-align:left}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.stat-item{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:left}.stat-label{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:var(--accent-color);display:block;font-size:1.5rem;font-weight:600}.close-stats{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.close-stats:hover{box-shadow:0 2px 8px rgba(9,132,227,.2);transform:translateY(-2px)}.info-button,.settings-button{align-items:center;border:none;border-radius:50%;bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;transition:transform .2s ease,background-color .2s ease;width:48px;z-index:900}.settings-button{background:var(--accent-color);right:1rem}.info-button{background:var(--primary-color);font-family:serif;font-size:1.5rem;font-style:italic;right:calc(1rem + 56px)}.info-button:hover,.settings-button:hover{transform:scale(1.05)}.settings-button:hover{background:var(--accent-color-dark)}.info-button:hover{background:#1e272e}.settings-button svg{height:24px;width:24px}@media (min-width:768px){.info-button,.settings-button{position:absolute}}.settings-stack{gap:1.5rem}.accordion-section{border-bottom:1px solid var(--border-color);margin-bottom:0}.accordion-section:last-child{border-bottom:none}.accordion-header{align-items:center;background-color:var(--background-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.accordion-header:hover{background-color:var(--hover-color)}.accordion-title{align-items:center;display:flex;gap:1rem}.accordion-title h3{font-size:1rem;font-weight:600;margin:0}.accordion-icon{flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{background-color:var(--background-color);max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.open{max-height:500px}.accordion-content-inner{opacity:1;padding:.75rem 1rem;transition:opacity .2s ease}.accordion-content-inner.disabled{opacity:.5;pointer-events:none}.length-controls{gap:.5rem}.length-controls input{border-radius:4px;width:60px}.length-controls input:disabled{background-color:var(--hover-color);cursor:not-allowed}.custom-select{margin-top:.5rem;position:relative;-webkit-user-select:none;user-select:none;width:100%}.select-selected{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.7rem 1rem;transition:all .2s ease}.select-selected.open,.select-selected:hover:not(.disabled){border-color:var(--accent-color)}.select-selected.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.select-selected.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.select-arrow{height:16px;transition:transform .2s ease;width:16px}.select-arrow.open{transform:rotate(180deg)}.select-options{background:var(--background-color);border:2px solid var(--accent-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-color:var(--accent-color) #f0f0f0;scrollbar-width:thin;top:100%;z-index:1000}.select-option{cursor:pointer;padding:.7rem 1rem;transition:background .2s ease}.select-option:hover{background:#f0f0f0}.select-option.selected{background:var(--accent-color);color:#fff}.select-options::-webkit-scrollbar{width:8px}.select-options::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.select-options::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.select-options::-webkit-scrollbar-thumb:hover{background:var(--accent-color-dark)}.dev-mode-section{background:#f5f5f5;border:1px dashed #666;border-radius:4px;margin-bottom:1rem;margin-top:2rem;padding:1rem}.dev-mode-toggle{align-items:center;cursor:pointer;display:flex;gap:8px}.dev-mode-note{color:#666;font-size:.8rem;margin-top:.5rem}.letter-select,.type-select,.word-type-select{display:none}@media (max-width:600px){.app{padding:.5rem}.header{padding:.5rem 0}.game-controls{flex-direction:column;gap:.5rem;padding:0}.rule-length-controls,.rule-letter-controls,.rule-letter-select,.rule-toggle,.rule-type-select{width:100%}.rule-length-controls{justify-content:space-between}.word-history,.word-input{border-radius:6px}.info-modal,.settings-panel{right:-100%;width:100%}.info-modal.open,.settings-panel.open{right:0}.strict-mode-toggle,.timer-toggle,.word-type-toggle{flex:1 1 auto;min-width:45%}.info-button,.settings-button{right:10px}.settings-button{bottom:60px}.info-button{bottom:10px}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.dictionary-modal{align-items:center;animation:fadeIn .3s ease-out;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dictionary-content{background:var(--background-color);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.dictionary-word{color:var(--accent-color);font-size:2rem;font-weight:600;margin-bottom:1rem}.dictionary-phonetics{display:flex;gap:1rem;margin-bottom:1.5rem}.dictionary-phonetic{align-items:center;color:var(--primary-color);display:flex;font-family:monospace;gap:.5rem;opacity:.7}.audio-play{background:none;border:none;border-radius:50%;color:var(--accent-color);cursor:pointer;padding:.25rem;transition:all .2s ease}.audio-play:hover{background:var(--hover-color)}.dictionary-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.dictionary-section:last-child{border-bottom:none;margin-bottom:1rem;padding-bottom:0}.dictionary-pos{align-items:center;color:var(--accent-color);display:flex;font-size:.9rem;gap:.75rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.pos-count{color:var(--primary-color);font-size:.8rem;letter-spacing:normal;opacity:.6;text-transform:none}.definition-wrapper{margin-bottom:1.5rem}.dictionary-definition{display:flex;gap:.75rem;line-height:1.5}.definition-number{color:var(--accent-color);opacity:.8}.definition-text{flex:1 1}.dictionary-example{border-left:2px solid var(--border-color);color:var(--primary-color);font-style:italic;margin-top:.5rem;opacity:.7;padding-left:2rem}.definition-antonyms,.definition-synonyms,.meaning-antonyms,.meaning-synonyms{margin-top:.75rem;padding-left:2rem}.antonyms-label,.synonyms-label{color:var(--primary-color);display:inline-block;font-size:.85rem;margin-right:.5rem;opacity:.7}.dictionary-antonyms,.dictionary-synonyms{display:inline-flex;flex-wrap:wrap;gap:.5rem}.dictionary-antonym,.dictionary-synonym{background:var(--hover-color);border-radius:4px;color:var(--accent-color);cursor:pointer;font-size:.9rem;padding:.25rem .75rem;transition:all .2s ease}.dictionary-antonym:hover,.dictionary-synonym:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px)}.dictionary-antonym{color:var(--error-color)}.dictionary-antonym:hover{background:var(--error-color)}.dictionary-error{color:var(--error-color);margin:2rem 0;text-align:center}.close-dictionary{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-top:1.5rem;padding:.75rem;transition:all .3s ease;width:100%}.close-dictionary:hover{box-shadow:0 2px 8px rgba(9,132,227,.2);transform:translateY(-2px)}.end-game-button{background:var(--error-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.8rem 1.5rem;transition:all .2s ease}.end-game-button:hover{box-shadow:0 4px 12px rgba(231,76,60,.2);transform:translateY(-2px)}.end-game-button:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.settings-panel{background:var(--background-color);opacity:0;overflow-y:auto;padding:2rem;transition:transform .3s ease,visibility .3s ease,opacity .3s ease;visibility:hidden;z-index:1000}@media (max-width:767px){.settings-panel{border-radius:1rem 1rem 0 0;bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.15);height:80vh;left:0;position:fixed;right:0;transform:translateY(100%)}.settings-panel.open{opacity:1;transform:translateY(0);visibility:visible}}@media (min-width:768px){.settings-panel{border-left:1px solid var(--border-color);height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);width:400px}.settings-panel.open{opacity:1;transform:translateX(0);visibility:visible}}.settings-close{align-items:center;background-color:var(--hover-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;opacity:.7;position:absolute;right:1rem;top:1rem;transition:opacity .2s ease;width:32px}.settings-close:hover{background-color:var(--border-color);opacity:1}.settings-panel h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:2rem}.settings-stack{gap:2rem}.setting-item,.settings-stack{display:flex;flex-direction:column}.setting-item{border-bottom:1px solid var(--border-color);gap:1rem;padding-bottom:2rem}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-header{align-items:center;display:flex;gap:.5rem}.setting-toggle{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:100%}.setting-toggle:hover{background-color:var(--hover-color)}.setting-toggle input[type=checkbox]{height:0;position:absolute;visibility:hidden;width:0}.setting-toggle span{font-weight:500}.setting-details{animation:fadeIn .2s ease;padding-left:2.5rem}.length-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.length-controls label{align-items:center;display:flex;gap:.5rem}.length-controls input{border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;text-align:center;width:4rem}.length-controls input:focus{border-color:var(--accent-color);outline:none}.settings-group{display:flex;flex-direction:column;gap:1rem}.settings-section{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.settings-section h3{color:var(--primary-color);margin-bottom:1rem;opacity:.8}.timer-button{background:var(--accent-color);border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .2s ease;width:100%}.timer-button:hover{background:var(--accent-color-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5f3fb6a1.css.map*/