.todo-ui,.todo-dialog{--td-bg:#12121a;--td-panel:#1c1c28;--td-line:#3d3d52;--td-text:#e6e6ef;--td-muted:#aaaabd;--td-accent:#e8a87c;color-scheme:dark;color:var(--td-text);font:14px/1.5 "Segoe UI",system-ui,sans-serif;box-sizing:border-box}
.todo-ui *,.todo-dialog *{box-sizing:border-box}
.todo-ui{padding:24px;background:var(--td-bg);min-height:100%;scrollbar-color:var(--td-line) var(--td-bg)}
.todo-ui h1{font-size:30px;line-height:1.2;margin:0 0 6px;font-weight:650;letter-spacing:-.025em}
.todo-ui h2,.todo-dialog h2{font-size:18px;margin:0;font-weight:650}
.todo-ui h3{font-size:14px;margin:0;overflow-wrap:anywhere}
.todo-ui p,.todo-dialog p{margin:6px 0 12px}
.todo-ui button,.todo-dialog button,.todo-ui input,.todo-dialog input,.todo-dialog textarea,.todo-dialog select{font:inherit}
.todo-ui button,.todo-dialog button,.todo-ui input,.todo-dialog input,.todo-dialog textarea,.todo-dialog select{border:1px solid var(--td-line);border-radius:6px;background:var(--td-bg);color:var(--td-text);padding:9px 12px;min-height:40px}
.todo-ui button,.todo-dialog button{cursor:pointer}
.todo-ui button:hover,.todo-dialog button:hover{border-color:var(--td-accent)}
.todo-ui button:disabled,.todo-dialog button:disabled{opacity:.5;cursor:wait}
.todo-ui :focus-visible,.todo-dialog :focus-visible{outline:2px solid var(--td-accent);outline-offset:3px}
.todo-ui ::selection,.todo-dialog ::selection{background:#684434;color:#fff}
.todo-ui input,.todo-dialog input,.todo-dialog textarea{caret-color:var(--td-accent)}
.todo-ui .td-primary,.todo-dialog .td-primary{background:var(--td-accent);border-color:var(--td-accent);color:#211a17;font-weight:650}
.td-heading,.td-toolbar,.td-actions,.td-column-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.td-heading{justify-content:space-between;margin-bottom:20px;gap:16px}
.td-subtitle,.td-meta{color:var(--td-muted)}
.td-toolbar{padding:12px 0;border-block:1px solid var(--td-line);gap:10px}
.td-toolbar label{display:flex;align-items:center;gap:8px}
.td-toolbar input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--td-accent)}
.td-period{font-weight:650;font-variant-numeric:tabular-nums;margin-right:auto}
.td-status{min-height:38px;padding:8px 0;color:var(--td-muted)}
.td-shortcuts{display:flex;gap:8px;margin-top:12px}.td-shortcuts button{padding:5px 10px;min-height:36px;color:var(--td-accent)}
.td-support{scroll-margin-top:120px}
.td-error{color:#f3b1a7!important}
.td-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border:1px solid var(--td-line);border-radius:8px;overflow:hidden}
.td-column{min-width:0;background:var(--td-panel);border-right:1px solid var(--td-line);padding:10px;min-height:270px;max-height:60vh;overflow-y:auto;scrollbar-color:var(--td-line) var(--td-panel);scrollbar-width:thin}
.td-column:last-child{border-right:0}
.td-column-head{justify-content:space-between;align-items:flex-start;min-height:68px;position:sticky;top:-10px;background:inherit;z-index:1;padding-block:6px}
.td-column-head button{padding:4px 7px;font-size:12px;min-height:32px}
.td-column.td-today{background:#26232b}
.td-column.td-today .td-column-head h3{color:var(--td-accent)}
.td-column.td-drop{background:#3c302d;outline:2px solid var(--td-accent);outline-offset:-2px}
.td-card{padding:12px 0;border-top:1px solid var(--td-line);overflow-wrap:anywhere}
.td-card[draggable=true]{cursor:grab}
.td-card .td-title{display:block;text-align:left;border:0;background:none;padding:0;min-height:32px;width:100%;font-weight:650;line-height:1.45}
.td-card .td-meta{font-size:12px;margin:4px 0}
.td-card .td-urgent,.td-card .td-late{color:#f0b49a}
.td-card .td-complete{text-decoration:line-through;color:var(--td-muted)}
.td-card .td-actions{gap:4px;margin-top:9px}
.td-card .td-actions button{padding:4px 6px;font-size:12px;min-height:34px}
.td-card .td-actions button[data-action=edit]{color:#9ecded}
.td-empty{color:var(--td-muted);padding:15px 0;font-size:13px}
.td-support{margin-top:24px;border-top:1px solid var(--td-line);padding-top:16px}
.td-support summary{font-size:16px;font-weight:650;cursor:pointer;padding:4px 0 12px}
.td-support-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:24px}
.td-mobile-date{display:none!important}
.todo-dialog{position:fixed;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;background:var(--td-panel);border:1px solid var(--td-line);border-radius:8px;box-shadow:0 20px 70px #0008}
.todo-dialog::backdrop{background:#090910bf}
.todo-dialog .td-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.todo-dialog label{display:grid;gap:5px;color:var(--td-muted)}
.todo-dialog input,.todo-dialog textarea,.todo-dialog select{width:100%;color:var(--td-text)}
.todo-dialog textarea{resize:vertical;min-height:120px}
.td-wide{grid-column:1/-1}
.todo-dialog .td-actions{margin-top:16px}
.todo-dialog .td-delete{color:#f3b1a7;margin-right:auto}
.td-source{font-size:13px;border-top:1px solid var(--td-line);padding-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.todo-dialog a{color:#9ecded;text-underline-offset:3px}
.td-linked{list-style:none;margin:6px 0;padding:0}
.td-linked li{padding:5px 0;border-bottom:1px solid var(--td-line)}
.td-linked button{width:100%;text-align:left}
.td-conflict{padding:12px;border:1px solid #b97568;white-space:pre-wrap;overflow-wrap:anywhere}
.todo-source-highlight{outline:2px solid #e8a87c;outline-offset:3px}
@media(max-width:1150px) and (min-width:761px){.td-board{grid-template-columns:repeat(7,minmax(160px,1fr));overflow-x:auto}.td-column{min-height:260px}}
@media(max-width:760px){.todo-ui{padding:16px 12px}.todo-ui h1{font-size:25px}.td-heading{align-items:flex-start}.td-toolbar{gap:8px}.td-week-controls{display:none!important}.td-mobile-date{display:flex!important}.td-period{width:100%}.td-board{display:block;border:0}.td-column{border:0;border-radius:6px;min-height:0;padding:12px}.td-column-head{min-height:50px}.td-card{padding:14px 0}.td-card .td-title{font-size:16px}.td-card .td-actions button{min-height:44px;padding:8px 12px;font-size:14px}.td-card .td-meta{font-size:13px}.td-support-list{display:block}.todo-dialog{padding:18px}.todo-dialog .td-form-grid{grid-template-columns:1fr}.td-wide{grid-column:auto}.todo-dialog button{min-height:44px}}
.todo-ui.td-mobile .td-week-controls{display:none!important}
.todo-ui.td-mobile .td-mobile-date{display:flex!important}
.todo-ui.td-mobile .td-board{display:block;border:0}
.todo-ui.td-mobile .td-column{border:0;min-height:0}
.todo-ui.td-mobile .td-column{max-height:none;overflow:visible}.todo-ui.td-mobile .td-column-head{position:static}
@media(max-width:760px){.td-column{max-height:none;overflow:visible}.td-column-head{position:static}}
