:root{color-scheme:light;--bg:#f6fbff;--surface:#fff;--ink:#12213e;--muted:#64748d;--line:#d7e5f4;--blue:#137ced;--tint:#e8f2ff;--danger:#c8344a;--warning:#936012;--shadow:0 20px 70px #16345b22;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}
:root[data-theme=dark]{color-scheme:dark;--bg:#101a29;--surface:#182538;--ink:#edf3ff;--muted:#a7b6cf;--line:#33455e;--blue:#74b4ff;--tint:#263e5c;--danger:#ff95a3;--warning:#e9c574;--shadow:0 20px 70px #0006}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;color:var(--blue);background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .14s,opacity .14s}button:hover{background:var(--tint)}button:disabled{opacity:.48;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:active:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.icon{width:20px;height:20px;flex:none}.primary{background:var(--blue);color:var(--surface);font-weight:600}.primary:hover{background:var(--blue);filter:brightness(.95)}.outline{border-color:var(--line);background:var(--surface)}.danger{color:var(--danger);border-color:var(--line)}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);line-height:1.25;letter-spacing:-.035em}h2{font-size:1.1rem;line-height:1.35}h3{font-size:.95rem}a{color:var(--blue)}.muted,.hint{color:var(--muted)}.hint{font-size:.82rem;margin-top:5px}.error{font-size:.84rem;color:var(--danger);overflow-wrap:anywhere}.error:empty{display:none}.error:not(:empty){margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon-button{padding:5px;width:36px;min-height:36px}.shell{width:100%;max-width:1120px;margin:0 auto;min-height:100dvh;padding-inline:clamp(12px,3vw,32px)}
.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.brand{font-size:.9rem;letter-spacing:.01em;color:var(--muted)}.account{position:relative;min-width:0}#account{padding:3px 7px 3px 3px;border-color:var(--line);background:var(--surface);color:var(--ink);max-width:min(55vw,290px)}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.87rem}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;background:var(--tint);color:var(--blue);flex:none}.avatar .icon{width:18px;height:18px}#account>.icon{width:15px;height:15px}.account-menu{position:absolute;right:0;top:calc(100% + 6px);width:225px;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:6px;box-shadow:var(--shadow);z-index:5}.account-menu button{display:flex;justify-content:flex-start;width:100%;color:var(--ink);text-align:left}.workspace{display:block;padding-bottom:16px}.calendar{padding:8px 0 5px;border-bottom:1px solid var(--line)}.calendar-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.calendar-head h1{text-transform:capitalize;min-width:0}.calendar-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.period-buttons{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.period-buttons button{width:40px;min-height:38px;padding:6px;border:0;border-radius:0}.period-buttons button+button{border-left:1px solid var(--line)}.period-buttons .icon{width:19px;height:19px}.today-button{background:var(--tint);min-height:38px;padding:6px 12px}.weekdays,.dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{font-size:.76rem;color:var(--muted);text-align:center;margin-bottom:3px}.calendar-week{position:relative;height:clamp(48px,5.6vh,62px)}.date{height:100%;min-height:0;padding:1px 0 13px;position:relative;border:0;border-radius:5px;color:var(--ink)}.dates{height:100%}.day-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:.95rem}.date.other{color:var(--muted)}.date.selected .day-number{background:var(--blue);color:var(--surface)}.date.actual:not(.selected) .day-number{box-shadow:inset 0 0 0 1px var(--blue)}.calendar-lines{position:absolute;left:0;right:0;bottom:3px;height:10px;pointer-events:none}.calendar-line{position:absolute;left:var(--left);width:var(--width);top:calc(var(--lane)*5px);height:3px;border-radius:3px;background:var(--color)}.calendar-line.single{width:4px;height:4px;transform:translateX(-2px)}.continued-start{border-top-left-radius:0;border-bottom-left-radius:0}.continued-end{border-top-right-radius:0;border-bottom-right-radius:0}.overflow-mark{position:absolute;right:5px;bottom:11px;font-size:.62rem;line-height:1;color:var(--muted)}.calendar-viewport{overflow:hidden;touch-action:pan-y}.calendar-content{transform:translateX(var(--drag,0px));will-change:transform}.calendar-toggle{display:flex;gap:5px;margin:2px auto 0;min-height:34px;padding:5px 12px;font-size:.83rem;touch-action:pan-x}.calendar-toggle .icon{width:17px;height:17px}.slide-next{animation:next-month .2s ease-out}.slide-prev{animation:prev-month .2s ease-out}@keyframes next-month{from{opacity:.5;transform:translateX(15px)}to{opacity:1;transform:none}}@keyframes prev-month{from{opacity:.5;transform:translateX(-15px)}to{opacity:1;transform:none}}
.list-zone{padding-top:12px}.tabs{display:flex;width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden;margin-bottom:12px}.tabs button{flex:1;padding:8px 4px;color:var(--ink);font-size:.93rem;font-weight:600;white-space:nowrap;border-radius:9px;min-height:40px}.tabs .chosen{background:var(--tint);color:var(--blue)}.list-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.list-head h2{font-size:1.15rem}.list-head button{min-height:38px;flex-shrink:0;padding:6px 10px}.list-head .icon{width:18px;height:18px}.list-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 14px;color:var(--muted);font-size:.78rem;margin:5px 0 10px}.group-label{color:var(--muted);font-weight:600;font-size:.85rem;margin:12px 0 6px}.task-group{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.task{position:relative;display:flex;align-items:center;gap:10px;padding:12px 10px 12px 13px;min-height:76px;background:var(--surface)}.task+.task{border-top:1px solid var(--line)}.task:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--color)}.check{width:30px;height:30px;min-height:30px;flex:none;border-radius:50%;border:1.5px solid var(--muted);padding:0;color:var(--surface)}.check.done{background:var(--blue);border-color:var(--blue)}.check .icon{width:20px;height:20px}.task-open{display:block;flex:1;min-width:0;text-align:left;color:var(--ink);padding:2px 0;border:0;border-radius:4px;overflow-wrap:anywhere}.task-title{display:block;font-size:.96rem;font-weight:650;line-height:1.4}.task-meta{display:block;font-size:.82rem;line-height:1.45;color:var(--muted);margin-top:2px}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-arrow{padding:4px;min-height:36px;width:28px;color:var(--muted);flex:none}.task-arrow .icon{width:18px;height:18px}.warning{color:var(--warning)}.banner{background:var(--tint);font-size:.85rem;border-radius:10px;padding:10px 12px;margin:8px 0}.empty{padding:18px 12px 22px;color:var(--muted);text-align:center}.empty h3{color:var(--ink);font-weight:600;margin-bottom:5px}.empty p{max-width:44ch;margin:auto;font-size:.87rem}
.page{width:100%;max-width:760px;margin:0 auto;padding:2px 0 28px}.page>h1{margin:12px 0 16px}.back{justify-content:flex-start;padding:6px 0;margin-bottom:6px;min-height:36px;gap:2px}.back .icon{width:18px;height:18px}.section{padding:16px 0;border-bottom:1px solid var(--line)}.row{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}.row h1{overflow-wrap:anywhere}.task-heading{padding-top:4px}.task-heading p{margin-top:7px;font-size:.9rem}.pencil{min-height:30px;width:30px;padding:5px;background:var(--tint);flex:none}.pencil .icon{width:17px;height:17px}.description{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:.96rem}.label-value{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.88rem;margin-top:8px}.label-value>span:first-child{color:var(--muted)}.section>.task-meta:first-of-type{margin-top:10px}.section>button{margin-top:10px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions>button{flex:1;min-width:130px}.cancel-task{width:100%;margin-top:9px}.section summary{padding:0;min-height:32px;display:flex;align-items:center;gap:8px;font-weight:600;list-style:none;cursor:pointer}.section summary::-webkit-details-marker,.extra-fields summary::-webkit-details-marker{display:none}.section summary>.icon{margin-left:auto;transition:transform .18s}.section[open] summary>.icon{transform:rotate(90deg)}.section[open] summary{margin-bottom:12px}.section details p{margin-top:8px}.section>p{font-size:.88rem;color:var(--muted);margin-top:7px}.color-value{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:.87rem;font-weight:400}.color-value i{display:block;width:16px;height:16px;background:var(--color);border-radius:50%}.section .color-value+.icon{margin-left:0}.color-row{display:flex;gap:12px;padding:3px}.color-dot{width:32px;height:32px;min-height:32px;background:var(--color);border:2px solid transparent;border-radius:50%;padding:0}.color-dot:hover{background:var(--color)}.color-dot.selected{outline:2px solid var(--ink);outline-offset:2px}
dialog{width:min(650px,calc(100vw - 24px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:var(--shadow)}dialog[open]{animation:dialog-in .18s ease-out}dialog::backdrop{background:#10213d66;backdrop-filter:blur(2px)}dialog>form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.create-sheet{width:min(760px,calc(100vw - 24px))}.sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 12px;flex:none}.sheet-top h2{font-size:1.22rem}.sheet-top p{font-size:.83rem;margin-top:4px;overflow-wrap:anywhere}.sheet-body{padding:0 20px 14px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-gutter:stable}.sheet-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;padding:10px 20px 14px;border-top:1px solid var(--line);flex:none;background:var(--surface)}.sheet-footer button{min-height:38px;padding:7px 13px}.question-body{padding:0 20px 18px;font-size:.94rem;overflow-wrap:anywhere}#question{max-width:460px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.wide{grid-column:1/-1}.field{min-width:0}.field-label{display:flex;align-items:center;gap:5px;min-height:26px;margin-bottom:4px;font-size:.87rem;font-weight:600}.field-label label{margin:0}.help-toggle{width:26px;height:26px;min-height:26px;padding:4px;border-radius:6px}.help-toggle .icon{width:17px;height:17px}.help-toggle:focus-visible{outline-offset:0}.help-text{padding:8px 10px;background:var(--tint);border-radius:8px;font-size:.81rem;color:var(--muted);margin:3px 0 7px}label{display:block;font-size:.87rem;font-weight:600;margin:14px 0 5px}input,select,textarea{font:inherit;display:block;width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px 10px;outline:none}textarea{resize:vertical;min-height:64px;max-height:220px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--tint)}[aria-invalid=true]{border-color:var(--danger)}.duration{display:flex;align-items:center;gap:8px}.duration input{max-width:95px}.duration span{font-size:.9rem}.date-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);min-width:0}.date-control:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--tint)}.date-control:has([aria-invalid=true]){border-color:var(--danger)}.date-control input{flex:1;border:0;min-width:0;background:transparent;box-shadow:none!important;border-radius:9px;max-width:100%}.date-control .clear-date{width:34px;min-height:38px;flex:none;padding:6px;margin-right:2px;color:var(--muted);border-radius:6px}.clear-date .icon{width:16px;height:16px}.segmented{display:flex;margin:0;padding:0;border:1px solid var(--line);border-radius:9px;min-height:42px;overflow:hidden;min-width:0}.segmented label{display:flex;flex:1;align-items:stretch;margin:0;min-width:0;font-weight:500;font-size:.9rem;position:relative}.segmented label span{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 6px;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.segmented input:checked+span{background:var(--blue);color:var(--surface)}.segmented input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-3px}.extra-fields{margin-top:12px}.extra-fields summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;padding:9px 0;border-top:1px solid var(--line)}.extra-fields summary .icon{width:17px;height:17px;transition:transform .18s}.extra-fields[open] summary .icon{transform:rotate(90deg)}.extra-fields[open] summary{margin-bottom:5px}.schedule-preview{font-size:.82rem;white-space:pre-line;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);line-height:1.5}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}.panel h2{margin-bottom:5px}.panel .form-actions{margin-top:16px;display:flex;justify-content:flex-end}.panel .field:first-child label{margin-top:0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.stat{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface)}.stat strong{display:block;color:var(--blue);font-size:1.8rem}.stat span{font-size:.85rem;color:var(--muted)}.reading section{padding:16px 0;border-bottom:1px solid var(--line)}.reading p{font-size:.95rem;color:var(--muted);line-height:1.65;margin-top:7px}.login{max-width:420px;margin:7vh auto;padding:24px}.login h1{margin:16px 0 10px}.login>p{font-size:.9rem}.login .primary{width:100%;margin-top:20px}.loading{margin:25vh 20px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:11px;box-shadow:var(--shadow);max-width:min(92vw,600px);font-size:.9rem;z-index:20;display:none}#toast.visible{display:block}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.shell{max-width:1240px}.calendar-week{height:62px}.calendar{padding-top:10px}.calendar-head{margin-bottom:14px}}
@media(max-width:600px){.topbar{min-height:54px}.shell{padding-inline:16px}.calendar-head h1{font-size:1.48rem}.calendar-head{gap:8px;margin-bottom:9px}.calendar-nav{gap:5px}.period-buttons button{width:34px;min-height:38px}.today-button{padding:6px 9px;font-size:.83rem}.calendar-week{height:48px}.day-number{width:32px;height:32px}.calendar-toggle{min-height:32px}.list-zone{padding-top:10px}.tabs{margin-bottom:10px}.list-head h2{font-size:1.06rem}.list-head button{font-size:.88rem}.list-summary{font-size:.76rem;margin-bottom:8px}.empty{padding:14px 8px 18px}.task{padding-block:10px}.page{padding-bottom:20px}.form-grid{gap:11px 14px}.sheet-top{padding:15px 16px 10px}.sheet-body{padding:0 16px 12px}.sheet-footer{padding:9px 16px 12px}.sheet-top h2{font-size:1.14rem}.create-sheet,dialog{border-radius:18px 18px 0 0;width:100%;max-width:none;margin:auto 0 0;max-height:calc(100dvh - 16px)}dialog>form{max-height:calc(100dvh - 18px)}#question{width:calc(100% - 24px);max-width:460px;margin:auto;border-radius:16px}.color-value{font-size:.82rem}.panel{padding:16px}.stats{gap:8px}}
@media(max-width:380px){.shell{padding-inline:12px}.calendar-head{align-items:flex-start;flex-wrap:wrap;gap:6px}.calendar-head h1{font-size:1.35rem}.calendar-nav{margin-left:auto}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.sheet-top p{font-size:.78rem}.tabs button{font-size:.85rem}.list-head{flex-wrap:wrap}.list-head button{margin-left:auto}.account-name{max-width:120px}}
@media(max-height:650px){.calendar-week{height:44px}.calendar-head{margin-bottom:5px}.topbar{min-height:48px}.calendar-toggle{margin:0 auto}.sheet-top{padding-top:10px;padding-bottom:8px}.sheet-footer{padding-top:7px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.calendar-content{will-change:auto}}
/* Keep overflow count away from both the day number and the plan lanes. */
.overflow-mark{top:0;bottom:auto;right:1px;font-size:.6rem;line-height:1.1;padding:1px 2px;border-radius:4px;background:var(--bg)}
.history-list{margin:0;padding-left:20px;font-size:.85rem}.history-list li{padding:5px 0}.history-list strong{font-weight:500;display:block}.history-list span{display:block;color:var(--muted);font-size:.8rem}
.segmented:has([aria-invalid=true]){border-color:var(--danger)}
.order-controls .order-drag{touch-action:none;cursor:grab;color:var(--muted);font-weight:700;letter-spacing:-2px}.order-controls .order-drag:active{cursor:grabbing}.task.drop-target{background:var(--tint);box-shadow:inset 0 2px var(--blue)}
/* Calendar modes share readable type and touch targets, rather than scaling the UI. */
.calendar{max-width:780px;margin-inline:auto}.calendar-head h1{font-size:clamp(1.3rem,1rem + 1vw,1.75rem)}#pick-period{font:inherit;font-weight:700;letter-spacing:inherit;text-transform:capitalize;color:var(--ink);padding:3px 0;min-height:40px;text-align:left;justify-content:flex-start}#pick-period .icon{width:16px;height:16px;color:var(--muted)}
.date{font-weight:650}.date.other{font-weight:400;color:var(--muted)}.overflow-mark{left:calc(50% + 16px);right:auto;top:3px;min-width:16px;text-align:left}.calendar-viewport{touch-action:none}.calendar-view-controls{display:flex;justify-content:center;align-items:center;gap:8px}.calendar-view-controls .calendar-toggle{margin-inline:0;touch-action:none}
.full-calendar{max-width:none}.full-calendar .calendar-week{height:max(114px,calc((100dvh - 180px)/var(--rows,6)))}.full-calendar .date{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2px 3px 16px;gap:3px;border-radius:0;border-top:1px solid var(--line)}.full-calendar .date+.date{border-left:1px solid var(--line)}.calendar-items{display:flex;flex-direction:column;gap:3px;align-self:stretch;min-width:0;text-align:left;font-weight:400;font-size:.72rem;line-height:1.35}.calendar-items>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:1px 3px;border-left:2px solid var(--color,var(--line));background:var(--tint);border-radius:3px}.calendar-items>.muted{background:none;border:0}.full-calendar .calendar-lines{bottom:3px}
.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.segmented label{width:100%;min-height:42px;float:none;align-items:stretch}.segmented label span{min-width:0;line-height:1.3}.segmented legend{float:left}.task-title-line{display:flex;align-items:center;gap:7px;min-width:0}.task-title{min-width:0}.description-mark,.pin-mark{display:inline-flex;align-items:center;color:var(--muted);flex:none}.description-mark .icon,.pin-mark .icon{width:16px;height:16px}.priority-mark{font-size:.8rem;font-weight:750;color:var(--warning)}.task{cursor:pointer}.list-tools{display:flex;justify-content:flex-end;margin-top:-5px}.list-tools button{min-height:30px;padding:3px 0 3px 10px;font-size:.8rem}.order-hint,.projection-hint{font-size:.8rem;color:var(--muted);margin:4px 0 8px}.order-controls{display:flex;align-items:center;gap:4px;flex:none}.order-controls button{border-color:var(--line);min-height:36px;padding:5px 8px;font-size:.8rem}.order-controls button:not(.order-pin){width:36px;padding:6px}.preview-task:before{opacity:.55}.preview-task .task-meta.planned{color:var(--blue)}.report-asof{margin-top:16px;font-size:.87rem}#period-form label:first-child{margin-top:0}
@media(max-width:600px){#pick-period{font-size:1.3rem;gap:3px}.calendar-view-controls{gap:0}.calendar-view-controls .calendar-toggle{font-size:.78rem;padding-inline:8px}.order-controls{width:100%;justify-content:flex-end}.task:has(.order-controls){flex-wrap:wrap}.task:has(.order-controls) .task-open{flex-basis:calc(100% - 45px)}.calendar-items{font-size:.65rem}.full-calendar .date{padding-inline:1px}.full-calendar .calendar-week{height:max(114px,calc((100dvh - 174px)/var(--rows,6)))}}

/* Detailed intervals occupy one shared row across a week. */
.calendar{--week-gutter:28px;--weekend:#ac596b}.calendar-week{padding-left:var(--week-gutter)}.weekdays{margin-left:var(--week-gutter);position:relative}.weekdays:before{content:'№';position:absolute;left:calc(-1*var(--week-gutter));width:var(--week-gutter);color:var(--muted);opacity:.7}.week-number{position:absolute;left:0;top:0;bottom:0;width:var(--week-gutter);display:flex;align-items:center;justify-content:center;border-right:1px solid color-mix(in srgb,var(--line) 65%,transparent);color:var(--muted);font-size:.68rem;font-weight:450;touch-action:none}.calendar-lines{left:var(--week-gutter)}.date{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 45%,transparent);border-radius:5px;touch-action:none}.date:hover{background:color-mix(in srgb,var(--blue) 5%,var(--bg))}.weekend{color:var(--weekend)}.date.weekend{color:var(--weekend)}.date.other.weekend{color:color-mix(in srgb,var(--weekend) 65%,var(--muted));font-weight:400}.overflow-mark{left:auto;right:0;top:0;min-width:0;font-size:.55rem;background:var(--surface);z-index:1}.full-calendar .date{border:0;padding-top:3px}.full-calendar .calendar-week{height:max(136px,calc((100dvh - 180px)/var(--rows,6)))}.full-calendar .week-number{align-items:flex-start;padding-top:13px}.full-calendar .calendar-viewport{touch-action:pan-y}.week-event-window{position:absolute;left:var(--week-gutter);right:0;top:40px;bottom:24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.week-event-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:26px;align-content:start}.week-event{display:block;min-width:0;min-height:0;height:23px;margin:1px 0 2px;padding:2px 5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;line-height:17px;border:1px solid color-mix(in srgb,var(--color) 65%,var(--line));border-left:3px solid var(--color);border-radius:4px;color:var(--ink);background:color-mix(in srgb,var(--color) 20%,var(--surface));font-weight:500}.week-event:hover{background:color-mix(in srgb,var(--color) 34%,var(--surface));box-shadow:inset 0 0 0 1px var(--color)}.week-event.continued-start{border-radius:0 4px 4px 0}.week-event.continued-end{border-radius:4px 0 0 4px}.week-more{position:absolute;left:var(--week-gutter);right:0;bottom:1px;height:22px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.week-more button{min-height:22px;padding:1px 3px;border-radius:0;text-align:left;justify-content:flex-start;white-space:nowrap;font-size:.67rem;color:var(--muted)}.week-more button:hover{background:transparent;color:var(--blue);text-decoration:underline}.day-agenda{max-height:65dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.day-agenda>button{display:flex;width:100%;text-align:left;justify-content:flex-start;color:var(--ink);gap:10px;padding:10px 3px;border-radius:5px}.day-agenda i{width:3px;height:32px;flex:none;background:var(--color);border-radius:2px}.day-agenda strong{display:block;font-size:.92rem;overflow-wrap:anywhere}.day-agenda small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
:root[data-theme=dark] .calendar{--weekend:#e5a0ab}
/* A chosen tab and a hovered tab have different cues; no rounded gaps between them. */
.tabs button{border-radius:0;border:0}.tabs .chosen{box-shadow:inset 0 -2px var(--blue)}.tabs button:not(.chosen):hover{background:color-mix(in srgb,var(--ink) 5%,var(--surface));color:var(--ink)}.tabs .chosen:hover{background:var(--tint)}
.list-tools{margin:0;min-height:32px}.list-tools button{min-width:142px;justify-content:flex-end;padding:0;min-height:32px;border:0;border-radius:0;background:transparent}.list-tools button:hover{text-decoration:underline;background:transparent}.order-hint{display:flex;align-items:center;gap:12px}.order-hint>button{font-size:.8rem;min-height:32px;padding:2px 0;flex:none}.order-controls{width:auto;display:flex;align-items:center;gap:4px}.order-arrows{display:flex;flex-direction:column}.order-controls .order-arrows button{width:36px;min-height:34px;height:34px;padding:5px;border:0;border-radius:6px}.order-controls .order-drag{width:28px;min-height:44px;height:44px;border:0;padding:4px;background:transparent}.order-drag .icon{width:20px;height:24px}.task:has(.order-controls){flex-wrap:nowrap;cursor:default}.task:has(.order-controls) .task-open{flex-basis:auto;cursor:default}.task:has(.order-controls) .task-open:hover{background:transparent}
.extra-fields summary{justify-content:flex-start;gap:6px;border-top:0;padding-block:8px}.extra-fields summary .icon{flex:none}.task-page .section,.reading section{border-bottom:0}.task-page .section{padding-block:12px}.schedule-preview{border-top:0}.calendar{border-bottom:1px solid var(--line)}
@media(max-width:600px){.calendar{--week-gutter:24px}.week-event{font-size:.68rem;padding-inline:3px}.full-calendar .calendar-week{height:max(136px,calc((100dvh - 174px)/var(--rows,6)))}.order-controls{width:auto}.task:has(.order-controls) .task-open{flex-basis:auto}.week-more button{font-size:.62rem;padding-inline:1px}}
@media(pointer:coarse){.order-controls .order-arrows button{width:44px;height:44px;min-height:44px}.order-controls .order-drag{width:32px}}

.week-event-window{bottom:auto;overflow:hidden;touch-action:none;scrollbar-width:none}.full-calendar .calendar-viewport{touch-action:none}
.week-event{margin-inline:1px}
.date-control .pick-date{width:36px;min-height:38px;flex:none;padding:7px;color:var(--blue);border-radius:6px}.pick-date .icon{width:19px;height:19px}
#date-picker{width:min(384px,calc(100vw - 24px));max-width:384px;margin:auto;border-radius:16px;max-height:calc(100dvh - 24px)}.picker-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 26px)}.picker-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 3px}.picker-top h2{font-size:1.02rem}.picker-nav{display:flex;align-items:center;justify-content:space-between;padding:3px 12px 8px;gap:4px}.picker-nav>button{width:38px;min-height:38px;padding:7px}.picker-heading{display:flex;justify-content:center;align-items:center;gap:2px;min-width:0}.picker-heading button{color:var(--ink);font-weight:650;padding:5px;min-height:38px;text-transform:capitalize}.picker-heading strong{font-weight:650;font-size:.95rem}.picker-body{padding:0 14px 8px;min-height:0;overflow:auto}.picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.picker-weekdays{font-size:.7rem;color:var(--muted);padding:4px 0}.picker-weekdays .weekend{color:var(--danger)}.picker-days{grid-auto-rows:38px}.picker-days button{min-height:0;margin:1px;padding:4px;color:var(--ink);font-size:.88rem;border-radius:7px}.picker-days .outside{color:var(--muted);font-weight:400;opacity:.65}.picker-days .weekend{color:var(--danger)}.picker-days .is-today{box-shadow:inset 0 0 0 1px var(--blue)}.picker-days .picked,.picker-months .picked,.picker-years .picked{background:var(--blue);color:var(--surface);font-weight:650}.picker-months,.picker-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.picker-months{padding:8px 0}.picker-months button{text-transform:capitalize;color:var(--ink);min-height:48px}.picker-years{grid-template-columns:repeat(4,minmax(0,1fr));height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none;touch-action:pan-y;align-content:start}.picker-years button{min-height:38px;color:var(--ink);padding:5px;font-size:.87rem}.picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:3px;padding:6px 12px 10px;flex:none}.picker-footer button{min-height:36px;padding:5px 9px;font-size:.84rem}
.priority-badge{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:none;font-size:.72rem;line-height:1.35;font-weight:550;padding:2px 5px;border-radius:5px}.priority-1{color:var(--muted);background:color-mix(in srgb,var(--muted) 9%,var(--surface))}.priority-2{color:var(--blue);background:var(--tint)}.priority-3{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.task-title-line{flex-wrap:wrap;gap:4px 7px}
.label-value{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:4px 10px}.label-value>span{max-width:100%;overflow-wrap:anywhere}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:.97rem;font-weight:550;white-space:nowrap}.brand img{display:block;width:40px;height:40px;object-fit:contain;flex:none}.login>.brand{margin-bottom:4px}
:root[data-theme=dark]{--bg:#1b293b;--surface:#2a3b50;--ink:#f1f6ff;--muted:#bdcce0;--line:#4d647e;--blue:#96ccff;--tint:#36516f;--shadow:0 20px 70px #07132166}
:root[data-theme=dark] .calendar{background:#223349;border-radius:12px}:root[data-theme=dark] .date{background:#2a4057;box-shadow:inset 0 0 0 1px #4d647e88}:root[data-theme=dark] .date.other{background:#25384e;color:#9eafc5}:root[data-theme=dark] .date:hover{background:#385976}:root[data-theme=dark] .date.other.weekend{color:#c18f9e}:root[data-theme=dark] .date.weekend:not(.other){color:#f0b1bc}:root[data-theme=dark] .week-number{color:#bdcce0}
.task.dragging{border:1px solid var(--blue);border-radius:12px;box-shadow:0 14px 38px #06162a55,0 2px 8px #06162a33;cursor:grabbing;transition:none;overflow:hidden}.task-placeholder{border:2px dashed var(--blue);border-radius:10px;background:color-mix(in srgb,var(--blue) 13%,var(--surface));box-sizing:border-box}.dragging-task,.dragging-task *{cursor:grabbing!important;user-select:none!important}.task.dragging .order-drag{color:var(--blue)}
@media(max-width:600px){.brand{gap:8px;font-size:.9rem}.brand img{width:32px;height:32px}.topbar{gap:8px}#account{max-width:min(49vw,245px)}}
.topbar .account{flex:0 1 auto;min-width:0}.topbar #account{width:100%;max-width:290px}
.due-today-notice{font-size:.84rem;color:var(--warning);padding:5px 0}
.week-event.continued-start.continued-end{border-radius:0}
.calendar-line.continued-start::before,.calendar-line.continued-end::after{content:'';position:absolute;width:5px;height:5px;top:-1px;border-color:var(--color);border-style:solid;transform:rotate(45deg)}.calendar-line.continued-start::before{left:1px;border-width:0 0 1.5px 1.5px}.calendar-line.continued-end::after{right:1px;border-width:1.5px 1.5px 0 0}.calendar-line.future-repeat{background:repeating-linear-gradient(to right,var(--color) 0 5px,transparent 5px 8px);opacity:.8}.week-event.future-repeat{border-style:dashed;background:color-mix(in srgb,var(--color) 10%,var(--surface))}
.day-feedback{font-size:.75rem;color:var(--muted);animation:dialog-in .18s ease-out}.day-added{font-size:.73rem;color:var(--blue)}.notice>button:disabled{opacity:1;cursor:default}.repeat-controls:has(#repeatEvery[hidden]){grid-template-columns:1fr}
.attention-panel .notice small{display:none}.attention-panel .notice strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-panel .notice span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.day-progress{display:flex;align-items:center;gap:5px 14px;flex-wrap:wrap;font-size:.78rem;margin:5px 0 8px;color:var(--ink)}.day-progress:empty{display:none}.day-progress progress{width:90px;height:5px;accent-color:var(--blue)}.day-progress>.muted{font-size:.75rem}.attention-panel{background:color-mix(in srgb,var(--warning) 6%,var(--bg));border-left:3px solid color-mix(in srgb,var(--warning) 65%,transparent);border-radius:8px;padding:5px 10px;margin:0 0 10px;font-size:.8rem}.attention-panel .row>strong{font-weight:600}.attention-panel .row>button{min-height:32px;font-size:.77rem;padding:4px}.notice-list{display:grid;gap:8px;margin-top:14px}.notice{padding:5px 0}.notice>button:first-child{display:block;width:100%;padding:4px 0;text-align:left;color:var(--ink);font-weight:400;min-height:0}.notice strong,.notice span,.notice small{display:block;overflow-wrap:anywhere}.notice strong{font-size:.85rem}.notice span{font-size:.8rem;color:var(--muted);margin-top:2px}.notice small{font-size:.71rem;color:var(--muted);margin-top:3px}.notice .outline{min-height:32px;font-size:.78rem;margin-top:4px}.notice-list>.notice{background:var(--surface);border-radius:10px;padding:10px 12px}.notice-list>.attention{box-shadow:inset 3px 0 color-mix(in srgb,var(--warning) 70%,transparent)}.task-quick{padding:3px;min-height:36px;width:30px;flex:none;align-self:center;color:var(--muted);font-size:1.3rem}.repeat-controls{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px}.repeat-controls label{margin:0}.repeat-controls>input{grid-column:2;grid-row:1}.series-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.series-actions>button{font-size:.84rem}.history-filter{display:flex;align-items:center;gap:5px;margin:2px 0 7px}.history-filter>button{font-size:.8rem;padding:3px 0;min-height:30px}.history-filter>button+button{width:30px;padding:3px}.history-filter .icon{width:16px;height:16px}
@media(max-width:600px){.day-progress{gap:4px 8px}.attention-panel{padding:4px 8px}.task-quick{width:27px}.series-actions{flex-direction:column;align-items:flex-start}.repeat-controls{grid-template-columns:minmax(0,1fr) 64px}}

/* Login card: Control geometry, Task Manager theme tokens only. */
body.task-auth{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:normal;min-height:100dvh;padding:24px;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,var(--tint),transparent 65%),var(--bg)}
.task-auth .auth-card{width:min(480px,100%);min-width:0;margin:0;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.task-auth h1{font-size:27px;line-height:1.2;letter-spacing:normal;margin:0 0 12px}
.task-auth #auth-note{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.task-auth form{margin-top:24px}
.task-auth label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}
.task-auth input{width:100%;height:48px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit;padding:10px 13px}
.task-auth button[type=submit],.task-auth #back-login{width:100%;min-height:46px;margin-top:24px;border:1px solid var(--blue);border-radius:9px;padding:11px 16px;font:600 14px "Segoe UI",Arial,sans-serif;}
.task-auth #back-login{margin-top:12px;border-color:var(--line)}
.task-auth .error:not(:empty){font-size:14px;line-height:1.45;margin:16px 0 0}
.task-auth .password-field{display:block;position:relative;min-width:0;width:100%}
.task-auth .password-field>input{width:100%;margin:0;padding-right:50px;box-sizing:border-box}
.task-auth .password-field>button.password-eye[type=button][data-visibility-control]{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:7px;display:grid;place-items:center;border:0;border-radius:6px;box-shadow:none;background:transparent;color:var(--muted);cursor:pointer}
.task-auth .password-field>button.password-eye[type=button][data-visibility-control]:hover{background:var(--tint);color:var(--ink)}
.task-auth .password-field>button.password-eye[type=button][data-visibility-control]:focus-visible{outline:2px solid var(--blue);outline-offset:0}
.task-auth .password-eye[disabled]{opacity:.45;cursor:default}
@media(max-width:480px){body.task-auth{padding:16px}.task-auth .auth-card{padding:25px 22px}}