:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;min-height:100vh;color:#fff}.app{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:#000}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:30px;border-bottom:1px solid #3a3a3c}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.menu-btn:hover{opacity:.7}.header-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-align:center;flex:1;letter-spacing:.5px}.header-icons{display:flex;align-items:center;gap:8px}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;width:40px;height:40px}.icon-btn:hover{opacity:.7}.icon-btn svg{width:24px;height:24px}.subscribe-btn{background:#000;border:1px solid #ffffff;color:#fff;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:8px}.subscribe-btn:hover{background:#fff;color:#000}.puzzle-selector{background:#121213;border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid #3a3a3c}.puzzle-selector h2{margin-bottom:15px;color:#fff}.puzzle-buttons{display:flex;gap:10px;flex-wrap:wrap}.puzzle-btn{width:50px;height:50px;border-radius:8px;border:2px solid #3a3a3c;background:#121213;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease}.puzzle-btn:hover:not(:disabled){background:#3a3a3c;border-color:#fff;transform:translateY(-2px)}.puzzle-btn.active{background:#fff;color:#000;border-color:#fff}.puzzle-btn.solved{background:#6aaa64;color:#fff;border-color:#6aaa64}.puzzle-btn.locked{background:#121213;color:#3a3a3c;border-color:#3a3a3c;cursor:not-allowed}.puzzle-container{background:#121213;border-radius:12px;padding:30px;border:1px solid #3a3a3c}.puzzle-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.puzzle-info h2{color:#fff}.solved-badge{background:#6aaa64;color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:700}.puzzle-image-container{text-align:center;margin-bottom:30px;background:#000;border-radius:8px;padding:20px;border:1px solid #3a3a3c}.puzzle-image{max-width:50%;max-height:60vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 2px 4px #0000001a}.answer-form{display:flex;gap:10px;flex-direction:column}.answer-input{padding:12px 16px;font-size:1rem;border:2px solid #3a3a3c;border-radius:8px;outline:none;transition:border-color .3s ease;background:#121213;color:#fff}.answer-input:focus{border-color:#fff}.answer-input::placeholder{color:#6b6b6b}.submit-btn{padding:12px 24px;font-size:1rem;font-weight:700;background:#6aaa64;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#5a9a54;transform:translateY(-2px)}.solved-message{text-align:center;padding:20px;background:#121213;border-radius:8px;border:2px solid #6aaa64}.solved-message p{font-size:1.2rem;color:#6aaa64;margin-bottom:10px}.answer-reveal{font-weight:700;font-size:1.3rem;color:#fff}.loading,.error,.no-puzzles{text-align:center;color:#fff;font-size:1.5rem;padding:40px;background:#121213;border-radius:12px;border:1px solid #3a3a3c}.error{border-color:#c94a4a;color:#c94a4a}@media(max-width:768px){.header{flex-wrap:wrap;gap:10px}.header-title{font-size:1.5rem;order:3;width:100%;margin-top:10px}.header-icons{flex-wrap:wrap}.subscribe-btn{font-size:.75rem;padding:6px 12px}.puzzle-buttons{justify-content:center}.answer-form{flex-direction:column}}