:root{--bg: #d8d8d8;--ink: #303036;--muted: #7b7b7f;--line: #2f2f33;--accent: #ff6f1f;--mini-card-min-width: 130px;--mini-card-width: 155px;--mini-card-height: 198px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Roboto,sans-serif}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:grid;place-items:center}.intro-overlay.is-hidden{opacity:0;pointer-events:none;transition:opacity .35s ease}.intro-video{width:min(100vw,900px);height:min(100vh,100svh);object-fit:contain;background:#000}.intro-skip{position:absolute;right:20px;bottom:20px;border:1px solid #fff;background:transparent;color:#fff;font-family:Roboto Mono,monospace;font-size:12px;padding:7px 10px;cursor:pointer}.intro-skip:hover{opacity:.8}.app-info{position:fixed;right:14px;bottom:10px;margin:0;z-index:20;font-family:Roboto Mono,monospace;font-size:11px;letter-spacing:.2px;color:var(--muted)}.device-warning{display:none}.device-warning p{margin:0;font-family:Roboto Mono,monospace;font-size:clamp(20px,6vw,34px);color:#f2f2f2;letter-spacing:.3px;text-transform:uppercase}.board{width:min(1180px,calc(100vw - 32px));margin:22px auto;display:grid;grid-template-columns:minmax(var(--mini-card-min-width),var(--mini-card-width)) minmax(0,1fr) minmax(var(--mini-card-min-width),var(--mini-card-width));gap:clamp(20px,3.2vw,44px);align-items:start}.mini-column{display:grid;gap:12px}.mini-card{border:1px solid var(--line);width:100%;max-width:var(--mini-card-width);height:var(--mini-card-height);padding:16px 16px 14px;margin-inline:auto}h1,h2{margin:0;font-family:Roboto,sans-serif;font-weight:800;letter-spacing:.3px}h1{font-size:clamp(40px,4vw,50px);line-height:.9;margin-top:8px}h2{font-size:20px;line-height:.9;margin-top:4px}.meta{margin:7px 0 10px;font-size:7px;color:var(--muted);letter-spacing:.2px}.meta.large{margin:10px 0 12px;font-size:clamp(20px,2.25vw,28px);letter-spacing:.2px}.db-status{margin:0 0 14px;font-family:Roboto Mono,monospace;font-size:12px;color:var(--muted)}.db-status.is-connected{color:#2d6a4f}.db-status.is-error{color:#b02a37}ul{list-style:none;padding:0;margin:0;font-family:Roboto Mono,monospace}li{font-family:Roboto Mono,monospace}.mini-card li{position:relative;margin:1px 0;padding-left:12px;font-size:8px;line-height:1.2}.mini-card li:before{content:"";width:7px;height:7px;border:1px solid var(--line);position:absolute;left:0;top:1px}.mini-card li.done{text-decoration:line-through;color:#919195}.mini-card li.done:before{border-color:var(--accent);background:var(--accent)}.placeholder{margin-top:50px;font-size:8px;color:#b2b2b5}.focus{min-height:620px}.main-card{padding:clamp(38px,8vw,100px) 6px 0;max-width:min(560px,100%)}.tasks li{margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.tasks label{display:inline-flex;align-items:center;gap:11px;font-size:18px;letter-spacing:.1px}.delete-task{border:1px solid var(--line);background:transparent;color:var(--muted);font-family:Roboto Mono,monospace;font-size:12px;padding:4px 8px;cursor:pointer}.delete-task:hover{color:var(--ink);border-color:var(--ink)}.tasks input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border:2px solid var(--line);margin:0;cursor:pointer;position:relative}.tasks input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}.tasks input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:21px;line-height:1;position:absolute;left:2px;top:-1px}.tasks input:checked+span{text-decoration:line-through;color:#8d8d90}.task-form{margin-top:94px}.task-form input{width:100%;border:0;border-bottom:2px solid transparent;background:transparent;font-size:clamp(26px,2.9vw,36px);color:var(--muted);outline:none;padding:2px 0}.task-form input::placeholder{color:#a9a9ad}.task-form input:focus{border-bottom-color:#b6b6b9}.notyf{font-family:Roboto Mono,monospace}.notyf__toast.todo-toast{border:1px solid var(--line);color:var(--ink);border-radius:0;box-shadow:none;padding:0;max-width:340px}.notyf__toast.todo-toast .notyf__wrapper{display:flex;align-items:center;min-height:42px;padding:10px 12px}.notyf__toast.todo-toast.notyf__toast--dismissible .notyf__wrapper{padding-right:40px}.notyf__toast.todo-toast .notyf__message{font-size:12px;letter-spacing:.2px;line-height:1.3}.notyf__toast.todo-toast .notyf__dismiss-btn{top:50%;right:10px;transform:translateY(-50%);width:16px;height:16px;border:1px solid var(--line);border-radius:0;background:transparent;opacity:.7}.notyf__toast.todo-toast .notyf__dismiss-btn:after,.notyf__toast.todo-toast .notyf__dismiss-btn:before{background:var(--ink)}.notyf__toast.todo-toast-success{border-left:4px solid var(--accent)}.notyf__toast.todo-toast-error{border-left:4px solid #b02a37}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 1100px){.device-warning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:grid;place-items:center;background:#151515;text-align:center;padding:24px}.intro-overlay,.board,.app-info{display:none!important}.board{grid-template-columns:1fr;gap:20px}.focus{order:1}.mini-column{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px}.left{order:2}.right{order:3}.main-card{padding-top:26px;max-width:100%}}@media (max-width: 700px){.board{width:min(100vw,460px)}.mini-column{grid-template-columns:1fr}h1{font-size:38px}.meta.large{font-size:20px}.tasks label{font-size:30px}.task-form input{font-size:28px}}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}