@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--page-bg:#f5efe7;--glass-bg:rgba(255,251,245,.68);--glass-border:rgba(255,255,255,.88);--ink:#2a1f1b;--muted:#7a6a62;--accent:#e96d4d;--shadow:0 14px 38px rgba(110,70,50,.07);--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Manrope',var(--font)}
*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:var(--font);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(90% 65% at 50% -10%,#fffdf9,transparent 66%),linear-gradient(180deg,#f8f2ea,#f2ebe2);z-index:-1}.ambient i{position:absolute;width:390px;height:390px;border-radius:50%;filter:blur(90px);opacity:.15;background:#ef815f}.ambient i:nth-child(1){left:12%;top:10%}.ambient i:nth-child(2){right:4%;top:42%;background:#bc9cf1}.ambient i:nth-child(3){left:30%;bottom:-270px;background:#e9a46f}.shell{max-width:1440px;margin:auto;padding:24px;display:grid;grid-template-columns:246px minmax(0,1fr);gap:28px;min-height:100vh}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.sidebar{height:calc(100vh - 48px);min-height:600px;border-radius:24px;padding:25px 16px;display:flex;flex-direction:column;position:sticky;top:24px}.brand{display:flex;align-items:center;gap:11px;padding:0 7px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.7px}.brand small{display:block;font:500 11px var(--font);color:var(--muted);letter-spacing:0;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:white;font:800 17px var(--display);background:linear-gradient(145deg,#f39978,#dd6045);box-shadow:0 6px 15px #de795b42}.nav{display:grid;gap:6px;margin:43px 0 31px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;color:#77665f;border-radius:12px;font-size:13px;font-weight:600}.nav-item>span{font-size:18px;width:18px;text-align:center}.nav-item b{margin-left:auto;font-size:11px;color:#9a8981}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.76);color:var(--ink);box-shadow:0 5px 14px #755b4710}.side-section{border-top:1px solid #8b69551a;padding-top:18px}.side-heading,.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#9b8980}.side-heading{display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px}.icon-button{border:0;background:transparent;color:#9b8980;font-size:20px;line-height:1;padding:4px}.icon-button:hover{color:var(--accent)}.space-link{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:9px 11px;border-radius:10px;text-align:left;color:#6f6059;font-size:12px}.space-link:hover,.space-link.selected{background:#fff9;color:var(--ink)}.space-dot{width:8px;height:8px;border-radius:50%;background:#e68162;box-shadow:0 0 0 4px #e6816215}.space-count{margin-left:auto;color:#a7948a;font-size:10px}.sidebar-bottom{margin-top:auto;padding:13px 10px;border-top:1px solid #8b69551a;color:#9a8981;font-size:10px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#83ad8d;border-radius:50%}.main{padding:0 24px 60px 4px;min-width:0}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;color:#98867d;font-size:11px}.breadcrumb span{padding:0 8px;color:#c2b2a9}.breadcrumb strong{color:#62524b;font-weight:600}.profile{width:34px;height:34px;border-radius:50%;border:1px solid #fff;background:linear-gradient(145deg,#f5d8c8,#ddab93);color:#68483a;font-size:10px;font-weight:700}.view{max-width:1100px;margin:35px auto 0}.hidden{display:none!important}.welcome,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:31px}.eyebrow{margin:0 0 10px}.welcome h1,.page-heading h1{font:700 34px/1.15 var(--display);letter-spacing:-1.4px;margin:0}.sun{font-size:21px;color:#e7966c;display:inline-block;margin-left:10px;vertical-align:top}.subheading{font-size:13px;color:var(--muted);margin:10px 0 0}.button{border:0;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#f09270,#df664c);color:#fff;box-shadow:0 7px 16px #df795432}.button.primary:hover{box-shadow:0 9px 22px #df79544b}.button.primary span{font-size:17px;line-height:12px}.button.secondary{background:#f5eee7;color:#725e54;border:1px solid #e8dcd2}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.summary-card{min-height:108px;border-radius:17px;padding:18px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr auto;column-gap:12px;align-items:center}.summary-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:15px;grid-row:1/3}.coral{background:#fae6dc;color:#d4795b}.lilac{background:#eee7fa;color:#957dc5}.mint{background:#e3f0e6;color:#689575}.summary-card span{font-size:11px;color:var(--muted)}.summary-card strong{display:block;font:700 23px var(--display);margin-top:1px}.summary-card>small{font-size:10px;color:#a39389;grid-column:2}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:39px 2px 15px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font:700 19px var(--display);letter-spacing:-.55px;margin:0}.text-button{border:0;background:transparent;color:#aa725c;font-size:11px;font-weight:700;padding:7px}.text-button:hover{color:#c35439}.text-button span{font-size:15px;padding-left:4px}.task-list{display:grid;gap:9px}.task-row{display:grid;grid-template-columns:21px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 17px;border-radius:15px;background:rgba(255,252,247,.58);border:1px solid #fff9;transition:background .15s,transform .15s}.task-row:hover{background:#fffaf5;transform:translateY(-1px)}.task-row.completed .task-title{text-decoration:line-through;color:#aa9b93}.task-check{appearance:none;width:18px;height:18px;border:1.5px solid #d4c2b7;border-radius:6px;background:#fff9;display:grid;place-items:center;margin:0;cursor:pointer}.task-check:checked{background:#8caf92;border-color:#8caf92}.task-check:checked:after{content:'✓';color:#fff;font-size:12px}.task-title{font-size:12px;font-weight:700;display:block}.task-description{font-size:10px;color:#918078;margin-top:4px;display:block;line-height:1.4}.task-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chip{padding:4px 8px;border-radius:20px;background:#f3eae2;color:#846c5e;font-size:9px;white-space:nowrap}.chip.category{background:#f8e6de;color:#af654b}.task-date{font-size:10px;color:#9c8980;white-space:nowrap}.task-date.overdue{color:#c85542;font-weight:700}.task-date.today{color:#ac7855;font-weight:700}.empty{padding:32px 20px;text-align:center;border:1px dashed #d8c9bd;border-radius:16px;color:#9a8980;font-size:12px}.empty strong{display:block;color:#65534a;font:700 13px var(--display);margin-bottom:5px}.categories-heading{margin-top:38px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-card{border-radius:15px;padding:15px 16px;min-height:92px;cursor:pointer;transition:transform .18s}.category-card:hover{transform:translateY(-2px)}.category-card strong{font:700 13px var(--display);display:block}.category-card small{font-size:10px;color:#96857b;display:block;margin-top:8px}.category-card .space-dot{margin-bottom:12px}.page-heading{align-items:end}.toolbar{border-radius:15px;padding:9px;display:grid;grid-template-columns:minmax(180px,1fr) 170px 160px 135px;gap:7px;margin-bottom:13px}.search{display:flex;align-items:center;gap:9px;padding:0 10px;color:#ab978d}.search span{font-size:19px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:var(--ink)}select{border:1px solid #ede1d8;background:#fff9;border-radius:9px;padding:9px 10px;color:#6d5b53;font-size:10px;min-width:0;outline-color:#e89b7f}.list-meta{display:flex;justify-content:space-between;align-items:center;color:#9a8980;font-size:10px;margin:13px 3px}.fab{position:fixed;right:32px;bottom:30px;width:54px;height:54px;border:0;border-radius:19px;background:linear-gradient(145deg,#f39a77,#de644a);color:#fff;font-size:29px;box-shadow:0 10px 25px #d46b4c55;transition:transform .2s}.fab:hover{transform:rotate(90deg) scale(1.04)}.dialog{border:1px solid #fff;border-radius:22px;padding:25px;width:min(560px,calc(100vw - 28px));background:#fbf7f1;color:var(--ink);box-shadow:0 25px 80px #3b271e38}.dialog::backdrop{background:#34251f45;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.dialog-head h2{font:700 21px var(--display);letter-spacing:-.5px;margin:0}.close{font-size:25px}.field-label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#6e5b53;margin:13px 0}.field-label small{font-size:9px;font-weight:400;color:#9b8980}.field-label input,.field-label textarea,.field-label select,.capture-row textarea{border:1px solid #e9ddd4;background:#fffaf5;border-radius:10px;padding:11px 12px;outline-color:#e89b7f;color:var(--ink);font-size:12px;resize:vertical}.capture-row{display:flex;gap:8px}.capture-row textarea{flex:1;min-height:62px}.mic-button{width:42px;border:1px solid #e9ddd4;border-radius:11px;background:#fffaf5;color:#b67a60;font-size:21px}.mic-button.listening{background:#f9e0d5;color:#d25542;animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #e47b5525}}.ai-button{display:flex;align-items:center;gap:7px;margin-top:10px;border:1px solid #f0ded1;background:#fff5ee;color:#a45d43;padding:9px 11px;border-radius:10px;font-size:11px;font-weight:700}.ai-button span{font-size:14px;color:#d88864}.ai-button small{font-weight:400;color:#a99184;margin-left:2px}.ai-message{min-height:15px;margin:8px 2px 0;font-size:10px;color:#8b766c}.ai-message.error{color:#b84d3b}.task-fields{padding-top:8px;border-top:1px solid #eddfd5;margin-top:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row select[multiple]{height:75px}.check-label{display:flex;align-items:center;gap:8px;padding-top:15px}.check-label input{accent-color:#df795c}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.button:disabled{opacity:.45;cursor:not-allowed}.compact{max-width:400px}
@media(max-width:900px){.shell{grid-template-columns:205px 1fr;gap:18px;padding:16px}.sidebar{height:calc(100vh - 32px);top:16px}.main{padding:0 9px 50px}.toolbar{grid-template-columns:1fr 1fr}.search{min-height:36px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.shell{display:block;padding:0 14px 90px}.sidebar{position:static;height:auto;min-height:0;padding:13px 14px;border-radius:0 0 18px 18px;border-top:0;display:grid;grid-template-columns:1fr auto;align-items:center}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.nav{display:flex;margin:0;gap:2px}.nav-item{padding:9px;font-size:0}.nav-item span{font-size:19px}.nav-item b,.side-section,.sidebar-bottom{display:none}.main{padding:0}.topbar{height:48px}.view{margin-top:25px}.welcome,.page-heading{align-items:start}.welcome h1,.page-heading h1{font-size:29px}.welcome .button,.page-heading .button{font-size:0;padding:11px}.welcome .button span,.page-heading .button span{font-size:19px}.summary-grid{gap:8px}.summary-card{padding:12px 10px;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:106px;gap:5px}.summary-icon{width:29px;height:29px;border-radius:10px;grid-row:auto;font-size:12px}.summary-card strong{font-size:19px}.summary-card>small{grid-column:auto;font-size:9px}.summary-card span{font-size:9px}.section-heading{margin-top:31px}.task-row{grid-template-columns:20px 1fr;gap:10px;padding:13px}.task-date{grid-column:2;font-size:9px}.toolbar{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.toolbar select{width:100%;font-size:9px;padding:9px 7px}.category-grid{grid-template-columns:1fr 1fr}.category-card{padding:13px}.fab{right:20px;bottom:20px}.field-row{grid-template-columns:1fr;gap:0}.dialog{padding:20px}.dialog-actions{position:sticky;bottom:0;background:#fbf7f1;padding-top:10px}.welcome{gap:10px}.welcome .subheading,.page-heading .subheading{max-width:240px;font-size:12px}}
.task-edit{border:0;background:transparent;padding:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer}.task-edit:hover{color:#b75f45}.task-edit:focus-visible{outline:2px solid #e89b7f;outline-offset:3px;border-radius:2px}

/* Checkbox choices for task spaces and action tags. */
.dialog{width:min(610px,calc(100vw - 28px));max-height:90vh;overflow-y:auto}
.choice-section{margin:19px 0 21px}.choice-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.choice-heading>span{font-size:12px;font-weight:700;color:#6e5b53}.choice-heading small{font-size:10px;color:#a28d81}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-pill{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding:10px 13px;border:1px solid #e9ddd3;border-radius:12px;background:linear-gradient(145deg,#fffcf9,#f8f1ea);color:#89776c;font-size:12px;transition:background .18s,border-color .18s,box-shadow .18s}.choice-pill input{position:absolute;opacity:0;width:1px;height:1px}.choice-check{display:grid;place-items:center;width:17px;height:17px;border:1.5px solid #d9c8bb;border-radius:5px;font-size:10px;color:transparent;background:#fff9}.choice-pill:has(input:checked){background:#fae8dc;border-color:#e8b59c;color:#9b533c;box-shadow:inset 0 1px 0 #fff9,0 3px 9px #b57b4f0b}.choice-pill:has(input:checked) .choice-check{background:#df805d;border-color:#df805d;color:white}.choice-pill:hover{border-color:#d8ac94}.choice-pill:has(input:focus-visible){outline:2px solid #d98d6a;outline-offset:3px}.tags-grid .choice-pill{border-radius:22px;padding:8px 11px;font-size:11px}.tags-grid .choice-check{width:15px;height:15px}.new-badge{font-size:9px;color:#9377b2;background:#f0e9f7;padding:3px 6px;border-radius:5px;white-space:nowrap}.choice-pill.is-new{border-style:dashed}.choice-pill.is-new:has(input:checked){border-color:#b69bc9;background:#f4edf8;color:#7d5b97}.is-new:has(input:checked) .choice-check{background:#a185b8;border-color:#a185b8}.creation-note{padding:12px 14px;background:#f0e9f56b;border:1px solid #e7dcef;border-radius:11px;font-size:10px;line-height:1.6;color:#897298}.choice-name{font-weight:600}@media(max-width:640px){.choice-heading small{font-size:9px}.choice-pill{padding:9px 11px}.dialog{max-height:92vh}}

/* Scrollbars blend into the warm glass surfaces. */
:root{scrollbar-color:#c8a28d transparent;scrollbar-width:thin}
.dialog,textarea{scrollbar-color:#c8a28d transparent;scrollbar-width:thin}
.dialog{scrollbar-gutter:stable;overscroll-behavior:contain}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent;margin-block:18px}
::-webkit-scrollbar-thumb{background:#c8a28d;border:2px solid transparent;background-clip:padding-box;border-radius:999px;min-height:40px}
::-webkit-scrollbar-thumb:hover{background-color:#b8876d}
::-webkit-scrollbar-thumb:active{background-color:#a96e51}
::-webkit-scrollbar-corner{background:transparent}
@supports selector(::-webkit-scrollbar){
  :root,.dialog,textarea{scrollbar-width:auto;scrollbar-color:auto}
}

/* Private home and sign in. */
.login-header{max-width:1240px;margin:auto;padding:35px 45px;display:flex;justify-content:space-between;align-items:center}.private-label{font-size:11px;color:var(--muted)}.login-layout{max-width:1150px;margin:65px auto;padding:0 45px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.login-intro h1{font:700 clamp(38px,4.5vw,58px)/1.15 var(--display);letter-spacing:-2.5px;margin:18px 0 24px}.login-intro h1 em{color:#cf795c;font-style:normal}.login-intro>p:not(.eyebrow){max-width:370px;font-size:14px;line-height:1.8;color:var(--muted)}.login-features{display:grid;gap:12px;font-size:12px;color:#987e6f;margin:27px 0 35px}.login-decoration{border-radius:17px;padding:17px;display:flex;align-items:center;gap:13px;max-width:355px;transform:rotate(-2deg)}.login-decoration strong{display:block;font-size:11px}.login-decoration small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.login-decoration .sun{margin-left:auto}.login-card{padding:34px;border-radius:25px}.login-symbol{width:43px;height:43px;display:grid;place-items:center;background:#f6e4d8;border:1px solid #fff;border-radius:14px;color:#b77d61;font-size:24px;margin-bottom:25px}.login-card h2{font:700 25px var(--display);letter-spacing:-.8px;margin:0}.login-subtitle{color:var(--muted);font-size:12px;margin:10px 0 26px}.login-card .field-label{margin:18px 0}.login-card input{padding:13px}.login-submit{width:100%;justify-content:space-between;padding:14px 16px}.login-error{color:#b64f3a;font-size:11px;line-height:1.5;min-height:16px}.login-footnote{font-size:9px;text-align:center;color:#a59288;margin-top:23px}.logout-button{margin-left:auto;margin-right:12px;color:var(--muted);border:1px solid #e9ddd3;background:#fff6;border-radius:9px;padding:7px 10px;font-size:10px}.save-error{color:#b64f3a!important}.save-notice{cursor:default}@media(max-width:720px){.login-header{padding:24px}.private-label{font-size:9px}.login-layout{margin:20px auto;padding:0 24px 40px;grid-template-columns:1fr;gap:28px;max-width:480px}.login-intro h1{font-size:39px}.login-intro>p:not(.eyebrow){font-size:12px}.login-features,.login-decoration{display:none}.login-card{padding:25px}}

/* Theme switch adapted from danielbarreiros ThemeSwitcher. */
.theme-switcher {
    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        inset 0 -1px 0 rgba(255, 244, 236, 0.08),
        0 0 0 1px rgba(255, 240, 230, 0.06);
}

[data-theme='dark'] .theme-switcher::after {
    box-shadow:
        0 0 0 2.5px rgba(255, 236, 222, 0.18),
        inset 0 -4px 8px color-mix(in srgb, var(--accent-from) 60%, #4a1406),
        inset 0 0 12px color-mix(in srgb, var(--accent-to) 55%, transparent),
        0 0 18px -2px color-mix(in srgb, var(--accent-from) 60%, transparent);
}

[data-theme='dark'] .theme-switcher--sm:not(.is-on)::after {
    background: linear-gradient(180deg, rgba(255, 240, 230, 0.3), rgba(255, 240, 230, 0.12));
}

[data-theme='dark'] .notification-unread .liquidGlass-tint {
    background: color-mix(in srgb, var(--accent-from) 16%, rgba(255, 255, 255, 0.04));
}

[data-theme='dark'] .liquidGlass-wrapper {
    box-shadow:
        0 26px 50px -24px color-mix(in srgb, var(--accent-from) 30%, transparent),
        0 12px 28px -12px var(--resin-shadow);
}

[data-theme='dark'] .liquidGlass-wrapper--hover:hover {
    box-shadow:
        0 34px 60px -22px color-mix(in srgb, var(--accent-from) 42%, transparent),
        0 16px 32px -14px var(--resin-shadow);
}

[data-theme='dark'] .liquidGlass-shine::before {
    opacity: 0.12;
}

[data-theme='dark'] .liquid-glass::after {
    box-shadow:
        inset 0 4px 10px rgba(255, 255, 255, 0.05),
        inset 0 -4px 10px rgba(0, 0, 0, 0.3);
}

[data-theme='dark'] .glass-white {
    background: linear-gradient(180deg, rgba(255, 240, 230, 0.16) 0%, rgba(255, 230, 215, 0.06) 100%);
    box-shadow:
        inset 0 1.5px 0 rgba(255, 244, 236, 0.28),
        inset 0 -3px 6px rgba(0, 0, 0, 0.3),
        inset 0 -10px 16px -10px color-mix(in srgb, var(--accent-from) 40%, transparent),
        0 0 0 1px rgba(255, 240, 230, 0.1),
        0 12px 24px -10px rgba(0, 0, 0, 0.6);
}

[data-theme='dark'] .glass-white::before {
    background: linear-gradient(180deg, rgba(255, 244, 236, 0.35) 0%, rgba(255, 255, 255, 0) 50%, color-mix(in srgb, var(--accent-from) 35%, transparent) 100%);
}

[data-theme='dark'] .glass-white:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(255, 240, 230, 0.22) 0%, rgba(255, 230, 215, 0.09) 100%);
    box-shadow:
        inset 0 1.5px 0 rgba(255, 244, 236, 0.32),
        inset 0 -3px 6px rgba(0, 0, 0, 0.3),
        inset 0 -12px 18px -10px color-mix(in srgb, var(--accent-from) 55%, transparent),
        0 0 0 1px rgba(255, 240, 230, 0.14),
        0 16px 30px -12px color-mix(in srgb, var(--accent-from) 45%, transparent);
}

[data-theme='dark'] .glass-input {
    border-color: rgba(255, 240, 230, 0.1);
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.45),
        inset 0 -1px 0 rgba(255, 244, 236, 0.06);
}

[data-theme='dark'] .glass-input:focus {
    border-color: color-mix(in srgb, var(--accent-from) 60%, transparent);
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.4),
        inset 0 0 18px color-mix(in srgb, var(--accent-from) 14%, transparent),
        0 0 0 4px color-mix(in srgb, var(--accent-from) 22%, transparent);
}

[data-theme='dark'] .glass-file__trigger:focus-visible .glass-file__preview {
    border-color: color-mix(in srgb, var(--accent-from) 60%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-from) 22%, transparent);
}

[data-theme='dark'] .glass-tag {
    background: linear-gradient(180deg, rgba(255, 240, 230, 0.13) 0%, rgba(255, 230, 215, 0.05) 100%);
    border-color: rgba(255, 240, 230, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 236, 0.2),
        inset 0 -2px 3px rgba(0, 0, 0, 0.3),
        0 4px 10px -4px rgba(0, 0, 0, 0.5);
}

[data-theme='dark'] .glass-tag::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
}

[data-theme='dark'] .glass-tag__dot {
    outline-color: rgba(255, 240, 230, 0.3);
}

[data-theme='dark'] .glass-flash-success .liquidGlass-tint {
    background: rgba(16, 185, 129, 0.22);
}

[data-theme='dark'] .glass-flash-error .liquidGlass-tint {
    background: rgba(239, 68, 68, 0.22);
}

[data-theme='dark'] .text-apple-dark,
[data-theme='dark'] .text-glass-text {
    color: var(--glass-text) !important;
}

[data-theme='dark'] .text-glass-muted {
    color: var(--glass-muted) !important;
}

[data-theme='dark'] .text-gray-500,
[data-theme='dark'] .text-gray-600,
[data-theme='dark'] .text-gray-700,
[data-theme='dark'] .text-gray-800 {
    color: var(--glass-muted);
}

[data-theme='dark'] a.text-gray-500:hover,
[data-theme='dark'] a.text-gray-600:hover,
[data-theme='dark'] a.hover\:text-apple-dark:hover {
    color: var(--glass-text);
}

[data-theme='dark'] .bg-apple-dark {
    background-color: var(--glass-text);
}

[data-theme='dark'] .border-white\/30 {
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme='dark'] .shadow-sm {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

@supports not (backdrop-filter: blur(1px)) {
    [data-theme='dark'] .liquidGlass-tint {
        background: rgba(18, 18, 22, 0.9) !important;
    }
}

/* --- Theme switcher (CodePen KwpRaGr, adaptado liquid glass) --- */
.theme-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0.3rem;
    border: none;
    border-radius: 9999px;
    background: linear-gradient(180deg, var(--resin-well-top) 0%, var(--resin-well-bottom) 100%);
    box-shadow:
        inset 0 2px 5px rgba(120, 80, 60, 0.16),
        inset 0 -1px 0 rgba(255, 255, 255, 0.9),
        0 0 0 1px rgba(255, 255, 255, 0.7),
        0 1px 0 rgba(255, 255, 255, 0.8);
    transition:
        background 0.45s ease,
        box-shadow 0.45s ease;
}

/* Pulgar = esfera de gelatina coral con aro lechoso */
.theme-switcher::after {
    content: '';
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.85) 0 10%, rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--accent-to) 80%, #fff) 0%, var(--accent-from) 62%, color-mix(in srgb, var(--accent-from) 78%, #4a1406) 100%);
    box-shadow:
        0 0 0 2.5px rgba(255, 251, 246, 0.95),
        inset 0 -4px 8px color-mix(in srgb, var(--accent-from) 60%, #4a1406),
        inset 0 0 12px color-mix(in srgb, var(--accent-to) 55%, transparent),
        0 6px 14px -4px color-mix(in srgb, var(--accent-from) 60%, transparent);
    transition: transform 0.55s var(--jelly-spring);
    pointer-events: none;
    z-index: 0;
}

.theme-switcher:has(.theme-switcher__input[data-option='1']:checked)::after {
    transform: translateX(0);
}

.theme-switcher:has(.theme-switcher__input[data-option='2']:checked)::after {
    transform: translateX(2.65rem);
}

.theme-switcher__option {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    cursor: pointer;
    border-radius: 50%;
}

.theme-switcher__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.theme-switcher__icon {
    color: var(--switcher-icon);
    transition:
        color 0.35s ease,
        transform 0.35s cubic-bezier(0.34, 1.45, 0.64, 1);
}

.theme-switcher:has(.theme-switcher__input[data-option='1']:checked)
    .theme-switcher__option:first-of-type
    .theme-switcher__icon,
.theme-switcher:has(.theme-switcher__input[data-option='2']:checked)
    .theme-switcher__option:last-of-type
    .theme-switcher__icon {
    color: var(--switcher-icon-active);
    transform: scale(1.08);
}


:root{--resin-rim:rgba(255,255,255,.98);--resin-edge:rgba(255,255,255,.7);--resin-shade:rgba(140,95,70,.1);--resin-shadow:rgba(110,70,50,.14);--resin-well-top:rgba(238,228,216,.78);--resin-well-bottom:rgba(255,251,246,.9);--accent-from:#f2502f;--accent-to:#ff914b;--jelly-spring:cubic-bezier(.34,1.56,.64,1);--switcher-icon:#a08c82;--switcher-icon-active:#fff;color-scheme:light}
body{transition:background-color .35s,color .35s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-navbar{position:fixed;z-index:50;top:max(.6rem,env(safe-area-inset-top));left:.6rem;right:.6rem;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 14px;border-radius:1.6rem;box-shadow:inset 0 2px 0 var(--resin-rim),inset 0 0 0 1px var(--resin-edge),inset 0 -4px 10px -3px var(--resin-shade),0 18px 36px -20px var(--resin-shadow);backdrop-filter:blur(25px) saturate(160%)}
.dock-home{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);background:linear-gradient(160deg,#ffffffba,#fff7ef55);border:1px solid var(--glass-border);border-radius:999px;padding:11px 15px;font-size:12px;font-weight:700;box-shadow:inset 0 2px 0 #fff9,0 3px 8px #916b4110}.site-navbar svg{width:19px;height:19px;flex-shrink:0}.dock-links{display:flex;gap:5px}.dock-link{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:10px 17px;font-size:12px;font-weight:600}.dock-link.active{background:#f9dfcf8c;color:#af6447;box-shadow:inset 0 1px 0 #fff9}.dock-link:hover{background:#fff6}.dock-actions{display:flex;align-items:center;gap:13px}.dock-logout{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--glass-border);border-radius:50%;background:#fff4;color:var(--muted)}.dock-logout:hover{color:var(--accent);background:#fff7}.theme-switcher{zoom:.8;flex-shrink:0}.theme-switcher__option svg{width:22px;height:22px;color:var(--switcher-icon);transition:color .25s}.theme-switcher__option:has(input:checked) svg{color:white}.theme-switcher__option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.theme-switcher__input{pointer-events:auto;width:1px;height:1px}.shell{padding-top:100px}.sidebar{height:calc(100vh - 124px);min-height:500px;top:100px}.main>.topbar{height:32px}.view{margin-top:26px}.login-layout{margin-top:165px}.login-page .site-navbar .private-label{margin-left:auto;margin-right:15px}
[data-theme='dark']{color-scheme:dark;--page-bg:#120e0c;--glass-bg:rgba(255,236,222,.07);--glass-border:rgba(255,240,230,.18);--ink:#fbf3ec;--muted:#b3a199;--shadow:0 14px 38px #0004;--resin-rim:rgba(255,244,236,.22);--resin-edge:rgba(255,240,230,.09);--resin-shade:rgba(0,0,0,.3);--resin-shadow:rgba(0,0,0,.55);--resin-well-top:rgba(0,0,0,.32);--resin-well-bottom:rgba(255,236,222,.05);--switcher-icon:#a99790;scrollbar-color:#795744 transparent}
[data-theme='dark'] .ambient{background:radial-gradient(110% 70% at 50% -10%,#2a1d18,transparent 60%),radial-gradient(90% 60% at 100% 100%,#1f1512,transparent 70%),linear-gradient(180deg,#15100e,#0e0a09)}[data-theme='dark'] .ambient i{opacity:.08}
[data-theme='dark'] :is(.nav-item,.space-link,.field-label,.choice-heading>span,.breadcrumb strong,.summary-card span,.login-features){color:var(--muted)}[data-theme='dark'] :is(.nav-item.active,.nav-item:hover,.space-link:hover,.space-link.selected){background:#ffffff0c;color:var(--ink)}
[data-theme='dark'] :is(.task-row,.category-card){background:#fff5eb06;border-color:var(--glass-border)}[data-theme='dark'] .task-row:hover{background:#fff5eb0e}[data-theme='dark'] .task-title{color:var(--ink)}[data-theme='dark'] :is(.task-description,.task-date,.category-card small,.summary-card>small,.sidebar-bottom,.side-heading,.eyebrow,.field-label small,.choice-heading small){color:var(--muted)}[data-theme='dark'] :is(.chip,.summary-icon){background:#fff2e815;color:#d6b9a5}[data-theme='dark'] .chip.category{background:#e6816225;color:#efab8e}[data-theme='dark'] .task-check{background:#241a16;border-color:#806454}[data-theme='dark'] .task-check:checked{background:#64846b}
[data-theme='dark'] :is(.dialog,.dialog-actions){background:#211813;color:var(--ink)}[data-theme='dark'] :is(.field-label input,.field-label textarea,.capture-row textarea,select,.mic-button){background:#130e0bb3;border-color:#62463580;color:var(--ink)}[data-theme='dark'] :is(.task-fields,.side-section,.sidebar-bottom){border-color:#ffffff17}[data-theme='dark'] .ai-button{background:#e6816212;border-color:#9b654b55;color:#e3a58a}[data-theme='dark'] .ai-button small{color:var(--muted)}[data-theme='dark'] .button.secondary{background:#fff3e909;border-color:#ffffff20;color:var(--muted)}[data-theme='dark'] :is(.choice-pill,.dock-home){background:linear-gradient(160deg,#ffffff10,#ffffff03);border-color:var(--glass-border);color:var(--muted);box-shadow:inset 0 1px 0 #ffffff15}[data-theme='dark'] .choice-pill:has(input:checked){background:#b85f3728;border-color:#b67a5a;color:#efbd9e}[data-theme='dark'] .choice-check{background:#ffffff08;border-color:#947667}[data-theme='dark'] .choice-pill.is-new:has(input:checked){background:#a185b822;border-color:#a185b8;color:#d0b6e2}[data-theme='dark'] :is(.new-badge,.creation-note){background:#a185b819;border-color:#a185b84d;color:#c6aed7}[data-theme='dark'] .login-symbol{background:#e681621a;border-color:#ffffff15;color:#dfad92}[data-theme='dark'] :is(.dock-link.active,.dock-link:hover){background:#e681621a;color:#efb49a}[data-theme='dark'] .dock-logout{background:#ffffff08}[data-theme='dark'] .dock-logout:hover{background:#ffffff12}[data-theme='dark'] .theme-switcher{box-shadow:inset 0 2px 6px #0006,inset 0 -1px 0 #ffffff15,0 0 0 1px #ffffff12}[data-theme='dark'] .theme-switcher::after{box-shadow:0 0 0 2.5px #544036,inset 0 -4px 8px #85321e,0 6px 14px -4px #f2502f55}[data-theme='dark'] .completed .task-title{color:#a38e83}[data-theme='dark'] :is(.dialog,textarea){scrollbar-color:#795744 transparent}[data-theme='dark'] ::-webkit-scrollbar-thumb{background-color:#795744}[data-theme='dark'] ::-webkit-scrollbar-thumb:hover{background-color:#a47659}
@media(max-width:900px){.shell{padding-top:96px}.sidebar{top:96px;height:calc(100vh - 112px)}}@media(max-width:640px){.site-navbar{gap:8px;padding:8px 10px;border-radius:22px}.dock-home{padding:10px;font-size:11px;gap:6px}.dock-links{display:none}.dock-actions{gap:8px}.theme-switcher{zoom:.7}.dock-logout{width:32px;height:32px}.shell{padding-top:87px}.sidebar{height:auto;min-height:0;top:auto;border-radius:18px;display:block;padding:8px 10px}.sidebar>.brand{display:none}.sidebar .nav{justify-content:center}.sidebar .nav-item{font-size:11px;padding:8px 15px}.sidebar .nav-item b{display:block}.sidebar .nav-item>span{font-size:16px}.login-page .site-navbar .private-label{display:none}.login-layout{margin-top:112px}.main>.topbar{height:42px}.view{margin-top:14px}}
.tasker-byline{text-align:center;padding:15px 24px 30px;font-size:10px;color:var(--muted)}.tasker-byline a{color:inherit;text-underline-offset:3px}

/* Installation, offline state and mobile ergonomics. */
.offline-layout{max-width:460px;margin:15vh auto;padding:28px;text-align:center}.offline-layout img{border-radius:20px;margin-bottom:26px}.offline-layout h1{font:700 30px/1.2 var(--display);letter-spacing:-1px}.offline-layout p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}.offline-layout a{text-decoration:none;margin-top:15px}.connection-notice,.update-app{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:80;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;background:var(--page-bg);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow);color:var(--ink);font-size:12px;line-height:1.5}.update-app{display:flex;align-items:center;gap:8px}.connection-notice:not(.hidden)~.update-app{bottom:90px}#install-help p{font-size:14px;line-height:1.7;color:var(--muted)}.dialog{max-height:calc(100dvh - 36px)}.dialog::backdrop{overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}.capture-row textarea{min-width:0}.task-title{overflow-wrap:anywhere}.task-description{overflow-wrap:anywhere}.task-check{flex-shrink:0}.install-app{flex-shrink:0}
@media(max-width:640px){
 body{min-width:300px}.site-navbar{top:max(10px,env(safe-area-inset-top));padding:9px 11px;gap:8px}.dock-actions{gap:8px}.dock-logout{width:44px;height:44px}.theme-switcher{zoom:.95}.dock-home{min-height:44px;font-size:12px}.theme-switcher__option{min-width:42px;min-height:42px}.shell{padding:94px 16px calc(90px + env(safe-area-inset-bottom))}.sidebar{position:static;padding:5px 8px;border-radius:16px}.sidebar .nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar .nav-item{justify-content:center;min-height:44px;padding:10px 8px}.sidebar .nav-item b{margin-left:2px}.main>.topbar{height:44px}.welcome,.page-heading{margin-bottom:23px}.welcome h1,.page-heading h1{font-size:29px}.welcome .button,.page-heading .button{width:46px;height:46px;flex-shrink:0}.subheading{line-height:1.6}.summary-card{min-height:118px;padding:14px 10px}.summary-card strong{font-size:24px}.summary-card>small{line-height:1.4}.section-heading h2{font-size:19px}.text-button{min-height:44px;display:inline-flex;align-items:center}.section-heading{gap:10px}.task-row{padding:16px 13px;column-gap:12px}.task-check{width:23px;height:23px;border-radius:7px}.task-row{grid-template-columns:23px minmax(0,1fr)}.task-edit{font-size:14px;min-height:28px;line-height:1.5}.task-description{font-size:12px;line-height:1.6}.task-date{font-size:11px}.chip{font-size:10px;padding:5px 9px}.category-card{min-height:110px;padding:17px}.category-card strong{font-size:14px}.category-card small{font-size:11px;line-height:1.5}.toolbar{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.search{min-height:44px;padding:0 7px}.toolbar select{font-size:12px;min-height:44px}.toolbar #filter-category{grid-column:1/-1}.toolbar input{font-size:16px}.list-meta{font-size:11px}.dialog{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px;border-radius:22px;scroll-padding-bottom:90px}.dialog.compact{max-width:400px;width:calc(100vw - 24px)}.dialog-head{margin-bottom:18px}.dialog .close{width:44px;height:44px;margin-top:-10px;margin-right:-10px;flex-shrink:0}.dialog h2{font-size:22px}.dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select),.login-card input{font-size:16px;min-width:0;max-width:100%;width:100%}.dialog .field-label{font-size:12px;gap:8px;margin:17px 0}.capture-row textarea{width:0;min-height:84px}.mic-button{width:44px;flex-shrink:0}.ai-button{min-height:44px;flex-wrap:wrap;font-size:12px}.ai-button small{font-size:10px}.ai-message{font-size:12px;line-height:1.5}.choice-heading{align-items:center;gap:6px}.choice-heading>span{font-size:13px}.choice-heading small{font-size:10px}.choice-pill{min-height:44px;padding:10px 12px;font-size:13px;gap:8px}.tags-grid .choice-pill{min-height:42px;font-size:12px}.choice-check{width:19px;height:19px}.tags-grid .choice-check{width:17px;height:17px}.creation-note{font-size:12px}.dialog-actions{gap:10px;bottom:-20px;margin:20px -8px -6px;padding:12px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);z-index:2}.dialog-actions .button{min-height:46px;flex:1;font-size:13px}.check-label{min-height:44px;padding-top:0}.check-label input{width:20px;height:20px}.fab{width:56px;height:56px;bottom:calc(20px + env(safe-area-inset-bottom));right:20px}.login-layout{padding:0 22px 28px;margin-top:118px;gap:24px}.login-intro h1{font-size:39px;line-height:1.14;margin-top:14px;letter-spacing:-1.8px}.login-intro>p:not(.eyebrow){font-size:14px;line-height:1.7}.login-card{padding:24px}.login-subtitle{font-size:13px}.login-card .field-label{font-size:12px}.login-symbol{margin-bottom:20px}.login-submit{min-height:48px;font-size:13px}.login-footnote{font-size:10px}.login-error{font-size:12px}.login-intro .eyebrow{font-size:9px}.tasker-byline{line-height:1.7;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){.dock-home span{display:none}.dock-home{width:44px;justify-content:center}.choice-heading small{max-width:135px;text-align:right}.login-intro h1{font-size:34px}.summary-card{padding:12px 8px}.summary-card>small{font-size:9px}.section-heading h2{font-size:17px}}
@media(display-mode:standalone){.site-navbar{top:max(10px,env(safe-area-inset-top))}.shell{padding-top:calc(96px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:359px){.toolbar{grid-template-columns:1fr}.toolbar select{grid-column:1/-1}}