*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0e0e10}@font-face{font-family:Pix32;src:url(/fonts/Pix32.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}.stp-bg{background:#d7d8da;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Pix32,monospace;display:flex}.stp-card{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding-top:1rem;display:flex}.stp-img{width:220px;height:auto;image-rendering:pixelated;margin-top:-1.5rem;margin-bottom:-.5rem}.stp-title{color:#111;letter-spacing:.05em;font-size:2.5rem;font-weight:400}.stp-tasks{flex-direction:column;gap:.5rem;width:100%;display:flex}.stp-task{cursor:pointer;color:#111;background:0 0;border:1.5px solid #111;justify-content:space-between;align-items:center;width:100%;padding:.9rem 1.1rem;font-family:Pix32,monospace;font-size:1rem;transition:background .1s;display:flex}.stp-task:hover{background:#0000000d}.stp-task--done{opacity:.5}.stp-task-check{font-size:.9rem}.stp-form{flex-direction:column;gap:.6rem;width:100%;display:flex}.stp-input{color:#111;background:0 0;border:1.5px solid #111;outline:none;width:100%;padding:.9rem 1.1rem;font-family:Pix32,monospace;font-size:1rem}.stp-input::placeholder{color:#888}.stp-input:focus{background:#0000000a}.stp-input:disabled{opacity:.4;cursor:not-allowed}.stp-btn{color:#d7d8da;cursor:pointer;letter-spacing:.05em;background:#111;border:none;justify-content:center;align-items:center;width:100%;min-height:3rem;margin-top:.25rem;padding:.85rem;font-family:Pix32,monospace;font-size:1rem;transition:opacity .15s;display:flex}.stp-btn:disabled{opacity:.3;cursor:not-allowed}.stp-btn--loading{cursor:not-allowed;opacity:1!important;background:#999!important}.stp-btn:hover:not(:disabled){opacity:.85}.stp-dots{justify-content:center;align-items:center;gap:2px;height:100%;display:flex}.stp-dots span{color:#111;opacity:0;font-family:Pix32,monospace;font-size:1.6rem;line-height:1;animation:1.2s infinite stp-blink}.stp-dots span:first-child{animation-delay:0s}.stp-dots span:nth-child(2){animation-delay:.3s}.stp-dots span:nth-child(3){animation-delay:.6s}@keyframes stp-blink{0%,80%,to{opacity:0}40%{opacity:1}}.stp-log{text-align:center;margin-top:.25rem;font-size:.85rem}.stp-log--green{color:#2a9d2a}.stp-log--yellow{color:#b58a00}.stp-log--red{color:#c00}@media (width<=480px){.stp-title{font-size:2rem}.stp-img{width:90px}}