:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0a0a;--foreground:#ededed;--muted:#a1a1a1;--faint:#6b6b6b;--line:#2a2a2a}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,Geist Fallback,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-underline-offset:3px;text-decoration-color:#666}a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.shell{width:min(720px,100%);margin:0 auto;padding:0 40px 64px}.site-header{justify-content:space-between;align-items:center;min-height:144px;font-size:14px;display:flex}.brand{font-weight:600;text-decoration:none}.muted{color:var(--muted)}.link-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #555;text-decoration:underline #555}.link-button:hover{color:var(--foreground)}.intro{margin-bottom:44px}h1{letter-spacing:-.02em;margin:0 0 12px;font-size:20px;font-weight:500}.intro p,.login-panel>p{margin:0;line-height:28px}.intro .date{color:var(--muted);margin-top:8px;font-size:14px}.composer{margin-bottom:40px}form{border-bottom:1px solid var(--line);align-items:center;display:flex}input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;padding:14px 0}input::placeholder{color:var(--faint)}form:focus-within{border-color:#6f6f6f}form button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:8px 0 8px 20px;-webkit-text-decoration:underline #555;text-decoration:underline #555}form button:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.tasks{border-top:1px solid var(--line)}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;display:flex}.toolbar p{color:var(--muted);margin:0;font-size:13px}.toolbar strong{color:var(--foreground);font-weight:500}.filters{gap:14px;display:flex}.filter,footer button,.delete{color:var(--faint);background:0 0;border:0;padding:0}.filter{font-size:13px}.filter:hover,.filter.active{color:var(--foreground)}.filter.active{text-underline-offset:3px;text-decoration:underline}ul{margin:0;padding:0;list-style:none}.todo-item{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:60px;animation:.18s ease-out arrive;display:flex}.check{color:#0000;background:0 0;border:1px solid #555;border-radius:2px;flex:0 0 16px;width:16px;height:16px;padding:0;font-size:11px;line-height:14px}.check:hover{border-color:var(--foreground)}.todo-text{overflow-wrap:anywhere;flex:1}.todo-item.completed .check{color:var(--background);background:#aaa;border-color:#666}.todo-item.completed .todo-text{color:var(--faint);text-decoration:line-through}.todo-item.urgent:not(.completed){color:#ff9b9f;background:#2b1015;border-bottom-color:#713036;margin-inline:-12px;padding-inline:12px}.todo-item.urgent:not(.completed) .check{border-color:#e36b73}.urgent-toggle{color:var(--muted);background:0 0;border:1px solid #555;border-radius:4px;flex:none;padding:3px 7px;font-size:11px;line-height:1.4}.urgent-toggle:hover,.urgent-toggle:focus-visible{border-color:var(--foreground);color:var(--foreground)}.todo-item.urgent:not(.completed) .urgent-toggle{color:#ff9b9f;border-color:#e36b73}.todo-item.completed .urgent-toggle{color:var(--faint);border-color:#444}.delete{opacity:0;padding:8px;font-size:18px}.todo-item:hover .delete,.delete:focus-visible{opacity:1}.delete:hover{color:var(--foreground)}.empty{border-bottom:1px solid var(--line);padding:56px 0}.empty p{color:var(--muted);margin:0 0 4px}.empty small{color:var(--faint);font-size:13px}footer{color:var(--faint);justify-content:space-between;padding-top:18px;font-size:12px;display:flex}footer p{margin:0}footer button{font-size:inherit}footer button:hover{color:var(--foreground)}.form-error{color:#d88a7b;min-height:20px;font-size:13px}.app-error{margin:14px 0 0}.login-shell{min-height:100vh}.login-panel{max-width:480px;margin-top:64px}.login-panel .kicker{color:var(--muted);margin-bottom:8px;font-size:13px}.login-form{margin-top:36px}.login-form input{letter-spacing:.04em}.login-form .form-error{margin-top:90px;position:absolute}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes arrive{0%{opacity:0;transform:translateY(-4px)}}.composer form{transition:border-color .25s}.composer button,.filter,.link-button,footer button{transition:color .2s,opacity .2s,text-decoration-color .2s}.todo-item{transition:background-color .28s,border-color .28s,color .28s;animation:.32s cubic-bezier(.22,1,.36,1) both arrive}.todo-item:not(.urgent):not(.completed):hover{background:#141414}.todo-item.urgent:not(.completed):hover{background:#371419}.todo-text{transition:color .25s,opacity .25s}.check,.urgent-toggle{transition:background-color .22s,border-color .22s,color .22s,transform .22s cubic-bezier(.22,1,.36,1)}.check:hover,.urgent-toggle:hover{transform:translateY(-1px)}.check:active,.urgent-toggle:active{transform:scale(.92)}.delete{transition:opacity .2s,color .2s,transform .2s}.delete:hover{transform:scale(1.12)}.todo-item button:focus-visible,.filter:focus-visible,.composer button:focus-visible{outline-offset:3px;outline:2px solid #c6c6c6}@media (max-width:560px){.shell{padding-inline:24px}.site-header{min-height:112px}.intro{margin-bottom:36px}.filters{gap:10px}.delete{opacity:.7}.login-panel{margin-top:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}