:root{--ink:#1d1d1f;--muted:#808087;--line:#e7e7eb;--accent:#0071e3;--paper:#fff;--bg:#f5f5f7;--soft:#ededf1;--blue-soft:#e7f1ff;--green:#298969;--red:#d35454;--shadow:0 16px 60px #15152514;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:light}
:root[data-theme=dark]{--ink:#f1f1f4;--muted:#9999a4;--line:#33333d;--paper:#222229;--bg:#19191e;--soft:#2b2b34;--blue-soft:#203854;--green:#68c9a5;--red:#ee8989;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px 13px;font-size:12px;font-weight:500;min-height:36px;transition:background .15s,transform .15s}button:hover{background:var(--soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0071e350;outline-offset:3px}a{color:var(--accent)}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{background:#0065cd}button.pill{border-radius:30px;padding:9px 17px}button.icon{width:36px;padding:7px;border:0;background:transparent;flex-shrink:0}button.icon:hover{background:var(--soft)}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;font-weight:650;line-height:1.25}h2{font-size:21px;letter-spacing:-.5px;font-weight:600}h3{font-size:14px;font-weight:600}p{font-size:13px;line-height:1.65;color:var(--muted)}small{font-size:11px;color:var(--muted)}[hidden]{display:none!important}.muted{color:var(--muted)}.text-button{background:transparent;border:0;color:var(--muted);padding:6px 0}.text-button:hover{background:transparent;color:var(--accent)}.danger{color:var(--red)}.blue{color:var(--accent)}kbd{font-family:inherit;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 5px;background:var(--paper)}
#sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--paper);border-right:1px solid var(--line);padding:31px 18px 18px;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 15px;font-size:24px;font-weight:650;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--accent);color:white}.brand-mark svg{width:17px}.workspace-label{margin:12px 15px 30px;font-size:11px;color:var(--muted)}.nav-stack{display:flex;flex-direction:column;gap:4px}.nav-item{justify-content:flex-start;text-align:left;border:0;background:transparent;padding:10px 14px;font-size:13px;min-height:42px;gap:12px;color:var(--muted)}.nav-item svg{width:18px}.nav-item.active{background:var(--blue-soft);color:var(--accent);font-weight:600}.nav-item .count{margin-left:auto;font-size:11px;opacity:.85}.side-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 13px 7px;color:var(--muted);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600}.side-heading button{min-height:25px;width:25px}.project-dot{width:9px;height:9px;border-radius:3px;display:inline-block;margin:0 4px;flex-shrink:0}.side-bottom{margin-top:auto;padding-top:30px}.local-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;padding:17px 13px 0;border-top:1px solid var(--line);margin-top:18px}.local-note i{width:5px;height:5px;background:var(--green);border-radius:50%}.workspace{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 43px;border-bottom:1px solid var(--line);gap:12px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 11px;color:#bdbdc5}.top-right{display:flex;align-items:center;gap:14px}#save-status{font-size:10px;color:var(--muted)}main{padding:42px 43px 60px;max-width:1450px;width:100%;margin:auto;flex:1}.page-footer{padding:18px 43px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;border-top:1px solid var(--line);gap:20px}.page-footer button{font-size:10px}.mobile-menu{display:none!important}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-weight:600}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-head p{margin-top:10px}.head-actions{display:flex;gap:8px}.date-chip{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.overview{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:14px;margin-bottom:34px}.stat{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:20px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat-top svg{width:16px;height:16px}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1px;display:block;margin-top:12px}.stat small{display:block;margin-top:7px;font-size:10px}.stat.focus-card{background:var(--blue-soft);border-color:transparent}.focus-card .stat-top{color:var(--accent)}.focus-card button{background:var(--accent);border:0;color:white;border-radius:20px;min-height:28px;padding:5px 10px;margin-top:12px;font-size:10px}.focus-card p{font-size:11px;margin-top:11px}.progress-track{height:4px;background:var(--soft);border-radius:4px;margin-top:13px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--green);border-radius:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px;flex-wrap:wrap}.view-switch{display:flex;background:var(--soft);padding:3px;border-radius:8px;gap:2px}.view-switch button{background:transparent;border:0;font-size:11px;min-height:31px;padding:7px 12px;color:var(--muted)}.view-switch button svg{width:15px;height:15px}.view-switch button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #00000009}.tools{display:flex;gap:7px;align-items:center}.tools select{width:auto;padding:7px 25px 7px 10px;min-height:34px;font-size:11px;background:transparent}.filter-active{color:var(--accent);background:var(--blue-soft)}.section-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;margin:25px 0 12px}.section-title .badge{background:var(--soft);border-radius:5px;padding:2px 6px;color:var(--muted);font-size:10px}.section-title .section-extra{margin-left:auto;font-weight:400;color:var(--muted);font-size:10px}.task-list{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden}.task-row{display:flex;align-items:center;gap:13px;min-height:78px;padding:17px 20px;border-bottom:1px solid var(--line);position:relative}.task-row:last-child{border-bottom:0}.task-row:hover{background:color-mix(in srgb,var(--soft) 40%,var(--paper))}.check{width:19px;height:19px;min-height:19px;padding:0;border-radius:50%;border:1.5px solid #c5c5cc;background:transparent;flex-shrink:0}.check.p1{border-color:var(--red);background:#d3545409}.check.p2{border-color:#d7a041;background:#d7a04109}.check.p3{border-color:var(--accent);background:#0071e309}.check.checked{background:var(--green);border-color:var(--green);color:#fff}.check svg{width:12px;height:12px}.task-content{flex:1;min-width:0;cursor:pointer}.task-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.task-row.done .task-title{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:10px;color:var(--muted);flex-wrap:wrap}.task-meta span{display:inline-flex;align-items:center;gap:4px}.task-meta svg{width:12px;height:12px}.label-chip{background:var(--soft);padding:2px 6px;border-radius:4px;color:var(--muted)}.task-project{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:3px}.row-more{opacity:0}.task-row:hover .row-more,.row-more:focus-visible{opacity:1}.add-inline{display:flex;align-items:center;gap:10px;min-height:54px;border:1px dashed var(--line);border-radius:9px;width:100%;background:transparent;color:var(--muted);justify-content:flex-start;font-size:12px;padding:16px 20px;margin-top:12px}.add-inline:hover{border-color:var(--accent);color:var(--accent);background:var(--blue-soft)}.empty-state{text-align:center;padding:48px 20px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.empty-illustration{width:66px;height:66px;border-radius:23px;background:var(--blue-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 18px;transform:rotate(-6deg)}.empty-illustration svg{width:29px;height:29px}.empty-state h2{font-size:18px;margin-bottom:9px}.empty-state p{max-width:310px;margin:auto;font-size:12px}.empty-state button{margin-top:19px}.bottom-note{text-align:center;color:var(--muted);font-size:10px;margin-top:29px;display:flex;justify-content:center;gap:7px}.bottom-note svg{width:13px;height:13px}.bulkbar{display:flex;align-items:center;gap:8px;background:var(--blue-soft);padding:12px;border-radius:8px;margin-bottom:18px;flex-wrap:wrap;font-size:12px}.select-task{width:16px;min-height:16px;accent-color:var(--accent)}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.board-column{background:var(--soft);padding:13px;border-radius:12px;min-height:260px}.board-column .section-title{margin:1px 0 15px}.board-column .task-row{border:1px solid var(--line);border-radius:9px;margin-bottom:10px;background:var(--paper);padding:14px 12px;align-items:flex-start;flex-wrap:wrap;gap:9px;cursor:grab}.board-column .task-content{min-width:calc(100% - 30px)}.board-column .task-project{margin-left:27px}.board-column .row-more{margin-left:auto;min-height:22px;height:22px;opacity:1}.board-column .add-inline{background:transparent;padding:10px;min-height:35px;margin-top:4px;border:0}.calendar{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid var(--line)}.calendar-head div{display:flex;align-items:center;gap:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{padding:12px;text-align:center;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.day{min-height:105px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 6px;min-width:0}.day:nth-child(7n){border-right:0}.day.other{background:var(--bg)}.day-num{border:0;background:transparent;padding:3px;min-height:24px;width:24px;font-size:10px;border-radius:50%;margin-bottom:5px}.day.today .day-num{background:var(--accent);color:white}.calendar-task{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 6px;border:0;background:var(--blue-soft);color:var(--accent);font-size:10px;min-height:25px;margin:3px 0;border-radius:4px}.calendar-task.done{text-decoration:line-through;opacity:.6}
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:16px;width:580px;max-width:calc(100vw - 30px);max-height:90dvh;padding:27px;box-shadow:var(--shadow)}dialog::backdrop{background:#12121e55;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.modal-head h2{font-size:21px}.modal-head small{display:block;margin-top:6px}label{display:block;font-size:11px;font-weight:500;margin-bottom:7px}input,textarea,select{background:var(--bg);border:1px solid var(--line);border-radius:7px;width:100%;padding:10px 12px;font-size:13px;min-height:40px}textarea{resize:vertical;min-height:85px;line-height:1.6}.field{margin-bottom:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;align-items:center}.form-actions .left{margin-right:auto}.title-input{font-size:21px;font-weight:600;padding:5px 0 12px;border:0;background:transparent;border-radius:0;letter-spacing:-.5px}.editor-notes{border:0;background:transparent;padding:0;min-height:60px}.divider{height:1px;background:var(--line);margin:20px 0}.inline-fields{display:flex;align-items:center;gap:8px}.inline-fields input{flex:1;min-width:0}.subtask{display:flex;gap:9px;align-items:center;margin-bottom:8px;font-size:12px}.subtask input{width:16px;min-height:16px;accent-color:var(--accent)}.subtask span{flex:1;overflow-wrap:anywhere}.subtask .icon{width:25px;min-height:25px}.comment{padding:10px 12px;background:var(--bg);border-radius:8px;margin-bottom:8px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.comment small{display:block;margin-top:5px;font-size:10px}.attachment{display:flex;align-items:center;gap:10px;font-size:12px;margin:7px 0}.attachment a{flex:1;overflow-wrap:anywhere}.hint{font-size:10px;color:var(--muted);line-height:1.6;margin-top:6px}.search-input{font-size:16px;background:var(--bg)}.search-results{margin-top:18px;max-height:45vh;overflow:auto}.search-result{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 4px;background:transparent}.search-result small{display:block;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border:1px solid var(--line);background:var(--paper);padding:25px;border-radius:12px}.panel h3{font-size:15px;margin-bottom:18px}.panel p{font-size:12px;margin-bottom:18px}.panel .field:last-child{margin-bottom:0}.settings-grid .wide{grid-column:1/-1}.project-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.project-row>span:nth-child(2){flex:1}.activity-row{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.activity-row small{display:block;font-size:10px}.activity-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;margin-top:6px;flex-shrink:0}.chart{display:flex;align-items:end;gap:12px;height:180px;padding:10px 0 25px;margin-top:20px}.chart-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;font-size:10px;color:var(--muted)}.chart-bar{width:100%;max-width:42px;background:var(--accent);border-radius:5px 5px 0 0;min-height:3px}.focus-screen{text-align:center;max-width:570px;margin:25px auto;background:var(--paper);border:1px solid var(--line);padding:40px;border-radius:16px}.timer-ring{width:235px;height:235px;border-radius:50%;border:5px solid var(--blue-soft);margin:32px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.timer-ring strong{font-size:53px;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums}.timer-ring small{text-transform:uppercase;letter-spacing:2px;font-size:9px}.focus-controls{display:flex;justify-content:center;gap:10px}.focus-screen select{margin-top:20px}.focus-screen p{margin-top:20px;font-size:12px}.template-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:23px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-card h3{margin:15px 0 9px}.template-card p{font-size:11px;margin-bottom:18px}.template-card svg{color:var(--accent)}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--paper);border-radius:10px;padding:13px 18px;box-shadow:var(--shadow);font-size:12px;max-width:calc(100vw - 30px);display:flex;align-items:center;gap:20px}#toast button{background:transparent;border:0;color:#8ec6ff;padding:2px;min-height:24px}.loading{padding:50px;text-align:center}#scrim{display:none}
@media(min-width:1500px){main{padding-top:55px}.task-row{min-height:85px}.overview{gap:20px}.stat{padding:24px}}
@media(max-width:1100px){#sidebar{width:215px;padding-left:12px;padding-right:12px}.workspace{margin-left:215px}.topbar{padding:0 28px}main{padding:32px 28px 45px}.overview{gap:10px}.stat{padding:16px}.task-project{display:none}.template-grid{grid-template-columns:1fr 1fr}.page-footer{padding:18px 28px}.date-chip{display:none}}
@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.nav-open #sidebar{transform:translateX(0)}.nav-open #scrim{display:block;position:fixed;inset:0;background:#0005;z-index:19}.workspace{margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{height:65px;padding:0 17px;gap:6px}.breadcrumb{margin-right:auto;font-size:11px}.breadcrumb span{padding:0 5px}.top-right{gap:4px}#save-status{display:none}.top-right .primary{padding:8px 11px}.top-right .primary span{display:none}main{padding:29px 18px 35px}.page-head{margin-bottom:24px}h1{font-size:29px}.page-head p{font-size:12px}.overview{grid-template-columns:1fr 1fr;margin-bottom:26px;gap:10px}.stat{padding:16px}.stat-value{font-size:26px}.toolbar{gap:12px}.tools{gap:4px}.tools button{padding:7px 9px}.task-row{padding:15px 13px;min-height:76px;gap:11px}.row-more{opacity:1;width:27px!important}.task-title{font-size:13px}.task-meta{gap:7px}.page-footer{padding:15px 18px}.page-footer>span{max-width:200px;line-height:1.7}.page-footer button{font-size:0}.page-footer kbd{font-size:11px}.board{grid-template-columns:repeat(3,minmax(245px,1fr));overflow-x:auto;padding-bottom:10px}.board-column{min-height:230px}.settings-grid,.template-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.day{min-height:85px;padding:5px 2px}.calendar-task{font-size:9px;padding:4px 2px}.weekday{padding:10px 2px}.focus-screen{padding:25px 18px;margin-top:10px}.timer-ring{width:205px;height:205px}.head-actions button{font-size:10px;padding:7px}dialog{padding:22px 18px}.form-grid{gap:0 10px}#toast{left:50%;bottom:20px;width:max-content}.panel{padding:20px}.icon{min-height:40px}.view-switch button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
:root[data-theme=dark]{--accent:#80b8ff}
:root[data-theme=dark] button.primary,:root[data-theme=dark] .focus-card button,:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .day.today .day-num{background:#0071e3;border-color:#0071e3;color:white}
@media(max-width:760px){#sidebar{visibility:hidden}.nav-open #sidebar{visibility:visible}.check{position:relative}.check::after{content:"";position:absolute;inset:-9px}}
.signed-out #sidebar,.signed-out .topbar,.signed-out .page-footer{display:none}.signed-out .workspace{margin-left:0}.signed-out main{display:grid;place-items:center;min-height:100dvh;padding:30px 20px}.login-card{width:100%;max-width:365px}.login-card .brand{padding:0;margin-bottom:55px}.login-card h1{margin-bottom:10px}.login-card form{margin-top:30px}.login-card form .primary{width:100%;margin-top:15px;min-height:44px}.login-card>.hint{margin-top:25px}.account-controls{display:flex;align-items:center;gap:9px;padding:12px 4px;margin-bottom:12px;border-bottom:1px solid var(--line)}.account-avatar{width:30px;height:30px;background:var(--blue-soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:12px}.account-controls strong{font-size:12px}.account-controls small{display:block;font-size:9px;margin-top:3px}.account-controls button{font-size:10px;margin-left:auto}
.account-choices{display:grid;gap:12px;margin:30px 0 22px}.account-choice{padding:18px;justify-content:flex-start;gap:15px;border-radius:12px;min-height:76px;font-size:16px}.account-choice .account-avatar{width:40px;height:40px;font-size:16px}.account-choice svg{margin-left:auto;color:var(--muted)}.account-choice:hover{border-color:var(--accent);background:var(--blue-soft)}