:root{--tg-bg: #ffffff;--tg-text: #000000;--tg-hint: #999999;--tg-button: #2481cc;--tg-button-text: #ffffff;--tg-secondary-bg: #f0f0f0}*{box-sizing:border-box}body{margin:0;background:var(--tg-bg);color:var(--tg-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.status{padding:24px;color:var(--tg-hint)}.status--error{color:#e53935}.tabs{display:flex;gap:4px;padding:8px;background:var(--tg-secondary-bg);position:sticky;top:0}.tabs__item{flex:1;border:none;background:transparent;color:var(--tg-text);padding:10px 6px;border-radius:8px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.tabs__item--active{background:var(--tg-bg);font-weight:600}.tabs__count{background:var(--tg-button);color:var(--tg-button-text);border-radius:10px;padding:1px 7px;font-size:11px}.category-column{display:flex;flex-direction:column;gap:8px;padding:12px}.empty-state{padding:40px 16px;text-align:center;color:var(--tg-hint)}.task-card{text-align:left;border:none;background:var(--tg-secondary-bg);border-radius:12px;padding:12px 14px;color:var(--tg-text);display:flex;flex-direction:column;gap:6px}.task-card__title{font-size:15px;font-weight:500}.task-card__meta{display:flex;gap:10px;color:var(--tg-hint);font-size:12px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:10}.sheet{width:100%;background:var(--tg-bg);border-radius:16px 16px 0 0;padding:20px 16px 32px;display:flex;flex-direction:column;gap:16px}.sheet__field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tg-hint)}.sheet__field input[type=text],.sheet__field input:not([type=checkbox]){padding:10px;border-radius:8px;border:1px solid var(--tg-secondary-bg);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:15px}.sheet__field--row{flex-direction:row;align-items:center;gap:8px}.segmented{display:flex;gap:4px}.segmented__item{flex:1;border:none;padding:8px 4px;border-radius:8px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:12px}.segmented__item--active{background:var(--tg-button);color:var(--tg-button-text)}.sheet__actions{display:flex;gap:8px;margin-top:8px}.sheet__actions button{flex:1;padding:12px;border-radius:10px;border:none;background:var(--tg-secondary-bg);color:var(--tg-text)}.sheet__delete{color:#e53935}
