.box{align-items:center;flex:1 1;height:40vh;justify-content:center}h2{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-family:inherit;font-size:1.25rem;font-weight:600;margin:8px 0;transition:all .2s ease}h2,input{padding:12px 16px}input{background:#1f2937;border:2px solid #374151;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#f3f4f6;font-size:1rem;font-weight:500;height:48px;transition:all .3s ease}input:focus{background:#111827;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 2px 8px rgba(0,0,0,.2);outline:none}input::-webkit-input-placeholder{color:#9ca3af}input:-ms-input-placeholder{color:#9ca3af}input::placeholder{color:#9ca3af}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{color:#f3f4f6;margin:0;padding:0}.screen,body{background:linear-gradient(135deg,#0f1419,#1a1f2b)}.screen{align-items:center;display:flex;flex-direction:column;height:95vh;justify-content:center}.flex{margin:2vh}.title{font-size:3.5rem;letter-spacing:-1px;margin-bottom:2rem}.box{flex:4 1;max-width:600px;overflow-y:auto;text-align:center;width:100%}.submit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:48px;margin-right:12px;transition:all .3s ease;width:120px}.submit:hover{box-shadow:0 6px 20px rgba(59,130,246,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit:active{-webkit-transform:translateY(0);transform:translateY(0)}.again{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px hsla(220,9%,46%,.3);width:120px}.again:hover{box-shadow:0 6px 20px hsla(220,9%,46%,.4)}.again:active{-webkit-transform:translateY(0);transform:translateY(0)}.error{color:#ef4444;font-size:1rem;margin-top:8px}.error,.modalflex{justify-content:center}.modalflex{background:#fff;gap:4px;padding:32px}.text{align-self:center;color:#1f2937;font-size:1.125rem;line-height:1.6;margin-bottom:0;text-align:center}.text:first-of-type{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:16px}.close{color:#6b7280;font-size:1.5rem;margin-bottom:auto;margin-right:-8px;margin-top:-32px;padding:8px}.close:hover{color:#1f2937}.button-group{display:flex;gap:12px;justify-content:center;margin-top:16px;width:100%}.divider{color:#9ca3af;font-size:.875rem;margin:8px 0}.again{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:48px;transition:all .3s ease;width:140px}.again:hover{box-shadow:0 6px 20px rgba(59,130,246,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.menu{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;box-shadow:0 4px 12px hsla(220,9%,46%,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:48px;transition:all .3s ease;width:140px}.menu:hover{box-shadow:0 6px 20px hsla(220,9%,46%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modalflex{align-items:center;background:#6b7280;border:none;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;height:auto;justify-content:flex-start;max-width:500px;overflow:hidden;padding:16px;width:90%}.text{align-self:flex-start;color:#fff;font-family:inherit;font-size:.8rem;line-height:1.3;margin-bottom:4px;width:100%}.close{align-self:flex-end;background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;margin-bottom:2px;opacity:.8;padding:2px 4px;position:static;transition:color .3s ease}.close:hover{opacity:1}h1{font-size:1.25rem;margin:0 0 8px;text-align:center}h1,h2{color:#fff;font-weight:700;width:100%}h2{font-size:.9rem;margin:6px 0 3px}.understand{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;height:32px;margin-top:8px;transition:all .3s ease;width:120px}.understand:hover{box-shadow:0 6px 20px rgba(59,130,246,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.example{background:#fff;border:none;border-radius:4px;color:inherit;font-size:.75rem!important;font-weight:600;margin:2px 0!important;padding:4px 8px!important;width:100%}.flexbox{align-items:center;background:linear-gradient(135deg,#0f1419,#1a1f2b);display:flex;flex-direction:column;height:95vh;justify-content:center}.flex{margin-bottom:3vh}.title{color:#f3f4f6;font-size:4rem;font-weight:700;letter-spacing:-2px;margin-bottom:4rem}.easy{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(16,185,129,.3);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;height:56px;margin:12px;transition:all .3s ease;width:240px}.easy:hover{box-shadow:0 8px 25px rgba(16,185,129,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.medium{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(245,158,11,.3);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;height:56px;margin:12px;transition:all .3s ease;width:240px}.medium:hover{box-shadow:0 8px 25px rgba(245,158,11,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hard{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(239,68,68,.3);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;height:56px;margin:12px;transition:all .3s ease;width:240px}.hard:hover{box-shadow:0 8px 25px rgba(239,68,68,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.howto{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(59,130,246,.3);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;height:56px;margin:12px;transition:all .3s ease;width:240px}.howto:hover{box-shadow:0 8px 25px rgba(59,130,246,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}
/*# sourceMappingURL=main.fb467b32.css.map*/