html{font-size:14px}body{font-family:Libre Franklin,sans-serif;background-color:#000;color:#fff;padding:20px;max-width:600px;margin:0 auto}h1{font-size:2.857rem;margin-bottom:.5rem;text-align:center}h2{font-size:2rem;margin-top:1.5rem;margin-bottom:.5rem;text-align:center}p{text-align:center}.app-area{padding:0 20px;min-height:300px;display:flex;flex-direction:column;align-items:center}.word-grid{display:flex;flex-direction:column;align-items:center;width:100%;max-width:330px;margin:0 auto}.word-row{display:flex;justify-content:center;margin-bottom:16px;width:100%}.current-word-row{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.letter-cell{width:50px;height:50px;border:2px solid #444;margin:0 4px;display:flex;justify-content:center;align-items:center;font-size:1.714rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase}.letter-cell.undef{background-color:#000}.letter-cell.correct{background-color:#538d4e;border-color:#538d4e}.letter-cell.misplaced{background-color:#b59f3b;border-color:#b59f3b}.letter-cell.absent{background-color:#3a3a3c;border-color:#3a3a3c}.letter-cell.either{background:linear-gradient(-45deg,#538d4e 50%,#b59f3b 50%);border-color:#7e7e00}.help-text{color:#aaa;margin:0 0 1rem}.ads-banner{background-color:#222;padding:10px;text-align:center;position:fixed;bottom:0;left:0;right:0;width:100%;box-sizing:border-box;display:none}.closing-buttons{margin-top:32px;display:flex;justify-content:center;gap:10px}.btn{font-size:1.286rem;font-weight:700;color:#fff;background-color:#3a3a3c;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase;padding:8px 16px}.btn:hover{background-color:#4a4a4c}.btn.warn{background-color:#b59f3b}.btn.warn:hover{background-color:#c5af4b}.btn.success{background-color:#538d4e}.btn.success:hover{background-color:#639d5e}.btn>i:first-child{position:relative;left:-4px}.variants-info{text-align:center;margin-top:32px}.suggestion-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;align-items:center}.more-suggestions{font-size:1.714rem;font-weight:700;margin-left:5px}.refresh-icon{position:absolute;right:-40px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:#3a3a3c;transition:background-color .3s ease}.refresh-icon:hover{background-color:#4a4a4c}.feedback-form{padding:20px;width:100%;max-width:500px;margin:0 auto}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.feedback-form form{display:flex;flex-direction:column}.feedback-form textarea,.feedback-form input{margin-bottom:10px;padding:8px;border:1px solid #444;background-color:#333;color:#fff}.feedback-form textarea{height:100px;resize:vertical}.feedback-buttons{display:flex;justify-content:space-between;margin-top:10px}.error-message{color:gold;margin-top:10px;margin-bottom:10px}.feedback-success{text-align:center}.feedback-success p{margin-bottom:20px}.edit-button{position:absolute;left:-40px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:#3a3a3c;transition:background-color .3s ease}.edit-button:hover{background-color:#4a4a4c}.edit-input{width:calc(100% - 36px);height:48px;font-size:24px;font-weight:700;text-align:center;background-color:#000;color:#fff;border:2px solid #444;border-radius:4px;text-transform:uppercase}.edit-input.invalid{border-color:#b59f3b}.accept-button{position:absolute;right:-40px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:#538d4e;transition:background-color .3s ease}.accept-button:hover{background-color:#639d5e}.edit-warning{color:#b59f3b;font-size:1rem;margin-top:8px;text-align:center}ol{max-width:560px;margin:0 auto}ol li{margin-bottom:.5rem}.video-container{max-width:560px;margin:0 auto 20px}.mode-toggle{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mode-label{color:#aaa}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#3a3a3c;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#538d4e}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.definition-container{width:100%;max-width:330px;margin:20px auto;padding:15px;background:#1a1a1a;border-radius:8px}.definition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.definition-header h3{margin:0;font-size:1.2rem}.definition-nav{display:flex;align-items:center;gap:10px}.loading-spinner{text-align:center;padding:20px}.loading-spinner .spin{display:inline-block;font-size:1.714rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.definition-error{text-align:center;color:#888;padding:20px}.definition-content{margin-bottom:15px}.word{font-weight:700}.part-of-speech{font-style:italic}.definition{margin-left:10px}.definition-links{display:flex;justify-content:center;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid #333}.definition-link{color:#aaa;font-size:20px;text-decoration:none}.definition-link:hover{color:#fff}