:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f9fd;--surface:#ffffff94;--surface-strong:#ffffffc7;--ink:#17191f;--muted:#687181;--line:#ffffffa3;--line-dark:#17191f1a;--blue:#2378ff;--green:#00a889;--coral:#ff6a45;--gold:#b77900;--violet:#8f6cff;--shadow:0 24px 70px #3d4a702e;--glass-shadow:inset 0 1px 0 #ffffffc7, 0 18px 46px #414e7324;--field-bg:#fff9;--field-border:#ffffffbd;--card-glow:#3d4a7024;--grid-line:#ffffff6b;--body-bg:radial-gradient(circle at 15% 10%, #67b4ff6b, transparent 32vw), radial-gradient(circle at 78% 18%, #ffb07057, transparent 30vw), linear-gradient(135deg, #f8fbff 0%, #eef4ff 44%, #fff7ef 100%)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#10141d;--surface:#161c2994;--surface-strong:#222a3bc2;--ink:#f7f9ff;--muted:#aab4c4;--line:#ffffff24;--line-dark:#ffffff1f;--shadow:0 24px 70px #0000005c;--glass-shadow:inset 0 1px 0 #ffffff29, 0 18px 46px #0000003d;--field-bg:#ffffff14;--field-border:#ffffff29;--card-glow:#00000047;--grid-line:#ffffff14;--body-bg:radial-gradient(circle at 16% 10%, #3e7eff47, transparent 32vw), radial-gradient(circle at 78% 18%, #ff6a4529, transparent 30vw), linear-gradient(135deg, #10141d 0%, #182236 48%, #241c28 100%)}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#10141d;--surface:#161c2994;--surface-strong:#222a3bc2;--ink:#f7f9ff;--muted:#aab4c4;--line:#ffffff24;--line-dark:#ffffff1f;--shadow:0 24px 70px #0000005c;--glass-shadow:inset 0 1px 0 #ffffff29, 0 18px 46px #0000003d;--field-bg:#ffffff14;--field-border:#ffffff29;--card-glow:#00000047;--grid-line:#ffffff14;--body-bg:radial-gradient(circle at 16% 10%, #3e7eff47, transparent 32vw), radial-gradient(circle at 78% 18%, #ff6a4529, transparent 30vw), linear-gradient(135deg, #10141d 0%, #182236 48%, #241c28 100%)}}*{box-sizing:border-box}body{background:var(--body-bg);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{z-index:-3;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);content:"";background-size:58px 58px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 70%, white);outline-offset:3px}a{color:var(--blue)}.ambient{z-index:-2;filter:blur(4px);opacity:.78;pointer-events:none;border-radius:999px;position:fixed}.ambient-one{background:#2f83ff38;width:260px;height:260px;top:90px;left:330px}.ambient-two{background:#ff794c29;width:340px;height:340px;top:80px;right:62px}.ambient-three{background:#00a88926;width:210px;height:210px;bottom:42px;right:22%}.app-settings-button{flex:none}.app-shell{grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:100vh;padding:16px;display:grid}.sidebar,.workspace,.stats div,.today-summary,.task-card,.empty,dialog,.modal-form{border:1px solid var(--line);background:var(--surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(145%)}.sidebar{border-radius:28px;flex-direction:column;gap:18px;min-height:calc(100vh - 32px);padding:20px;display:flex}.brand{justify-content:space-between;align-items:center;gap:12px;padding:6px;display:flex}.brand-main{align-items:center;gap:12px;min-width:0;display:flex}.brand-main img{border-radius:14px;flex:none;width:46px;height:46px;box-shadow:0 10px 28px #17191f2e}.brand strong,.brand span{display:block}.brand strong{letter-spacing:0;font-size:18px}.brand span,.eyebrow,.stats p,.task-meta,.empty p,.project-empty,.project-task-row small{color:var(--muted)}.primary-action,.secondary-action,.filter,.status-pill,.project-task-row,.task-action,.danger-action{border:1px solid #ffffff9e;border-radius:16px;min-height:42px;font-weight:750;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #3d4a701a}.primary-action{color:#fff;background:linear-gradient(135deg,#1f232df5,#434c62e0);justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.pill-action{border-radius:999px;min-height:48px}.secondary-action{color:var(--ink);background:#ffffff94;padding:0 14px}.icon-button{width:42px;height:42px;color:var(--ink);background:#ffffff8f;border:1px solid #ffffff9e;border-radius:15px;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #3d4a701a}.icon-button svg,.task-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.project-list{gap:10px;padding:2px 2px 12px;display:grid;overflow:auto}.project-group{border-radius:20px;transition:background .18s,box-shadow .18s}.project-group.is-active{background:#ffffff57;box-shadow:inset 0 1px #ffffffb3,0 12px 24px #3d4a7014}.project-button{width:100%;min-height:48px;color:var(--ink);border-radius:20px;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;list-style:none;display:grid}.project-button::-webkit-details-marker{display:none}.project-dot{border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 5px #ffffffa8}.project-count{min-width:28px;color:var(--muted);text-align:center;background:#ffffff9e;border-radius:999px;padding:4px 8px;font-size:13px}.project-chevron{color:var(--muted);transition:transform .16s}.project-group[open] .project-chevron{transform:rotate(180deg)}.project-task-menu{gap:6px;padding:0 10px 12px 26px;display:grid}.project-task-row{width:100%;min-height:44px;color:var(--ink);text-align:left;background:#ffffff3d;border-radius:16px;grid-template-columns:5px minmax(0,1fr);gap:2px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff75}.project-task-row:before{background:var(--task-color,var(--blue));content:"";border-radius:999px;grid-row:1/span 2;align-self:stretch}.project-task-row span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:780;overflow:hidden}.project-task-row small{font-size:12px;font-weight:720}.project-task-row.is-done span{color:var(--muted);text-decoration:line-through}.project-empty{padding:8px 4px;font-size:13px}.project-deadline{color:var(--muted);padding:8px 4px 2px;font-size:13px;font-weight:750}.workspace{border-radius:32px;flex-direction:column;gap:18px;min-width:0;min-height:calc(100vh - 32px);padding:26px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar>div:first-child{min-width:0}.eyebrow{text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:850}h1,h2,h3,p{margin:0}h1{overflow-wrap:anywhere;font-size:clamp(32px,4vw,40px);line-height:1.02}.topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stats div{border-radius:22px;padding:18px}.stats span{margin-bottom:4px;font-size:30px;font-weight:850;display:block}.today-summary{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 12%, transparent), transparent 48%), var(--surface);border-radius:24px;gap:16px;padding:18px;display:grid}.summary-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.summary-heading h2{font-size:22px}.summary-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.summary-project-pill{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--summary-project-color,var(--blue)) 18%, transparent), #ffffff4d);max-width:min(220px,100%);min-height:30px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff85}.summary-project-pill:before{background:var(--summary-project-color,var(--blue));content:"";border-radius:999px;flex:none;width:8px;height:8px;margin-right:7px}.summary-grid{grid-template-columns:110px 110px minmax(0,1fr);gap:12px;display:grid}.summary-metric,.summary-next{border:1px solid var(--line);background:#ffffff47;border-radius:18px;min-width:0;padding:14px;box-shadow:inset 0 1px #ffffff94}.summary-metric span{margin-bottom:2px;font-size:28px;font-weight:850;display:block}.summary-metric p,.summary-next span,.summary-next p{color:var(--muted)}.summary-next{gap:4px;display:grid}.summary-next strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.summary-next p{overflow-wrap:anywhere;line-height:1.35}.filters{background:#ffffff52;border:1px solid #ffffff80;border-radius:20px;flex-wrap:wrap;gap:8px;width:fit-content;padding:6px;display:flex}.filter{min-width:78px;color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;padding:0 16px}.filter.is-active{color:var(--ink);background:#ffffffd1;box-shadow:inset 0 1px #ffffffdb,0 10px 22px #3d4a701f}.task-board{grid-template-columns:repeat(auto-fill,minmax(286px,1fr));gap:14px;display:grid}.task-card{background:linear-gradient(135deg, color-mix(in srgb, var(--task-color,var(--blue)) 16%, transparent), transparent 54%), var(--surface);border-radius:24px;gap:14px;min-height:198px;padding:18px;transition:transform .16s,box-shadow .16s;display:grid}.task-card:before{background:var(--task-color,var(--blue));content:"";border-radius:999px;width:52px;height:5px;display:block}.task-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffc7,0 24px 54px #3d4a702e}.task-card.is-done{opacity:.7}.task-card.is-done h3{text-decoration:line-through}.task-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-card h3{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.task-meta{gap:8px;font-size:14px;display:grid}.task-meta span{align-items:center;gap:8px;display:flex}.task-notes{color:var(--ink);overflow-wrap:anywhere;line-height:1.45}.attachment-list,.file-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-list a,.attachment-list span,.attachment-chip,.file-list span{border:1px solid var(--line);max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#ffffff57;border-radius:999px;padding:7px 10px;font-size:13px;overflow:hidden}.attachment-chip{cursor:pointer;text-decoration:underline}.task-actions{gap:8px;margin-top:auto;display:flex}.task-action,.danger-action{color:var(--ink);background:#ffffff70;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.danger-action{color:var(--coral)}.empty{text-align:center;border-style:dashed;border-radius:24px;grid-column:1/-1;place-items:center;min-height:320px;padding:30px;display:grid}.empty img{width:84px;height:84px;margin-bottom:14px}.empty h2{margin-bottom:6px;font-size:22px}dialog{width:min(560px,100vw - 28px);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border:0;border-radius:28px;margin:auto;padding:0;overflow:auto}dialog[open]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f27383d}.modal-form{border-radius:28px;gap:16px;padding:22px;display:grid}.form-section{border:1px solid var(--line);background:#ffffff3d;border-radius:22px;gap:13px;padding:16px;display:grid}.form-section h3{font-size:17px}.form-hint{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35}.segmented-control{border:1px solid var(--line);background:#ffffff4d;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.segment,.chip{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:13px;font-weight:800}.segment.is-active,.chip:hover{color:var(--ink);background:#ffffffbd;box-shadow:inset 0 1px #ffffffd6,0 10px 20px #3d4a701c}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:#ffffff47;padding:0 12px}.time-grid{grid-template-columns:1fr 1fr}.settings-dialog{width:min(640px,100vw - 28px)}.settings-dialog.welcome-dialog{width:min(720px,100vw - 28px)}.settings-form{gap:18px}.welcome-dialog .settings-form{gap:12px;padding:18px}.welcome-dialog .modal-form header{align-items:flex-start}.welcome-dialog.is-gated #closeSettingsButton{display:none}.welcome-dialog .settings-section{gap:10px;padding:14px}.welcome-dialog .settings-note{margin:0}.welcome-dialog .secondary-settings-section{display:none}.settings-section{border:1px solid var(--line);background:#ffffff3d;border-radius:22px;gap:12px;padding:16px;display:grid}.settings-note{color:var(--muted);font-size:13px;line-height:1.45}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill{min-height:30px;color:var(--muted);white-space:nowrap;background:#ffffff61;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.status-pill.is-active{color:var(--green)}.status-pill.is-expired{color:var(--coral)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.oauth-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oauth-button{min-width:0;min-height:46px}button:disabled{cursor:not-allowed;opacity:.52}.plan-card{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 18%, transparent), transparent 60%), #ffffff47;border-radius:18px;gap:5px;padding:14px;display:grid}.welcome-dialog .plan-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px}.welcome-dialog .plan-card p{grid-column:1/-1;margin:0}.plan-card strong,.plan-card span{color:var(--ink)}.plan-card p{color:var(--muted)}.modal-form header{justify-content:space-between;align-items:center;gap:16px;display:flex}label{color:var(--ink);gap:7px;font-weight:750;display:grid}.color-field{grid-template-columns:minmax(0,1fr) 72px;align-items:center}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-row input{width:18px;min-height:18px;accent-color:var(--blue)}.is-disabled{opacity:.58}input,select,textarea{border:1px solid var(--field-border);background:var(--field-bg);width:100%;min-height:44px;color:var(--ink);border-radius:16px;padding:10px 12px;box-shadow:inset 0 1px #ffffffc7}select{appearance:none}.project-select-field{--selected-project-color:var(--blue);position:relative}.select-shell{border:1px solid var(--field-border);background:linear-gradient(135deg, color-mix(in srgb, var(--selected-project-color) 16%, transparent), transparent 62%), #ffffff57;width:100%;min-height:48px;color:var(--ink);text-align:left;border-radius:18px;grid-template-columns:16px minmax(0,1fr) 18px;align-items:center;padding:4px 10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 12px 26px #3d4a701a}.select-shell:focus-within{outline:3px solid color-mix(in srgb, var(--selected-project-color) 54%, white);outline-offset:3px}.select-dot{background:var(--option-color,var(--selected-project-color));border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 5px #ffffff8a}.select-value{text-overflow:ellipsis;white-space:nowrap;padding-inline:8px;font-weight:820;overflow:hidden}.select-chevron{color:var(--muted);pointer-events:none;justify-self:end;font-size:18px;line-height:1}.project-picker-menu{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 92%, white);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(150%);border-radius:20px;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.project-select-field.is-open .project-picker-menu{display:grid}.project-select-field.is-open .select-chevron{transform:rotate(180deg)}.project-picker-option{min-height:42px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-weight:800;display:grid}.project-picker-option:hover,.project-picker-option.is-selected{background:linear-gradient(135deg, color-mix(in srgb, var(--option-color) 14%, transparent), transparent 70%), #ffffff94}.project-picker-option span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input[type=color]{height:48px;padding:6px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:12px}.upload-card{border:1px dashed var(--line);cursor:pointer;background:#ffffff3d;border-radius:18px;padding:16px}.upload-card span,.upload-card strong{display:block}.upload-card strong{color:var(--muted);font-size:14px}.upload-card input{margin-top:12px}textarea{resize:vertical}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.toast{color:#fff;max-width:min(360px,100vw - 44px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#17191fd6;border:1px solid #ffffff9e;border-radius:18px;padding:12px 14px;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;right:22px;transform:translateY(16px)}.undo-toast{z-index:10;color:#fff;max-width:min(460px,100vw - 44px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#17191fe6;border:1px solid #ffffff9e;border-radius:18px;align-items:center;gap:12px;padding:10px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:22px;left:22px;transform:translateY(16px)}.undo-toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (width<=820px){.app-shell{grid-template-columns:1fr;padding:10px}.sidebar{min-height:auto}.workspace{min-height:auto;padding:20px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions,.stats,.summary-grid,.field-grid{grid-template-columns:1fr}.summary-heading{flex-direction:column;align-items:flex-start}.topbar-actions{grid-template-columns:42px repeat(3,minmax(0,1fr));display:grid}.topbar-actions .secondary-action,.topbar-actions .danger-action,.topbar-actions .primary-action{white-space:normal;min-width:0;padding-inline:10px}.filters{width:100%}.filter{flex:1;min-width:0}h1{font-size:32px}.button-row{display:grid}.oauth-row{grid-template-columns:1fr}}@media (width<=380px){.workspace{padding:16px}.topbar-actions{grid-template-columns:42px 1fr}.topbar-actions .primary-action{grid-column:span 2}.task-actions,.undo-toast{flex-direction:column;align-items:stretch}}