.test-length{min-height:200vh;width:100%}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.todo-card{width:min(800px,92vw);margin:2rem auto 6rem;padding:1.25rem;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000040;color:#fff;font-family:Arial,Helvetica,sans-serif}.todo-title{margin:0 0 .75rem;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.todo-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.todo-list>li{position:relative;padding:.9rem 1rem .9rem 2.5rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,box-shadow .16s ease,background .2s ease}.todo-list>li:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffffff40);box-shadow:0 0 18px #ffffff59}.todo-list>li:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000047;background:#ffffff12}.todo-list a{color:#e8f3ff;text-decoration:underline;text-underline-offset:3px}.todo-list a:hover{opacity:.9}.todo-list code{padding:.1rem .35rem;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.todo-list ul{list-style:none;margin:.5rem 0 0;padding-left:1.5rem;display:grid;gap:6px}.todo-list ul li{padding:.5rem .75rem .5rem 1.4rem;border-radius:10px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.18);font-size:.95rem;opacity:.95;position:relative}.todo-list ul li:before{content:"—";position:absolute;left:.6rem;opacity:.8}@media (max-width: 700px){.todo-card{padding:1rem}.todo-title{font-size:.95rem}.todo-list>li{padding-left:2.1rem}}.todo-done{text-decoration:line-through;opacity:.65}.todo-priority{border:1px solid rgba(255,255,255,.32)!important;background:#ffffff17!important}.todo-list input[type=checkbox]{accent-color:#fff}.hero-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Arial,Helvetica,sans-serif}.hero-text{display:inline-block;position:relative;z-index:2;font-size:10rem;text-shadow:2px 2px 5px white}.hero-text,.hero-text *{background:linear-gradient(0deg,#56bcf9 21%,#ba3af3 56%,#e417c1);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero-extra{animation:fadeIn 3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}