:root{
  color-scheme:light;--bg:#f4f5f9;--surface:#fff;--soft:#f8f8fc;--strong:#eef0f7;
  --ink:#20233b;--muted:#62677f;--faint:#9297aa;--line:#e4e6ee;--line2:#d8dbe6;
  --primary:#30366f;--primary2:#242a5d;--primary-soft:#eceefe;--accent:#6f65d8;
  --success:#19825f;--success-soft:#e7f7f1;--warning:#a45a0a;--warning-soft:#fff2dc;
  --danger:#c6434d;--danger-soft:#fdecee;--shadow:0 1px 2px #1418370a,0 6px 18px #1418370a;
  --shadow-lg:0 18px 55px #171b3d29;--radius:14px;--top:78px;--sidebar:310px;
  --focus:0 0 0 3px #6f65d838;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif
}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 85% -10%,#6f65d814,transparent 28rem),var(--bg);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}
button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden],.is-hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:30;min-height:var(--top);display:grid;grid-template-columns:minmax(170px,.8fr) minmax(310px,1.35fr) auto minmax(300px,1fr);align-items:center;gap:18px;padding:12px 24px;background:#fffffff0;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#272d65,#4c4f95);border-radius:13px;box-shadow:0 7px 18px #30366f33}.brand-mark svg{width:24px;height:24px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:17px}.brand small{margin-top:4px;color:var(--faint);font-size:11px}
.date-navigation{min-width:0;display:flex;align-items:center;gap:14px}.nav-buttons{display:flex;align-items:center;gap:5px}.period-heading{min-width:0}.period-heading h1{margin:0;overflow:hidden;font-size:19px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.period-heading p{margin:3px 0 0;color:var(--faint);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-button,.today-button,.secondary-button,.primary-button,.danger-button,.text-button,.danger-text-button{border:0;transition:.15s ease}.icon-button{width:36px;height:36px;display:grid;place-items:center;padding:0;color:var(--muted);background:transparent;border-radius:10px}.icon-button:hover{color:var(--ink);background:var(--strong)}.today-button{height:34px;padding:0 11px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700}.today-button:hover{background:#fff;color:var(--ink)}
.icon-button:focus-visible,.today-button:focus-visible,.secondary-button:focus-visible,.primary-button:focus-visible,.danger-button:focus-visible,.text-button:focus-visible,.metric:focus-visible,.calendar-item:focus-visible,.month-cell:focus-visible,.task-checkbox:focus-visible{outline:0;box-shadow:var(--focus)}
.view-switcher{display:grid;grid-template-columns:repeat(4,auto);gap:3px;padding:4px;background:var(--strong);border-radius:12px}.view-switcher button{min-width:58px;height:32px;padding:0 10px;color:var(--muted);background:transparent;border:0;border-radius:9px;font-size:12px;font-weight:700}.view-switcher button[aria-selected=true]{color:var(--primary);background:#fff;box-shadow:0 1px 5px #1e22461a}
.top-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.search-box{min-width:110px;width:min(190px,100%);height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--faint);background:var(--soft);border:1px solid transparent;border-radius:11px}.search-box:focus-within{background:#fff;border-color:var(--accent);box-shadow:var(--focus)}.search-box svg{width:17px}.search-box input{min-width:0;width:100%;padding:0;background:transparent;border:0;outline:0;font-size:12px}.search-box kbd{display:grid;place-items:center;min-width:21px;height:21px;background:#fff;border:1px solid var(--line);border-radius:6px;font:10px inherit;box-shadow:0 1px 0 var(--line)}
.secondary-button,.primary-button,.danger-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:700}.secondary-button{color:var(--muted);background:#fff;border:1px solid var(--line)}.secondary-button:hover{color:var(--ink);background:var(--soft)}.primary-button{color:#fff;background:var(--primary);box-shadow:0 4px 12px #30366f2e}.primary-button:hover{background:var(--primary2);transform:translateY(-1px)}.primary-button.compact{min-height:34px;padding:0 10px}.danger-button{color:#fff;background:var(--danger)}.text-button,.danger-text-button{padding:5px 0;background:transparent;font-size:12px;font-weight:700}.text-button{color:var(--accent)}.danger-text-button{color:var(--danger)}
.workspace{min-height:calc(100vh - var(--top));display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar);gap:16px;padding:16px 20px 24px}.calendar-panel,.focus-card,.next-card,.quick-add-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.calendar-panel{min-width:0;min-height:calc(100vh - var(--top) - 40px);overflow:hidden;border-radius:20px}.calendar-content{min-height:620px}.mobile-period-bar{display:none}.sidebar{min-width:0;display:flex;flex-direction:column;gap:14px}.focus-card,.next-card,.quick-add-card{border-radius:var(--radius)}
.focus-card{padding:18px;background:linear-gradient(145deg,#efedffe6,#fffffff2 55%),#fff}.focus-date{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:17px}.focus-date span{color:var(--muted);font-size:12px;font-weight:700}.focus-date strong{color:var(--primary);font-size:24px;letter-spacing:-.04em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{min-width:0;padding:10px 6px;text-align:left;background:#ffffffc7;border:1px solid #d8dbe6cc;border-radius:10px}.metric:hover{background:#fff;transform:translateY(-1px)}.metric strong,.metric span{display:block}.metric strong{color:var(--primary);font-size:19px}.metric.danger strong{color:var(--danger)}.metric span{margin-top:4px;color:var(--faint);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next-card{min-height:360px;flex:1;padding:18px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.eyebrow{margin:0 0 3px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.14em}.section-heading h2,.modal-header h2,.drawer-header h2{margin:0;font-size:17px}.upcoming-list{display:flex;flex-direction:column;gap:14px}.task-group-title{display:flex;align-items:center;gap:7px;margin:2px 0 7px;color:var(--faint);font-size:10px;font-weight:800;text-transform:uppercase}.task-group-title:after{height:1px;flex:1;content:"";background:var(--line)}.task-group-title.overdue{color:var(--danger)}
.upcoming-task{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;padding:8px 0}.upcoming-task+.upcoming-task{border-top:1px solid var(--line)}.task-checkbox{width:20px;height:20px;display:grid;place-items:center;margin-top:1px;padding:0;color:transparent;background:#fff;border:1.5px solid var(--line2);border-radius:7px}.task-checkbox:hover{color:var(--accent);background:var(--primary-soft);border-color:var(--accent)}.task-checkbox.completed{color:#fff;background:var(--success);border-color:var(--success)}.task-checkbox svg{width:13px;stroke-width:2.5}.task-main{min-width:0}.task-main button{width:100%;padding:0;overflow:hidden;color:var(--ink);background:transparent;border:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.task-main button:hover{color:var(--accent)}.task-main span{display:block;margin-top:3px;color:var(--faint);font-size:10px}.task-main .overdue-text{color:var(--danger)}.priority-dot{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--line2)}.priority-dot.high{background:var(--danger)}.priority-dot.medium{background:#e5a134}.priority-dot.low{background:var(--success)}
.quick-add-card{padding:16px 18px 17px}.quick-add-card label{display:block;margin-bottom:8px;font-weight:700}.quick-add-row{display:flex;gap:7px}.quick-add-row input{min-width:0;height:38px;flex:1;padding:0 11px;background:var(--soft);border:1px solid var(--line);border-radius:9px;outline:0;font-size:12px}.quick-add-row input:focus{background:#fff;border-color:var(--accent);box-shadow:var(--focus)}.quick-add-row button{width:38px;height:38px;display:grid;place-items:center;padding:0;color:#fff;background:var(--primary);border:0;border-radius:9px}.quick-add-card form>span{display:block;margin-top:7px;color:var(--faint);font-size:9px}
.skeleton-page{padding:24px}.skeleton-line,.skeleton-grid>div{background:linear-gradient(90deg,#f0f1f5,#fafafa,#f0f1f5);background-size:200% 100%;animation:shimmer 1.25s infinite linear}.skeleton-line{width:160px;height:14px;margin-bottom:10px;border-radius:7px}.skeleton-line.wide{width:260px;height:24px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.skeleton-grid>div{min-height:155px;border-radius:14px}@keyframes shimmer{to{background-position:-200% 0}}
.empty-state,.error-state{min-height:380px;display:grid;place-items:center;padding:40px 24px;text-align:center}.compact-empty{min-height:210px;padding:24px 10px}.empty-state-inner,.error-state-inner{max-width:380px}.empty-icon,.error-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;color:var(--accent);background:var(--primary-soft);border-radius:17px}.error-icon{color:var(--danger);background:var(--danger-soft)}.empty-state h3,.error-state h3{margin:0 0 7px;font-size:16px}.empty-state p,.error-state p{margin:0 0 17px;color:var(--muted);font-size:12px}.compact-empty .empty-icon{width:44px;height:44px}.compact-empty h3{font-size:13px}.compact-empty p{margin-bottom:0;font-size:10px}.sidebar-message{text-align:center;color:var(--muted);font-size:11px}
/* timeline */
.timeline-view{height:calc(100vh - var(--top) - 42px);min-height:620px;display:flex;flex-direction:column;overflow:hidden}.timeline-shell{min-width:100%;flex:1;overflow:auto;scrollbar-color:var(--line2) transparent}.timeline-inner{--cols:1;min-width:max(100%,calc(var(--cols)*126px + 58px))}.timeline-header-grid,.all-day-grid,.timeline-body-grid{display:grid;grid-template-columns:58px repeat(var(--cols),minmax(126px,1fr))}.timeline-header-grid{position:sticky;top:0;z-index:12;background:#fffffff7;border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.timeline-axis-corner{min-height:58px;border-right:1px solid var(--line)}.timeline-day-heading{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:transparent;border:0;border-right:1px solid var(--line)}.timeline-day-heading:hover{background:var(--soft)}.day-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-weight:800}.timeline-day-heading.today .day-number{color:#fff;background:var(--primary)}.day-copy{display:flex;flex-direction:column;min-width:0}.day-copy strong{font-size:11px}.day-copy span{color:var(--faint);font-size:9px}
.all-day-grid{min-height:42px;background:var(--soft);border-bottom:1px solid var(--line)}.all-day-label{padding:11px 8px;text-align:right;color:var(--faint);border-right:1px solid var(--line);font-size:9px;font-weight:700}.all-day-column{min-width:0;display:flex;flex-direction:column;gap:4px;padding:5px;border-right:1px solid var(--line)}.all-day-chip{min-height:27px;display:flex;align-items:center;padding:4px 7px;overflow:hidden;color:var(--primary);background:var(--primary-soft);border:0;border-left:3px solid var(--accent);border-radius:6px;text-align:left}.all-day-chip.task{color:#25624f;background:var(--success-soft);border-left-color:var(--success)}.all-day-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}
.timeline-body-grid{--height:900px;min-height:var(--height)}.time-axis{position:relative;height:var(--height);border-right:1px solid var(--line)}.time-label{position:absolute;right:8px;color:var(--faint);font-size:9px;transform:translateY(-50%)}.time-column{position:relative;height:var(--height);border-right:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#e4e6ee88 29px,#e4e6ee88 30px,transparent 30px,transparent 59px,var(--line) 59px,var(--line) 60px)}.time-column.today{background-color:#efedff3b}.time-slot-button{position:absolute;inset-inline:0;height:30px;padding:0;background:transparent;border:0}.time-slot-button:hover{background:#6f65d80e}.calendar-item{position:absolute;z-index:4;min-height:28px;display:block;padding:6px 7px;overflow:hidden;color:#2e3164;background:#eceefe;border:0;border-left:3px solid var(--accent);border-radius:7px;text-align:left;box-shadow:0 2px 7px #363a7014}.calendar-item:hover{z-index:7;transform:translateY(-1px);box-shadow:0 6px 14px #363a7026}.calendar-item.task{color:#235946;background:#e5f5ee;border-left-color:var(--success)}.calendar-item.high{border-left-color:var(--danger)}.calendar-item strong,.calendar-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-item strong{font-size:10px}.calendar-item span{margin-top:2px;opacity:.75;font-size:8px}.calendar-item.completed,.all-day-chip.completed{opacity:.55}.calendar-item.completed strong,.all-day-chip.completed span{text-decoration:line-through}.current-time-line{position:absolute;z-index:6;left:-1px;right:0;height:1px;background:var(--danger);pointer-events:none}.current-time-line:before{position:absolute;top:-3px;left:-4px;width:7px;height:7px;content:"";background:var(--danger);border-radius:50%}.outside-hours-note{margin:10px 14px 0 58px;padding:9px 11px;color:var(--muted);background:var(--warning-soft);border-radius:8px;font-size:10px}
/* month */
.month-scroll{overflow:auto}.month-view{min-width:760px;min-height:620px}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(108px,1fr))}.month-weekdays{position:sticky;top:0;z-index:8;background:#fffffff7;border-bottom:1px solid var(--line)}.month-weekdays span{padding:12px 10px;color:var(--faint);border-right:1px solid var(--line);text-align:center;font-size:10px;font-weight:800}.month-cell{position:relative;min-height:126px;padding:8px;overflow:hidden;background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.month-cell:hover{background:var(--soft)}.month-cell.other-month{background:#fafafe}.month-cell.other-month .month-day-number{color:#b0b4c2}.month-cell.today{background:#efedff57}.month-cell.selected:after{position:absolute;inset:3px;content:"";border:1px solid #6f65d873;border-radius:9px;pointer-events:none}.month-day-header{min-height:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.month-day-number{width:26px;height:26px;display:grid;place-items:center;color:var(--muted);border-radius:9px;font-size:11px;font-weight:800}.month-cell.today .month-day-number{color:#fff;background:var(--primary)}.month-add-button{width:24px;height:24px;display:grid;place-items:center;padding:0;color:transparent;background:transparent;border:0;border-radius:7px}.month-cell:hover .month-add-button{color:var(--faint)}.month-add-button:hover{color:var(--accent)!important;background:var(--primary-soft)}.month-add-button svg{width:14px}.month-items{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.month-item{min-height:23px;display:flex;align-items:center;gap:5px;padding:3px 6px;overflow:hidden;color:var(--primary);background:var(--primary-soft);border:0;border-radius:6px;text-align:left}.month-item.task{color:#25624f;background:var(--success-soft)}.month-item.completed{opacity:.55}.month-item:before{width:5px;height:5px;flex:none;content:"";background:#e5a134;border-radius:50%}.month-item.high:before{background:var(--danger)}.month-item.low:before{background:var(--success)}.month-item time{font-size:8px;opacity:.72}.month-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}.more-items-button{padding:3px 5px;color:var(--faint);background:transparent;border:0;text-align:left;font-size:9px;font-weight:700}
/* all */
.all-view{min-height:620px}.all-toolbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{height:30px;padding:0 11px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:700}.filter-chip.active{color:var(--primary);background:var(--primary-soft);border-color:#6f65d847}.all-count{color:var(--faint);font-size:10px}.all-list{padding:4px 18px 26px}.all-group{margin-top:18px}.all-group-header{position:sticky;top:59px;z-index:4;display:flex;align-items:center;gap:9px;padding:8px 4px;background:#fffffff0;backdrop-filter:blur(8px)}.all-group-header strong{font-size:11px}.all-group-header span{color:var(--faint);font-size:9px}.all-group-header:after{height:1px;flex:1;content:"";background:var(--line)}.all-row{min-height:64px;display:grid;grid-template-columns:29px minmax(0,1fr) minmax(90px,auto) 32px;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line)}.all-row.completed{opacity:.58}.all-row.completed .all-row-title{text-decoration:line-through}.type-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:9px}.type-icon svg{width:15px}.all-row-copy{min-width:0}.all-row-title{width:100%;padding:0;overflow:hidden;color:var(--ink);background:transparent;border:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.all-row-title:hover{color:var(--accent)}.all-row-meta{display:flex;align-items:center;gap:7px;margin-top:4px;overflow:hidden;color:var(--faint);font-size:9px;white-space:nowrap}.meta-separator{width:3px;height:3px;background:var(--line2);border-radius:50%}.priority-badge,.overdue-badge,.completed-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;font-size:8px;font-weight:800}.priority-badge.high,.overdue-badge{color:var(--danger);background:var(--danger-soft)}.priority-badge.medium{color:var(--warning);background:var(--warning-soft)}.priority-badge.low,.completed-badge{color:var(--success);background:var(--success-soft)}.more-button{width:31px;height:31px;display:grid;place-items:center;padding:0;color:var(--faint);background:transparent;border:0;border-radius:8px}.more-button:hover{background:var(--strong);color:var(--ink)}
/* forms */
.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:80;background:#1a1d3461;backdrop-filter:blur(4px)}.modal-backdrop{display:grid;place-items:center;padding:18px}.modal{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg)}.modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.item-form{padding:18px 22px 0}.type-switcher{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 17px;padding:0;border:0}.type-switcher legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.type-switcher input{position:absolute;opacity:0}.type-switcher span{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:11px;font-size:11px;font-weight:700}.type-switcher input:checked+span{color:var(--primary);background:var(--primary-soft);border-color:#6f65d859}.form-grid{display:grid;gap:12px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:1.4fr 1fr 1fr}.field{min-width:0;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span,.check-field{color:var(--muted);font-size:10px;font-weight:700}.field small{color:var(--faint);font-size:9px}.field input,.field select,.field textarea{width:100%;min-height:41px;padding:9px 11px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:10px;outline:0}.field textarea{min-height:94px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--accent);box-shadow:var(--focus)}.check-field{display:inline-flex;align-items:center;gap:8px;margin:-2px 0 14px}.check-field input{position:absolute;opacity:0}.check-field>span{width:18px;height:18px;position:relative;background:#fff;border:1.5px solid var(--line2);border-radius:6px}.check-field input:checked+span{background:var(--primary);border-color:var(--primary)}.check-field input:checked+span:after{position:absolute;top:3px;left:5px;width:5px;height:8px;content:"";border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-error{margin:2px 0 13px;padding:10px 12px;color:var(--danger);background:var(--danger-soft);border-radius:9px;font-size:11px}.modal-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;margin:4px -22px 0;padding:14px 22px 18px;background:#fffffff7;border-top:1px solid var(--line)}.footer-spacer{flex:1}.confirm-modal{width:min(390px,100%);padding:27px;text-align:center}.confirm-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 14px;color:var(--danger);background:var(--danger-soft);border-radius:17px}.confirm-modal h2{margin:0}.confirm-modal p{margin:8px 0 20px;color:var(--muted);font-size:12px}.confirm-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
/* history */
.drawer-backdrop{z-index:70}.history-drawer{position:fixed;top:0;right:0;z-index:90;width:min(430px,100vw);height:100vh;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);box-shadow:-16px 0 48px #171b3d26;transform:translateX(105%);transition:transform .19s ease}.history-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:21px 20px 17px;border-bottom:1px solid var(--line)}.drawer-header>div>span{display:block;margin-top:5px;color:var(--faint);font-size:10px}.history-list{flex:1;overflow:auto;padding:8px 18px 30px}.history-day-group{margin-top:15px}.history-day-label{position:sticky;top:0;z-index:2;padding:8px 2px;color:var(--faint);background:#fffffff2;font-size:9px;font-weight:800;text-transform:uppercase}.history-entry{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.history-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:10px}.history-icon.delete{color:var(--danger);background:var(--danger-soft)}.history-icon.complete,.history-icon.reopen{color:var(--success);background:var(--success-soft)}.history-icon.undo,.history-icon.restore{color:var(--warning);background:var(--warning-soft)}.history-icon svg{width:16px}.history-copy strong{display:block;font-size:11px}.history-copy p{margin:3px 0 0;color:var(--muted);font-size:10px}.history-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;color:var(--faint);font-size:8px}.source-pill{padding:2px 6px;background:var(--strong);border-radius:999px}.history-diff{margin-top:8px;padding:8px 9px;background:var(--soft);border-radius:8px;font-size:9px}.diff-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:6px;padding:2px 0}.diff-row dt{color:var(--faint)}.diff-row dd{margin:0;overflow-wrap:anywhere}.history-actions{display:flex;gap:10px;margin-top:8px}.history-actions button{padding:0;color:var(--accent);background:transparent;border:0;font-size:9px;font-weight:700}.history-actions button:disabled{color:var(--faint)}
.toast-region{position:fixed;right:20px;bottom:20px;z-index:120;width:min(370px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;color:#fff;background:#272b4c;border-radius:12px;box-shadow:0 13px 32px #181b3440;pointer-events:auto}.toast-icon{display:grid;place-items:center}.toast.success .toast-icon{color:#a7f3d0}.toast.error .toast-icon{color:#fecaca}.toast-copy{min-width:0}.toast-copy strong,.toast-copy span{display:block}.toast-copy strong{font-size:10px}.toast-copy span{margin-top:2px;overflow:hidden;color:#ffffffb8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.toast button{padding:5px 7px;color:#c9c5ff;background:transparent;border:0;font-size:9px;font-weight:800}.mobile-nav{display:none}
@media(max-width:1260px){:root{--top:116px}.topbar{grid-template-columns:160px minmax(280px,1fr) auto;padding-bottom:9px}.brand small,.search-box kbd{display:none}.top-actions{grid-column:3}.view-switcher{grid-row:2;grid-column:1/-1;justify-self:center}}
@media(max-width:980px){:root{--sidebar:280px}.workspace{padding-inline:12px}.topbar{padding-inline:14px;grid-template-columns:48px minmax(260px,1fr) auto}.brand>span:last-child,.secondary-button span,.primary-button>span{display:none}.brand{width:44px}.search-box{width:130px}}
@media(max-width:760px){:root{--top:62px}body{padding-bottom:68px}.topbar{min-height:var(--top);grid-template-columns:auto 1fr auto;gap:9px;padding:9px 11px}.brand-mark{width:38px;height:38px}.date-navigation,.top-actions .search-box,#historyButton,#newItemButton{display:none}.view-switcher{grid-row:auto;grid-column:2;width:min(100%,320px)}.view-switcher button{min-width:0;padding:0 8px;font-size:10px}.workspace{display:block;min-height:auto;padding:10px 9px 18px}.calendar-panel{min-height:calc(100vh - 150px);border-radius:15px}.mobile-period-bar{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--line)}.mobile-period-bar>div{min-width:0;display:flex;flex-direction:column}.mobile-period-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mobile-period-bar span{color:var(--faint);font-size:9px}.calendar-content{min-height:540px}.timeline-view{height:calc(100vh - 190px);min-height:540px}.sidebar{display:none}.mobile-nav{position:fixed;right:10px;bottom:9px;left:10px;z-index:50;height:56px;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:#fffffff5;border:1px solid var(--line);border-radius:17px;box-shadow:0 13px 35px #181b3429;backdrop-filter:blur(14px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--faint);background:transparent;border:0;border-radius:12px;font-size:8px}.mobile-nav button.active{color:var(--primary);background:var(--primary-soft)}.mobile-nav svg{width:19px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:94vh;border-radius:21px 21px 0 0}.confirm-modal{width:calc(100% - 24px);margin-bottom:18px;border-radius:19px}.three-columns{grid-template-columns:1fr 1fr}.three-columns .field:first-child{grid-column:1/-1}.all-toolbar{align-items:flex-start;flex-direction:column}.all-count{align-self:flex-end}.all-row{grid-template-columns:28px minmax(0,1fr) 28px}.all-row>.priority-badge,.all-row>.overdue-badge,.all-row>.completed-badge{display:none}.month-view{min-width:680px}.toast-region{right:12px;bottom:77px;left:12px;width:auto}}
@media(max-width:480px){.two-columns{grid-template-columns:1fr;gap:0}.modal-header,.item-form{padding-inline:17px}.modal-footer{margin-inline:-17px;padding-inline:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}