:root{--bg:var(--tg-theme-bg-color,#fff);--fg:var(--tg-theme-text-color,#111);--hint:var(--tg-theme-hint-color,#6b7280);--card:var(--tg-theme-secondary-bg-color,#f3f4f6);--accent:var(--tg-theme-button-color,#2481cc);--accent-fg:var(--tg-theme-button-text-color,#fff);--danger:#dc2626}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.4 system-ui,sans-serif}.app{max-width:640px;margin:0 auto;padding:12px 12px 72px}h2{margin:16px 0 8px;font-size:17px}.tabs{background:var(--card);border-top:1px solid #0001;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--hint);font:inherit;background:0 0;border:0;flex:1;padding:12px 4px}.tabs button.active{color:var(--accent);font-weight:600}.card{background:var(--card);border-radius:10px;margin:6px 0;padding:10px 12px}.card.cancelled{opacity:.55;text-decoration:line-through}.card.done{border-left:3px solid #16a34a}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hint{color:var(--hint);font-size:13px}.day{text-transform:capitalize;margin-top:14px;font-weight:600}button.btn,.btn{background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 12px}button.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}button.btn.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}button.btn.small{padding:4px 8px;font-size:13px}form{gap:8px;display:grid}label{color:var(--hint);gap:4px;font-size:13px;display:grid}input,select,textarea{background:var(--bg);color:var(--fg);font:inherit;border:1px solid #0003;border-radius:8px;padding:8px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:16px;padding:6px 10px}.chip.on{background:var(--accent);color:var(--accent-fg)}.error{color:var(--danger)}
