*{box-sizing:border-box}body{margin:0;background:#101722;color:#e8eef7;font:16px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:24px 6vw;border-bottom:1px solid #293442}header a{color:#6ae0bf;font-size:28px;font-weight:800;text-decoration:none}header a span{font-size:17px;letter-spacing:4px}header>span{color:#93a5b9;font-size:13px}header button{margin-left:auto}main{max-width:920px;margin:65px auto;padding:0 24px}small{letter-spacing:3px;color:#6ae0bf}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-1px}p{color:#a3b4c8}form{max-width:540px}label{display:block;margin:20px 0}input,textarea{display:block;width:100%;margin-top:8px;background:#192431;border:1px solid #405269;border-radius:10px;padding:14px;color:white;font:inherit}textarea{min-height:95px;resize:vertical}button{border:1px solid #46566b;border-radius:9px;padding:11px 19px;cursor:pointer;background:#253347;color:#e8eef7;font:inherit}form>button,button.active{background:#6ae0bf;color:#10241e;border-color:#6ae0bf}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6ae0bf;outline-offset:3px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}article{border:1px solid #2f4054;border-radius:14px;padding:20px;margin:16px 0;background:#172230}article p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:0}article button{font-size:13px;margin-right:8px}.done{text-decoration:line-through;opacity:.6}footer{text-align:center;font-size:12px;color:#93a5b9;margin:70px 15px 25px}[hidden]{display:none!important}#status{color:#ffce8a}@media(max-width:600px){header>span{display:none}main{margin-top:40px}}