:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:var(--tg-theme-bg-color,#f4f6fa);color:var(--tg-theme-text-color,#182337)}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}h1{font-size:25px}h2{font-size:20px}nav{display:flex;gap:6px;position:sticky;top:0;background:var(--tg-theme-bg-color,#f4f6fa);padding:10px 0}button,input{font:inherit;border-radius:10px;padding:11px;border:1px solid #9299a44a}button{cursor:pointer;background:var(--tg-theme-button-color,#2864d7);color:var(--tg-theme-button-text-color,#fff)}nav button{flex:1;font-size:13px;padding:12px 4px;opacity:.65}nav button[aria-pressed=true]{opacity:1}article,form{background:var(--tg-theme-secondary-bg-color,#fff);padding:16px;border-radius:14px;margin:12px 0}label{display:block;margin-bottom:12px}input{display:block;width:100%;margin-top:6px;background:var(--tg-theme-bg-color,#f4f6fa);color:inherit}.task-title{overflow-wrap:anywhere}.done{text-decoration:line-through;opacity:.6}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button{font-size:13px;padding:8px}small{color:var(--tg-theme-hint-color,#697386)}a{color:var(--tg-theme-link-color,#2864d7)}#status{font-size:14px;color:var(--tg-theme-hint-color,#697386)}#refresh{margin-top:16px}button:disabled{opacity:.5;cursor:wait}