:root{color-scheme:light;--paper:#f7f3e8;--card:#fffdf7;--ink:#19191c;--muted:#686762;--line:#19191c;--yellow:#ffdc56;--pink:#f99bc7;--blue:#4568ed;--shadow:4px 4px 0 var(--line)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:760px;margin:auto;padding:calc(22px + var(--tg-content-safe-area-inset-top,0px)) 22px calc(20px + env(safe-area-inset-bottom));}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{color:var(--ink);display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:900;font-size:19px;letter-spacing:-.5px}.brand-sub{display:block;font-size:8px;letter-spacing:1.65px;margin-top:3px}.icon-button{width:40px;height:40px;background:var(--card);border:2px solid var(--line);border-radius:10px;font-size:27px;line-height:1;color:var(--ink)}.icon-button:active{transform:translateY(2px)}.hero{border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px 24px 16px;background:var(--card);margin-bottom:20px;overflow:hidden}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.4px;display:flex;gap:7px;align-items:center}.live-dot{height:7px;width:7px;border:1.5px solid var(--ink);border-radius:50%;background:#a5dca8}h1{font-size:clamp(39px,8vw,64px);line-height:.98;letter-spacing:-3px;margin:20px 0 16px;font-weight:900}.pink-dot{color:#d64083}.hero-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.spark{font-size:42px;color:var(--blue);line-height:1;transform:rotate(-10deg)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 25px}.stat{border:2px solid var(--line);border-radius:12px;padding:14px 14px 12px;box-shadow:3px 3px 0 var(--line)}.stat strong{font-size:31px;line-height:1;letter-spacing:-1px;display:block}.stat span{display:block;font-size:8px;font-weight:800;letter-spacing:1.2px;margin-top:8px}.yellow{background:var(--yellow);color:#19191c}.pink{background:var(--pink);color:#19191c}.blue{background:var(--blue);color:white}.search{display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:0 13px;height:46px}.search>span{font-size:25px;font-weight:700}.search input{width:100%;border:0;background:none;color:var(--ink);outline:none;font-size:13px;padding:10px 0}.search input::placeholder{color:var(--muted)}.filters{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:14px 0 22px}.tabs{display:flex;gap:5px}.tabs button{border:1.5px solid transparent;background:transparent;color:var(--muted);padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700}.tabs button.active{border-color:var(--line);background:var(--yellow);color:#19191c}.project-label select{border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:700;max-width:140px;padding:7px 2px}.status{border:2px dashed var(--line);border-radius:12px;padding:25px 18px;font-size:13px;color:var(--muted);line-height:1.6;text-align:center;margin-bottom:20px}.status.hidden{display:none}.status.error{border-style:solid;background:#ffdc5633;color:var(--ink)}.group{margin-bottom:24px}.group-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.group-heading .count{font-size:9px;letter-spacing:0;background:var(--ink);color:var(--paper);border-radius:5px;padding:2px 5px}.group-heading.overdue{color:#b22a66}.task{display:grid;grid-template-columns:25px 1fr 14px;align-items:start;gap:11px;text-align:left;width:100%;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:16px;margin:0 0 9px;color:var(--ink);transition:transform .12s,box-shadow .12s}.task:hover{box-shadow:3px 3px 0 var(--line);transform:translate(-1px,-1px)}.task-marker{display:flex;align-items:center;justify-content:center;height:23px;width:23px;border:2px solid var(--muted);border-radius:7px;color:var(--muted);font-size:9px;font-weight:800;margin-top:1px}.task-marker.p1{border-color:#ca2851;color:#ca2851;background:#ca285115}.task-marker.p2{border-color:#bf7300;color:#9b5c00;background:#ffdc5640}.task-marker.p3{border-color:var(--blue);color:var(--blue);background:#4568ed15}.task-title{font-size:14px;line-height:1.4;font-weight:700;margin-bottom:9px;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.project-pill{display:inline-flex;gap:5px;align-items:center}.project-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--blue)}.due-pill{border-radius:5px;padding:3px 5px;background:#19191c08}.due-pill.late{background:#f99bc745;color:#aa265c}.label-pill{background:#19191c08;border-radius:5px;padding:3px 5px}.recurring{font-weight:bold}.task-chevron{font-size:18px;color:var(--muted);align-self:center}.empty{padding:35px 15px;text-align:center}.empty .empty-icon{display:block;font-size:42px;color:var(--blue);margin-bottom:10px}.empty h2{font-size:19px;letter-spacing:-.5px}.empty p{font-size:12px;color:var(--muted);line-height:1.6}footer{display:flex;justify-content:center;gap:10px;align-items:center;text-align:left;margin:30px 0 4px;font-size:10px;font-weight:700;line-height:1.6;color:var(--muted)}footer small{font-size:8px;font-weight:400}.footer-mark{font-size:24px;color:var(--blue)}dialog{width:calc(100% - 32px);max-width:580px;border:2px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--line);padding:22px;max-height:85vh}dialog::backdrop{background:#14141488;backdrop-filter:blur(3px)}.detail-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:20px 0 15px;overflow-wrap:anywhere}#detail-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}#detail-description{white-space:pre-wrap;font-size:13px;line-height:1.75;overflow-wrap:anywhere;margin:23px 0}.open-link{display:flex;justify-content:space-between;align-items:center;border:2px solid var(--line);border-radius:10px;padding:13px 15px;background:var(--yellow);color:#19191c;text-decoration:none;font-size:13px;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.dark{color-scheme:dark;--paper:#232326;--card:#2e2e32;--ink:#f7f3e8;--muted:#c2bdb3;--line:#09090b;--shadow:4px 4px 0 var(--line)}body.dark .task-marker.p2{color:#ffdc56}body.dark .group-heading.overdue,body.dark .due-pill.late{color:#ff9bc7}body.dark .due-pill,body.dark .label-pill{background:#ffffff0e}body.dark .task-marker.p1{color:#ff7292;border-color:#ff7292}body.dark .task-marker.p3{color:#a5b7ff;border-color:#a5b7ff}
@media(max-width:380px){main{padding-left:16px;padding-right:16px}.hero{padding:20px}.filters{gap:4px}.tabs{gap:1px}.tabs button{padding:7px 8px}.project-label select{max-width:115px}.stat{padding:12px 10px}.stat span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:520px){header{margin-bottom:18px}.hero{padding:18px 20px 12px;margin-bottom:16px}h1{font-size:39px;letter-spacing:-2px;margin:14px 0 10px}.hero-bottom{font-size:11px}.spark{font-size:30px}.stats{margin-bottom:18px}.stat{padding:12px}.filters{margin-bottom:18px}.group{margin-bottom:20px}}