:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #f2f2f7);--text: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #2481cc);--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: var(--tg-theme-destructive-text-color, #e5484d);--sep: color-mix(in srgb, var(--hint) 25%, transparent)}@media (prefers-color-scheme: dark){:root:not([data-tg]){--bg: var(--tg-theme-bg-color, #1c1c1e);--bg2: var(--tg-theme-secondary-bg-color, #000000);--text: var(--tg-theme-text-color, #f2f2f2)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg2);color:var(--text);font:16px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,Segoe UI,sans-serif}button,input,select{font:inherit;color:inherit}.app{padding:0 12px 96px;max-width:640px;margin:0 auto}header{position:sticky;top:0;z-index:2;background:var(--bg2);padding:10px 0 8px}.tabs{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:3px}.tabs button{flex:1;border:0;background:none;padding:7px 4px;border-radius:8px;font-size:14px;color:var(--hint)}.tabs button.active{background:var(--accent);color:var(--accent-text);font-weight:600}.project{margin-top:8px;width:100%;border:0;border-radius:10px;padding:8px 10px;background:var(--bg)}section{margin-top:14px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);margin:0 4px 6px;font-weight:600}h2.overdue{color:var(--danger)}ul{list-style:none;margin:0;padding:0;background:var(--bg);border-radius:12px;overflow:hidden}li{display:flex;align-items:flex-start;gap:12px;padding:11px 12px}li+li{border-top:1px solid var(--sep)}.check{flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;border:2px solid var(--hint);background:none;color:var(--accent-text);font-size:14px;line-height:1;padding:0}li.done .check{background:var(--accent);border-color:var(--accent)}li.done .text{color:var(--hint);text-decoration:line-through}.body{flex:1;min-width:0;cursor:pointer}.text{word-wrap:break-word}.meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:3px;font-size:13px;color:var(--hint)}.chip{background:var(--bg2);border-radius:6px;padding:0 6px}.chip.note{color:var(--link);max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prio{color:var(--danger)}.empty{text-align:center;color:var(--hint);padding:48px 0}.error{margin-top:10px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--danger) 15%,var(--bg));color:var(--danger);font-size:14px}.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-text);font-size:28px;box-shadow:0 4px 14px #0003}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:10;display:flex;align-items:flex-end}.sheet{width:100%;max-width:640px;margin:0 auto;background:var(--bg);border-radius:16px 16px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet h3{margin:0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet label{font-size:13px;color:var(--hint);margin-top:6px}.sheet label.row{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--text)}.sheet input:not([type=checkbox]),.sheet select{width:100%;border:0;border-radius:10px;padding:10px 12px;background:var(--bg2)}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{border:0;border-radius:8px;padding:6px 10px;background:var(--bg2);font-size:14px}.quick button.active{background:var(--accent);color:var(--accent-text)}.primary{margin-top:10px;border:0;border-radius:12px;padding:13px;background:var(--accent);color:var(--accent-text);font-weight:600}.primary:disabled{opacity:.5}.link{border:0;background:none;color:var(--link);padding:4px}
