:root{color:#161616;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;margin:0}button,input,select{font:inherit}button{cursor:pointer}.page{background:#fff;min-height:100vh;padding:20px 24px 32px}.section{border-top:2px solid #4a4a4a;margin-top:20px;padding-top:14px}.section:first-child{border-top:0;margin-top:0;padding-top:0}.section-header{margin-bottom:14px}.section-name{color:#111;align-items:center;gap:10px;font-size:32px;font-weight:800;display:flex}.cards{scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8a8a8a #efefef;flex-wrap:nowrap;align-items:stretch;gap:14px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.cards::-webkit-scrollbar{height:8px}.cards::-webkit-scrollbar-track{background:#efefef;border-radius:999px}.cards::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:999px}.cards::-webkit-scrollbar-thumb:hover{background:#666}.task-card,.add-card,.add-form,.break-card{border-radius:16px;flex:0 0 300px;width:300px;min-height:212px}.task-card,.break-card,.add-card,.add-form{border:3px solid #d4d4d4;box-shadow:0 3px 10px #00000014}.task-card{flex-direction:column;padding:14px 14px 12px;transition:transform .12s,box-shadow .12s;display:flex}.task-card.clickable:hover,.break-card:hover,.add-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.task-card.state-running{border-color:#2d661c}.task-card.state-paused{border-color:#a19f36}.task-card.state-stopped{border-color:#ba664c}.tone-brick{color:#0f0f0f;background:#b66a50}.tone-violet{color:#0f0f0f;background:#8473a8}.tone-sand{color:#0f0f0f;background:#b8a25a}.tone-forest{color:#0f0f0f;background:#6e8b58}.tone-slate{color:#0f0f0f;background:#7a869a}.tone-navy{color:#0f0f0f;background:#607799}.task-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:60px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.meta-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.meta{color:#111;align-items:center;gap:8px;min-height:24px;font-size:16px;display:flex}.meta svg{color:#111;flex:none}.time-pill{white-space:nowrap;background:#ffffff38;border:1px solid #11111140;border-radius:999px;padding:6px 8px;font-size:14px;font-weight:700}.break-card,.add-card{color:#111;background:#fff;align-content:center;place-items:center;gap:10px;font-weight:800;display:grid}.break-card.active{border-color:#a19f36}.break-title,.add-card span{font-size:28px;font-weight:800}.break-sub{color:#2a2a2a;font-size:14px}.add-form{background:#fff;flex-direction:column;gap:8px;padding:12px;display:flex}.add-form input,.add-form select,.stop-editor input{color:#181818;background:#fff;border:1px solid #bdbdbd;border-radius:8px;width:100%;min-width:0;padding:9px 10px}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.push{margin-top:auto}.primary,.secondary,.mini-actions button,.error-box button{border:0;border-radius:8px;min-height:40px;font-weight:800}.primary,.mini-actions .green,.error-box button{color:#fff;background:#2d661c}.secondary{color:#111;background:#eee}.mini-actions .yellow{color:#111;background:#a19f36}.stop-editor{background:#ffffffbf;border:1px solid #1113;border-radius:12px;gap:8px;margin-top:12px;padding:10px;display:grid}.stop-label{font-size:14px;font-weight:800}.stop-input-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.mini-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.loading-screen,.error-box{text-align:center;align-content:center;place-items:center;gap:14px;min-height:240px;display:grid}.error-box{border:2px solid #ba664c;border-radius:14px;max-width:520px;margin:40px auto;padding:24px}.error-box button{padding:0 18px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.page{padding:14px}.section-name{font-size:24px}.task-card,.add-card,.add-form,.break-card{flex-basis:270px;width:270px}.task-title{font-size:20px}}.quick-add{min-width:0;margin-bottom:8px}.quick-toolbar{align-items:flex-start;gap:12px;min-width:0;display:flex}.quick-add-buttons{scrollbar-width:thin;flex:1;min-width:0}.quick-add .add-form{flex-basis:auto;width:min(680px,100%)}.quick-add-group{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.toolbar-edit{flex-direction:column;flex:none;align-items:flex-end;gap:2px;padding-top:2px;display:flex}.edit-mode-label{opacity:.72;height:14px;font-size:10px;font-weight:700;line-height:14px}.toolbar-edit-button{white-space:nowrap;background:#fff;border:1px solid #0000002e;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:34px;padding:5px 9px;font-size:13px;font-weight:700;display:inline-flex}.toolbar-edit-button[aria-pressed=true]{background:#dbeafe}.toolbar-actions{gap:6px;display:flex}.planning-backdrop{z-index:100;background:#0005;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.planning-panel{background:#fff;border:2px solid #d4d4d4;border-radius:16px;width:min(620px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 6px 24px #0003}.planning-panel h2{margin:0;font-size:20px}.planning-panel p{font-size:14px}.planning-panel fieldset{border:0;margin:0;padding:0}.planning-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.planning-fields label{gap:5px;font-size:14px;display:grid}.planning-fields input{border:1px solid #bdbdbd;border-radius:8px;width:100%;min-width:0;padding:8px}.planning-actions{gap:8px;display:flex}.planning-actions button{padding-inline:12px}.planning-panel [role=alert]{color:#a94832}.planning-panel [role=status]{color:#2d661c}.plan-preview{border-top:1px solid #d4d4d4;margin-top:16px;font-size:14px}.plan-preview h3{font-size:16px}.calendar-connections>label{gap:6px;margin:12px 0;font-weight:600;display:grid}.calendar-connections select,.calendar-connections input{color:#111;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #bdbdbd;border-radius:8px;padding:9px 10px;font-weight:400}.calendar-connections .planning-actions{flex-wrap:wrap;margin:10px 0}.calendar-connections button{font:inherit;background:#fff;border:1px solid #bdbdbd;border-radius:8px;padding:9px 12px;font-weight:600}.calendar-connections button:disabled{opacity:.5;cursor:default}.plan-preview>button{padding-inline:12px}.plan-table-wrap{overflow-x:auto}.plan-preview table{border-collapse:collapse;width:100%}.plan-preview th,.plan-preview td{text-align:left;border-bottom:1px solid #ddd;padding:6px}.block-actions{flex-wrap:wrap;gap:4px;display:flex}.block-actions button{white-space:nowrap;background:#fff;border:1px solid #bdbdbd;border-radius:6px;padding:4px 6px;font-size:12px}.block-editor{border:1px solid #bdbdbd;border-radius:10px;margin-block:12px;padding:12px}.block-editor .planning-actions{margin-top:10px}@media (width>=640px){.page{--task-border-width:1.333px;--task-ring-width:6px;padding:8px 12px}.dashboard-page{flex-direction:column;height:100dvh;display:flex}.quick-add{flex-shrink:0}.task-sections{flex:1;grid-template-rows:repeat(3,minmax(150px,1fr));gap:4px;min-height:450px;display:grid}:is(.dashboard-page:has(.add-form),.dashboard-page:has(.stop-editor)){height:auto}.quick-add{margin-bottom:2px}.section{border-top-width:1px;grid-template-columns:28px minmax(0,1fr);align-items:stretch;column-gap:8px;min-height:0;margin-top:0;padding-top:2px;display:grid}.section-header{justify-content:center;align-items:center;min-width:0;margin:0;display:flex}.section-name{writing-mode:vertical-rl;white-space:nowrap;gap:6px;font-size:16px;line-height:20px;transform:rotate(180deg)}.section-name svg{width:16px;height:16px;transform:rotate(180deg)}.cards{gap:10px;min-width:0;padding:4px 4px 6px}.cards:empty{display:none}.task-card,.break-card{border-width:2px;border-radius:12px;flex-basis:240px;width:240px;min-height:0}.task-card{padding:6px 8px}.task-title{min-height:0;margin-bottom:4px}.meta{gap:5px;min-height:17px}.meta svg{width:12px;height:12px}.meta-row{gap:5px}.time-pill{padding:2px 5px;font-size:10px}.waiting-summary{margin-top:3px!important;padding:3px 5px!important;font-size:11px!important}.break-card{gap:1px;min-height:62px;padding:3px}.break-card>svg{width:18px;height:18px}.break-title{font-size:16px}.break-sub{font-size:11px}}@media (width>=640px) and (height<=650px){.task-card{padding-block:4px}.meta{min-height:16px}.waiting-summary{padding-block:2px!important;line-height:1.2!important}}:root{font-family:Segoe UI,Arial,sans-serif}.task-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;flex-shrink:0;height:auto;min-height:0;max-height:2.2em;margin-bottom:4px;font-size:16px;line-height:1.1;display:-webkit-box;overflow:hidden}.meta{font-size:14px;line-height:17px}.time-pill{font-size:11px;line-height:14px}.waiting-summary{font-size:12px!important}@media (width>=640px){.task-card{overflow-y:auto}}@media (width>=640px) and (height<=650px){.task-card{padding-block:2px}.task-title{margin-bottom:2px}.time-pill{padding-block:1px}.waiting-summary{margin-top:0!important}}.web-account{background:#fafafa;border-bottom:1px solid #ddd;justify-content:flex-end;align-items:center;gap:10px;height:30px;padding:2px 12px;font-size:12px;display:flex}.web-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.web-account button{background:#fff;border:1px solid #ccc;border-radius:6px;padding:2px 8px}.web-login{text-align:center;max-width:440px;margin:12vh auto;padding:24px}.web-login-button{color:#fff;background:#2d661c;border-radius:9px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.task-card.clickable{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.task-card input,.task-card textarea{-webkit-user-select:text;user-select:text}.task-card:focus-visible{outline-offset:3px;outline:3px solid #1f6feb}@media (width>=640px){.dashboard-page{height:calc(100dvh - 30px)}}@media (width<=639px){.page{--task-border-width:1.333px;--task-ring-width:6px;padding:10px}.web-account{height:auto;min-height:36px}.web-account button{flex-shrink:0;min-height:32px}.quick-toolbar{flex-wrap:wrap;gap:6px}.quick-add-buttons{flex-basis:100%}.toolbar-edit{align-items:stretch;width:100%}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar-edit-button{min-height:40px}.edit-mode-label{text-align:right}.section{border-top-width:1px;margin-top:14px;padding-top:10px}.section-header{margin-bottom:4px}.section-name{gap:6px;font-size:16px}.section-name svg{width:18px;height:18px}.cards{flex-direction:column;gap:10px;padding:8px;display:flex;overflow:visible}.task-card,.break-card{border-radius:12px;flex:none;width:auto;min-width:0;min-height:140px}.task-title{max-height:2.4em;font-size:16px;line-height:1.2}.break-card{gap:4px;min-height:90px}.break-title{font-size:16px}.meta-row{flex-wrap:wrap;gap:4px}.stop-editor input,.add-form input,.planning-fields input,.calendar-connections select,.calendar-connections input{min-height:44px;font-size:16px}.planning-backdrop{padding:8px}.planning-panel{max-height:calc(100dvh - 16px);padding:14px}.planning-fields{grid-template-columns:minmax(0,1fr)}.planning-actions{flex-wrap:wrap}.planning-actions button{min-height:44px}.quick-add .add-form{max-width:100%}.grid2{grid-template-columns:minmax(0,1fr)}}