@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:320px;min-height:100vh;padding:20px;background-color:#1b1b1b;color:#e0e0e0;transition:background-color .3s,color .3s}.matrix-mode{background-color:#000!important;color:#0f0!important}.matrix-mode button,.matrix-mode input,.matrix-mode a{background-color:#000!important;color:#0f0!important;border-color:#0f0!important}.matrix-mode button:hover{background-color:#0f0!important;color:#000!important}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#24d2bb;text-decoration:none}a:hover{color:#1bb3a3}h1{font-size:3.2em;line-height:1.1}h2,h3{font-weight:600;margin-bottom:16px;color:#e0e0e0;text-shadow:1px 1px 2px #121212}h2{font-size:28px}h3{font-size:24px}p{font-size:18px;color:#e0e0e0;margin-bottom:16px}button{font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s,background-color .3s ease;border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;background-color:#24d2bb;color:#121212}button:hover{background-color:#1bb3a3}input:focus{border:2px solid #24d2bb;outline:none;box-shadow:none}.app-wrapper{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;width:100%;max-width:1100px;padding:30px;background:#1d1d1d;border:2px solid #333;border-radius:16px;box-shadow:0 8px 24px #0000004d}.profile,.todo-container,.profile-container{background:#2a2a2a;border:1px solid #333;border-radius:14px;padding:24px;width:100%;max-width:400px;min-width:280px;text-align:center;box-shadow:0 4px 12px #0000004d}.todo-inputs,.set-username form{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;justify-content:center}input[type=text],input[type=date],.set-username input{flex:1 1 100%;padding:14px;border-radius:8px;border:1px solid #444;font-size:18px;background-color:#333;color:#e0e0e0;box-shadow:inset 0 2px 4px #0000001a}.btn{font-size:18px;font-weight:700;padding:12px 24px;background-color:#24d2bb;border:2px solid #24d2bb;color:#121212;box-shadow:0 4px 12px #0000001a}.btn:hover{background-color:#1bb3a3;border-color:#1bb3a3}.done-btn{border-radius:50%;width:40px;height:40px;font-size:18px;background-color:#24d2bb;color:#e0e0e0;border:none;box-shadow:0 2px 8px #0003}.todo-list{list-style:none;padding:0;margin-top:20px}.todo-list li{background:#444;padding:14px 20px;border-radius:8px;margin-bottom:10px;border-left:5px solid #24d2bb;box-shadow:0 2px 8px #0003;display:flex;justify-content:space-between;align-items:center}.todo-list li.completed span{text-decoration:line-through;color:#888}.progress-bar{width:100%;height:12px;background-color:#333;border-radius:6px;overflow:hidden;margin-top:10px;border:1px inset #444}.progress{height:100%;background-color:#24d2bb}.set-username h2{font-size:28px;margin-bottom:16px;text-align:center}.set-username button{width:140px}@media (max-width: 768px){.app-wrapper{flex-direction:column;align-items:stretch;padding:20px}.todo-inputs{flex-direction:column}.btn{width:100%;text-align:center}.done-btn{margin-left:auto}}.matrix-mode{background:#000!important;color:#0f0!important}.matrix-mode .app-wrapper,.matrix-mode .profile,.matrix-mode .todo-container,.matrix-mode .profile-container,.matrix-mode .todo-list li,.matrix-mode input[type=text],.matrix-mode input[type=date],.matrix-mode .btn,.matrix-mode .done-btn,.matrix-mode .progress-bar,.matrix-mode .progress{background-color:#000!important;border-color:#0f0!important;color:#0f0!important;font-family:"Press Start 2P";font-size:small}.matrix-mode .progress{background-color:#0f0!important}.matrix-mode .btn,.matrix-mode .done-btn{color:#000!important;background-color:#0f0!important;border-color:#0f0!important}