:root{--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--bg:#eceff3;--surface:#fff;--ink:#23201c;--on-ink:#fff;--muted:#6a6259;--hair:#d9dee5;--soft:#e3e7ed;--seg:#dfe3ea;--done-text:#6e655c;--danger:#b3261e;--danger-soft:#f9e1db;--shadow-card:0 1px 2px #23201c14, 0 6px 18px #23201c12;--shadow-pop:0 16px 40px #23201c2e;--scrim:#23201c73;--do:#b8321f;--do-tint:#f9e1db;--do-line:#e7b3a6;--do-text:#9c2a19;--sc:#2a5bb0;--sc-tint:#dfe9f8;--sc-line:#afc7ea;--sc-text:#1f4a93;--de:#b26b0e;--de-tint:#f8e8cc;--de-line:#e4c48c;--de-text:#7f4d07;--la:#6e655c;--la-tint:#eae5dd;--la-line:#d2c9bc;--la-text:#4f4842;--dn:#2b7a4b;--dn-tint:#ddf0e3;--dn-line:#a8d5b7;--dn-text:#1c5f38;--dn-card:#f5fbf7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#171513;--surface:#221f1c;--ink:#f2ede6;--on-ink:#171513;--muted:#a89f94;--hair:#34302b;--soft:#2c2824;--seg:#100e0d;--done-text:#9a9188;--danger:#b3261e;--danger-soft:#3a1c17;--shadow-card:0 1px 2px #0006, 0 6px 18px #00000040;--shadow-pop:0 16px 40px #00000080;--scrim:#0009;--do:#f08a78;--do-tint:#2a1c19;--do-line:#4d2b24;--do-text:#f6a799;--sc:#8db3ee;--sc-tint:#19212d;--sc-line:#2c3e5c;--sc-text:#a9c6f2;--de:#e9b46a;--de-tint:#2a2216;--de-line:#4f3c1e;--de-text:#f0c788;--la:#b3aa9f;--la-tint:#24211e;--la-line:#3b3632;--la-text:#c8c0b6;--dn:#7fd3a0;--dn-tint:#16231b;--dn-line:#2b4a36;--dn-text:#9ee0b6;--dn-card:#1b2620;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4;transition:background-color .25s,color .25s}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--sc);outline-offset:2px}h1,h2,p{margin:0}.muted{color:var(--muted)}.small-strong{font-size:14px;font-weight:600}.serif{font-family:var(--font-display)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.center-screen{min-height:100vh;color:var(--muted);place-items:center;display:grid}.logo{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12%;display:inline-grid}.logo span{border-radius:25%}.logo-do{background:var(--do)}.logo-schedule{background:var(--sc)}.logo-delegate{background:var(--de)}.logo-later{background:var(--la)}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:15px;font-weight:600;transition:transform .15s,background-color .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-lg{border-radius:14px;width:100%;height:52px;font-size:16px}.btn-full{width:100%}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-soft{background:var(--soft)}.btn-ghost{color:var(--muted);background:0 0;height:44px;padding:0 12px}.btn-outline{background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow-card)}.btn-danger{background:var(--danger);color:#fff}.link{text-underline-offset:3px;color:var(--ink);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover:not(:disabled),.icon-btn-soft{background:var(--soft);color:var(--ink)}.segmented{background:var(--seg);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-3{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{height:44px;color:var(--muted);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:5px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.segmented button[aria-selected=true],.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field-row{justify-content:space-between;align-items:baseline;display:flex}.field label,.detail-label{font-size:14px;font-weight:600}.field input,.date-row input{border:1px solid var(--hair);background:var(--surface);border-radius:14px;height:50px;padding:0 14px;font-size:16px}.form-error{color:var(--do-text);font-size:14px;font-weight:600}.form-notice{color:var(--dn-text);font-size:14px;font-weight:600}.hint{color:var(--muted);font-size:13px}.text-urgent{color:var(--de-text)}.text-important{color:var(--sc-text)}.auth{flex-direction:column;gap:24px;max-width:420px;min-height:100vh;margin:0 auto;padding:64px 24px 32px;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.auth-brand h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:34px;font-weight:500}.auth-tagline{font-family:var(--font-display);color:var(--muted);font-size:18px;font-style:italic}.auth-subtitle{font-family:var(--font-display);margin-bottom:4px;font-size:22px;font-weight:500}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;margin-top:auto;font-size:14px}.google-g{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.divider{color:var(--muted);letter-spacing:.04em;align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--hair);flex:1;height:1px}.board{flex-direction:column;gap:22px;max-width:1160px;margin:0 auto;padding:20px 16px 48px;display:flex}.board-header{justify-content:space-between;align-items:center;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-name{font-family:var(--font-display);font-size:18px;font-weight:500}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.quadrants{flex-direction:column;gap:18px;display:flex}@media (width>=900px){.board{gap:28px;padding:28px 24px 56px}.quadrants{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.quadrant{min-height:220px}.greeting h1{font-size:40px}}.error-banner{background:var(--danger-soft);color:var(--do-text);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.welcome{background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.welcome h2{font-family:var(--font-display);margin-bottom:6px;font-size:22px;font-weight:500}.welcome p{color:var(--muted)}.greeting{flex:420px;justify-content:space-between;align-items:center;gap:16px;display:flex}.greeting-text{flex-direction:column;gap:6px;min-width:0;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.greeting h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:400;line-height:1.1}.greeting h1 em{font-style:italic}.greeting.is-all-done h1{background:linear-gradient(90deg, var(--ink) 40%, var(--dn) 50%, var(--ink) 60%);color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.summary{color:var(--muted);font-size:14px}.summary .overdue{color:var(--do-text);font-weight:600}.ring{flex-shrink:0;width:64px;height:64px;position:relative}.ring svg{display:block}.ring-track{stroke:var(--hair)}.ring-value{stroke:var(--dn);transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}.ring-label{font-family:var(--font-display);justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}.quick-add{flex-direction:column;flex:360px;max-width:520px;display:flex}.quick-add-bar{background:var(--surface);border:1px solid var(--hair);color:var(--muted);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:8px;padding:4px 4px 4px 16px;transition:border-color .2s;display:flex}.quick-add.is-open .quick-add-bar{border-color:var(--ink);box-shadow:none;border-bottom-color:#0000;border-radius:16px 16px 0 0}.quick-add-bar input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;flex:1;font-size:16px}.quick-add-bar input:focus{outline:none}.quick-add-bar:focus-within{border-color:var(--ink)}.quick-add-details{background:var(--surface);border:1px solid var(--ink);box-shadow:var(--shadow-pop);border-top:0;border-radius:0 0 20px 20px;flex-direction:column;gap:18px;padding:8px 16px 16px;animation:.2s drop-in;display:flex}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.detail-group{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.detail-group legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flag-toggle{border:1.5px solid var(--hair);background:var(--surface);height:48px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.flag-urgent[aria-pressed=true]{background:var(--de-tint);border-color:var(--de);color:var(--de-text)}.flag-important[aria-pressed=true]{background:var(--sc-tint);border-color:var(--sc);color:var(--sc-text)}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mini-cell{background:var(--soft);color:var(--muted);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mini-cell.is-target{background:var(--q-tint);border-color:var(--q);color:var(--q-text);font-weight:600}.date-row{gap:8px;display:flex}.date-row input{border-radius:12px;flex:1;height:48px}.actions{justify-content:flex-end;gap:8px;display:flex}.q-do{--q:var(--do);--q-tint:var(--do-tint);--q-line:var(--do-line);--q-text:var(--do-text)}.q-schedule{--q:var(--sc);--q-tint:var(--sc-tint);--q-line:var(--sc-line);--q-text:var(--sc-text)}.q-delegate{--q:var(--de);--q-tint:var(--de-tint);--q-line:var(--de-line);--q-text:var(--de-text)}.q-later{--q:var(--la);--q-tint:var(--la-tint);--q-line:var(--la-line);--q-text:var(--la-text)}.quadrant{background:var(--q-tint);border:1px solid var(--q-line);border-radius:20px;flex-direction:column;gap:10px;padding:16px 14px;display:flex}.quadrant-head{align-items:center;gap:12px;padding:0 2px 4px;display:flex}.q-badge{background:var(--q);width:36px;height:36px;color:var(--on-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.q-badge.just-cleared{animation:1.2s glow}@keyframes glow{0%{box-shadow:0 0 0 0 var(--q)}60%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.q-titles{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.q-titles h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--q-text);font-size:20px;font-weight:600}.q-sub{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:500}.q-sub .flag-u{color:var(--de-text);font-weight:700}.q-sub .flag-i{color:var(--sc-text);font-weight:700}.q-count{font-family:var(--font-display);color:var(--q-text);font-size:18px}.dot{background:var(--q);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-sm{width:6px;height:6px}.all-clear{font-family:var(--font-display);color:var(--muted);align-items:center;gap:8px;padding:6px 4px 2px;font-size:15px;font-style:italic;animation:.4s fade-up;display:flex}.task-card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:6px;padding:8px 6px 8px 8px;transition:opacity .25s,transform .25s;animation:.3s fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.task-card.is-leaving{opacity:0;transform:translateY(6px)scale(.98)}.check-hit{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.check{appearance:none;cursor:pointer;border:2px solid var(--q,var(--la));background:0 0;border-radius:50%;place-items:center;width:22px;height:22px;margin:0;transition:background-color .2s,border-color .2s,transform .2s;display:grid}.check:after{content:"";border:solid var(--on-ink);border-width:0 0 2.5px 2.5px;width:10px;height:6px;margin-top:-2px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);transform:rotate(-45deg)scale(0)}.check:checked{background:var(--dn);border-color:var(--dn)}.check:checked:after{transform:rotate(-45deg)scale(1)}.check:active{transform:scale(.9)}.task-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-title{overflow-wrap:anywhere;width:fit-content;max-width:100%;font-size:16px;font-weight:500;position:relative}.task-title:after{content:"";background:currentColor;width:0;height:1.5px;transition:width .25s;position:absolute;top:55%;left:0}.is-completing .task-title:after{width:100%}.task-meta{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.task-meta.is-overdue{color:var(--do-text);font-weight:600}.completed{background:var(--dn-tint);border:1px solid var(--dn-line);border-radius:20px;flex-direction:column;gap:10px;padding:12px 14px 16px;display:flex}.completed-head{align-items:center;gap:12px;display:flex}.completed-head h2{font-family:var(--font-display);color:var(--dn-text);flex:1;font-size:20px;font-weight:500}.done-badge{background:var(--dn);width:36px;height:36px;color:var(--on-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.completed-toggle{color:var(--dn-text);font-weight:600}.completed-list{flex-direction:column;gap:10px;display:flex}@media (width>=900px){.completed{padding:14px 18px 18px}.completed-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.task-card.is-done{background:var(--dn-card);border:1px solid var(--dn-line);box-shadow:none}.task-card.is-done .task-title{color:var(--done-text);font-weight:400;text-decoration:line-through}.account{position:relative}.avatar{border:1px solid var(--hair);background:var(--surface);width:40px;height:40px;color:var(--ink);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.avatar-sm{flex-shrink:0;width:40px;height:40px}.account-menu{z-index:20;background:var(--surface);border:1px solid var(--hair);width:min(300px,100vw - 32px);box-shadow:var(--shadow-pop);border-radius:20px;flex-direction:column;gap:14px;padding:16px;animation:.18s drop-in;display:flex;position:absolute;top:50px;right:0}.account-menu hr{background:var(--hair);border:0;height:1px;margin:0}.account-who{align-items:center;gap:12px;min-width:0;display:flex}.account-who>div{overflow-wrap:anywhere;min-width:0}.who-name{font-weight:600}.appearance{flex-direction:column;gap:8px;display:flex}.overlay{z-index:50;background:var(--scrim);place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow-pop);border-radius:24px;flex-direction:column;gap:14px;padding:24px;animation:.2s drop-in;display:flex}.dialog h2{font-family:var(--font-display);font-size:24px;font-weight:500}.dialog p{color:var(--muted);line-height:1.45}.dialog-icon{background:var(--danger-soft);width:48px;height:48px;color:var(--do-text);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}