:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--tg-theme-bg-color,#111);--text:var(--tg-theme-text-color,#eee);--hint:var(--tg-theme-hint-color,#888);--link:var(--tg-theme-link-color,#6ab2f2);--btn:var(--tg-theme-button-color,#2aabee);--btn-text:var(--tg-theme-button-text-color,#fff);--sec-bg:var(--tg-theme-secondary-bg-color,#1c1c1e);--destructive:var(--tg-theme-destructive-text-color,#ff453a);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--link);text-decoration:none}#root{min-height:100dvh}.app{max-width:560px;margin:0 auto;padding:12px 16px 88px}.nav{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.nav a,.chip{background:var(--sec-bg);color:var(--text);border-radius:8px;padding:6px 10px;font-size:.9rem}.nav a.active{outline:1px solid var(--link)}h1{margin:0 0 12px;font-size:1.35rem}h2{margin:16px 0 8px;font-size:1.1rem}.muted{color:var(--hint);font-size:.9rem}.list{flex-direction:column;gap:8px;display:flex}.row{background:var(--sec-bg);color:inherit;border-radius:10px;padding:12px;display:block}.row .title{font-weight:600}.row .meta{color:var(--hint);margin-top:2px;font-size:.85rem}.form{flex-direction:column;gap:10px;display:flex}label{color:var(--hint);flex-direction:column;gap:4px;font-size:.85rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:flex-start;gap:10px;line-height:1.35}label.check input[type=checkbox]{flex-shrink:0;width:auto;min-height:0;margin-top:3px}input,textarea,select{font:inherit;color:var(--text);background:var(--sec-bg);border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:8px;width:100%;min-height:44px;padding:10px 12px;line-height:1.25}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical;min-height:120px}.actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}button,.btn{font:inherit;background:var(--btn);color:var(--btn-text);cursor:pointer;border:0;border-radius:8px;padding:10px 14px}button.secondary,.btn.secondary{background:var(--sec-bg);color:var(--text)}button.danger{background:var(--destructive);color:#fff}button:disabled{opacity:.5}.error{color:var(--destructive);margin:8px 0}.ok{color:#3dd68c}.toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.empty{color:var(--hint);text-align:center;padding:24px 0}.todo-row{cursor:pointer;align-items:center;gap:10px;display:flex}.todo-row input[type=checkbox]{appearance:none;border:1.5px solid var(--hint);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;place-content:center;width:20px;height:20px;margin:0;display:grid}.todo-row input[type=checkbox]:before{content:"✓";color:var(--hint);font-size:13px;font-weight:700;line-height:1}.todo-row input[type=checkbox]:checked{background:#34c759;border-color:#34c759}.todo-row input[type=checkbox]:checked:before{color:#fff}.todo-row.done span{color:var(--hint);text-decoration:line-through}
