@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:#000;background-attachment:fixed;background-image:url(/static/media/paint.bc45ac1323403d693def.jpeg);background-position:50%;background-size:cover;color:#0f9;font-family:Press Start\ 2P,monospace;height:100%;margin:0;overflow-x:hidden;padding:0}.cute-container{min-height:100vh;overflow:visible;padding-bottom:40px;position:relative}.cute-bg{background-image:url(/static/media/paint.bc45ac1323403d693def.jpeg);background-position:50%;background-size:cover;height:100%;left:0;opacity:.75;position:fixed;top:0;transition:transform .7s ease;width:100%;z-index:0}.binary-canvas{inset:0;pointer-events:none;position:fixed;z-index:1}.cute-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #064;border-radius:12px;margin:40px auto;max-width:900px;padding:20px;position:relative;z-index:2}.cute-panel h1{font-size:1.4em;font-weight:700}.cute-panel .pink{color:#f6a}.subtitle{font-size:.75em;margin-bottom:15px;opacity:.8}.code-box{background:#000000b3;border:1px solid #042;cursor:pointer;font-size:.75em;overflow-x:auto;padding:10px}.steps{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:20px}.step{align-items:center;background:#0006;border:1px solid #042;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.step.active{border-color:#f6a;transform:scale(1.05)}.step-title{font-size:.95em;padding:20px;text-align:center}input,textarea{background:#000000b3;border:1px solid #042;color:#0f9}button,input,textarea{font-family:Press Start\ 2P,monospace;font-size:.75em;padding:6px;width:100%}button{background:#f6a6;border:1px solid #f6a;color:#fff;cursor:pointer}button:hover{background:#f6a9}.preview{background:#000c;border:1px solid #042;font-size:.7em;padding:6px;word-break:break-word}.final-message{background:#00000080;border:1px solid #f6a;font-size:1.2em;font-weight:700;margin-top:20px;padding:10px;text-align:center}.controls{display:flex;gap:10px;margin-top:15px}@keyframes shakeX{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}.shake{animation:shakeX .5s linear infinite}.glitch{position:relative;z-index:2}.glitch:after,.glitch:before{background:inherit;content:"";inset:0;mix-blend-mode:screen;opacity:.1;pointer-events:none;position:absolute}.glitch:before{transform:translate(6px,-4px) skewX(-6deg)}.glitch:after{transform:translate(-6px,4px) skewX(6deg)}.cute-banner{margin-top:20px;position:relative;text-align:center;z-index:3}.cute-banner img{border:2px solid #0f9;border-radius:12px;box-shadow:0 0 12px #00ff9980;height:230px;max-width:90%;width:1000px}@media (max-width:768px){body,html{background-attachment:scroll}.cute-panel{margin:20px;padding:15px}.cute-panel h1{font-size:1em}.subtitle{font-size:.6em}.steps{grid-template-columns:1fr}.step-title{font-size:.65em}button,input,textarea{font-size:.65em;padding:5px}.final-message{font-size:1em}.cute-banner img{height:auto;max-width:100%}}@media (max-width:480px){.cute-panel{margin:10px;padding:10px}.cute-panel h1{font-size:.85em}.step-title,.subtitle{font-size:.55em}button,input,textarea{font-size:.55em;padding:4px}.final-message{font-size:.9em}}.modal-overlay{align-items:center;background:#0a0a0ad9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{animation:modalPop .4s ease-out;background:#0f0f0f;border:2px solid #0f9;border-radius:12px;box-shadow:0 0 20px #0f9;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%}.modal-title{color:#0f9;font-size:1.5rem;margin-bottom:1rem}.final-message{color:#fff;font-size:1.2rem;margin:1rem 0}.pink{color:#ff69b4}.close-btn{background:#0000;border:none;color:#0f9;cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:8px}.controls button{background:#0f9;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;padding:.7rem 1.2rem;transition:.3s}.controls button:hover{background:#00cc7a}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.checkmark{animation:checkmarkPop .3s ease-out;color:#0f9;font-size:.85em;margin-left:5px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.step.done{background:#00ff9926;border-color:#0f9!important;transform:scale(1.05);transition:background .3s,transform .3s}.step.done button{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.f203cabe.css.map*/