@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-ext-BOFOeGcA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-Xz1IZZA0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--p: #c8a19e;--pd: #78504c;--plum: #634742;--bg: #e8e6e0;--bg-strong: #eeece7;--surface: #ffffff;--surface-strong: #faf9f7;--surface-raised: #ffffff;--surface-soft: #faf9f7;--surface-qr: #fff;--ink: #252321;--muted: #625f5b;--line: rgba(91, 81, 73, .14);--line-strong: #817970;--line2: var(--line-strong);--accent: var(--pd);--btn: var(--pd);--on-btn: #fff;--on-solid: #fff;--soft: color-mix(in srgb, var(--p) 7%, var(--surface));--soft2: color-mix(in srgb, var(--p) 14%, var(--surface));--ring: color-mix(in srgb, var(--p) 62%, #fff);--focus-soft: color-mix(in srgb, var(--p) 18%, transparent);--focus: #68423e;--ok: #276b4d;--ok-soft: #eaf4ee;--warn: #855000;--warn-soft: #fff3dc;--bad: #a62836;--bad-soft: #fff0f1;--area-water: #216f86;--area-finances: #397650;--area-cycle: #8b4e78;--priority-low: #3f7f93;--hero: color-mix(in srgb, var(--p) 8%, var(--surface-strong));--hero-home: linear-gradient(128deg, color-mix(in srgb, var(--btn) 52%, #71465f), color-mix(in srgb, var(--btn) 40%, #382f45));--on-hero-home: var(--on-btn);--on-hero: var(--ink);--shadow: 0 28px 64px -34px rgb(44 38 33 / 26%);--shadow-sm: 0 8px 18px -14px rgb(44 38 33 / 28%);--card-shadow: 0 16px 38px -28px rgb(44 38 33 / 20%);--shadow-hover: 0 20px 40px -30px color-mix(in srgb, var(--ink) 55%, transparent);--focus-ring-shadow: 0 0 0 4px var(--focus-soft);--status-halo-shadow: 0 0 0 4px var(--ok-soft);--current-control-shadow: inset 0 0 0 1px var(--accent);--font: "DM Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-h: "DM Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 56px;--space-10: 64px;--space-11: 72px;--space-12: 80px;--space-half: 2px;--card-padding: var(--space-5);--card-padding-compact: clamp(var(--space-4), 5vw, var(--space-5));--card-content-gap: var(--space-4);--card-compact-min-width: 240px;--card-compact-max-width: 320px;--card-compact-gap: var(--space-3);--button-gap: var(--space-2);--button-padding-inline: var(--space-4);--button-padding-inline-sm: var(--space-3);--button-padding-inline-lg: var(--space-5);--button-radius: var(--r-control);--preview-caption-clearance: 120px;--list-row-border: var(--line);--list-row-radius: var(--r-group);--list-row-surface: var(--surface);--list-row-hover: var(--surface-soft);--list-row-hover-border: color-mix(in srgb, var(--accent) 18%, var(--line));--list-gap: var(--space-2);--list-row-gap: var(--space-3);--list-row-padding-block: var(--space-4);--list-row-padding-inline: var(--space-3);--dialog-padding: 20px;--dialog-padding-compact: 16px;--text-xs: .75rem;--text-sm: .875rem;--text-meta: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-heading: clamp(1.35rem, 3vw, 1.7rem);--text-section: clamp(1.45rem, 3vw, 1.9rem);--text-display: clamp(1.9rem, 4vw, 2.5rem);--text-hero: clamp(2.1rem, 4vw, 3.3rem);--text-page-title: clamp(2.2rem, 4vw, 3.25rem);--text-metric: clamp(2.1rem, 5vw, 3rem);--text-water-total: clamp(2.75rem, 8vw, 4rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-strong: 750;--leading-tight: 1.2;--leading-body: 1.5;--leading-relaxed: 1.6;--content-width: 1120px;--reading-width: 880px;--control-height: 48px;--target-size: 44px;--duration-fast: .15s;--duration-base: .18s;--topbar-height: 68px;--header-blur: 16px;--ease-standard: cubic-bezier(.2, .8, .2, 1);--z-fab: 15;--z-nav: 20;--z-header: 30;--z-panel: 45;--z-dialog: 50;--z-popover: 55;--z-toast: 60;--z-skip: 100;--r-control: 16px;--r-group: 20px;--r: 28px;--r-large: 36px;--r-pill: 999px;--text-2xs: .6875rem;--text-md: .9375rem;--text-title: 1.375rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-body: var(--text-base);--text-timer: clamp(2.75rem, 12vw, 4rem);--text-timer-large: clamp(3rem, 12vw, 5rem);--control-sm: 40px;--control-md: var(--target-size);--control-field: var(--control-height);--control-lg: 52px;--select-menu-max-height: 288px;--r-xs: 8px;--r-sm: 12px;--canvas-glow: color-mix(in srgb, var(--p) 16%, transparent);--public-glow: color-mix(in srgb, var(--p) 14%, transparent);--canvas-grid: color-mix(in srgb, var(--ink) 2.2%, transparent);--nav-h: 72px;--gut-l: max(16px, env(safe-area-inset-left, 0px));--gut-r: max(16px, env(safe-area-inset-right, 0px))}:root[data-theme=dark]{color-scheme:dark;--bg: #1c1b19;--bg-strong: #242320;--surface: #272522;--surface-strong: #272522;--surface-raised: #302c28;--surface-soft: #302c28;--ink: #f2efeb;--muted: #c8c2bb;--line: rgba(205, 196, 186, .17);--line-strong: #938b82;--accent: color-mix(in srgb, var(--p) 72%, #fff);--soft: color-mix(in srgb, var(--p) 12%, var(--surface));--soft2: color-mix(in srgb, var(--p) 20%, var(--surface));--ring: color-mix(in srgb, var(--p) 72%, #fff);--focus-soft: color-mix(in srgb, var(--p) 24%, transparent);--focus: #edc6bc;--ok: #8bd0a6;--ok-soft: #203329;--warn: #f0bf76;--warn-soft: #392b19;--bad: #f2959e;--bad-soft: #3a2227;--area-water: #72c7d8;--area-finances: #8fcea0;--area-cycle: #d997bd;--priority-low: #8ccddd;--hero: color-mix(in srgb, var(--p) 12%, var(--surface-strong));--hero-home: linear-gradient(128deg, color-mix(in srgb, var(--btn) 62%, #5b3b50), color-mix(in srgb, var(--btn) 54%, #292633));--shadow: 0 28px 64px -34px rgb(0 0 0 / 78%);--shadow-sm: 0 8px 18px -14px rgb(0 0 0 / 68%);--card-shadow: 0 16px 38px -28px rgb(0 0 0 / 54%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg: #1c1b19;--bg-strong: #242320;--surface: #272522;--surface-strong: #272522;--surface-raised: #302c28;--surface-soft: #302c28;--ink: #f2efeb;--muted: #c8c2bb;--line: rgba(205, 196, 186, .17);--line-strong: #938b82;--accent: color-mix(in srgb, var(--p) 72%, #fff);--soft: color-mix(in srgb, var(--p) 12%, var(--surface));--soft2: color-mix(in srgb, var(--p) 20%, var(--surface));--ring: color-mix(in srgb, var(--p) 72%, #fff);--focus-soft: color-mix(in srgb, var(--p) 24%, transparent);--focus: #edc6bc;--ok: #8bd0a6;--ok-soft: #203329;--warn: #f0bf76;--warn-soft: #392b19;--bad: #f2959e;--bad-soft: #3a2227;--area-water: #72c7d8;--area-finances: #8fcea0;--area-cycle: #d997bd;--priority-low: #8ccddd;--hero: color-mix(in srgb, var(--p) 12%, var(--surface-strong));--hero-home: linear-gradient(128deg, color-mix(in srgb, var(--btn) 62%, #5b3b50), color-mix(in srgb, var(--btn) 54%, #292633));--shadow: 0 28px 64px -34px rgb(0 0 0 / 78%);--shadow-sm: 0 8px 18px -14px rgb(0 0 0 / 68%);--card-shadow: 0 16px 38px -28px rgb(0 0 0 / 54%)}}:root[data-contrast=high]{--muted: #403840;--line: rgb(75 58 68 / 58%);--line-strong: #4c3742;--accent: #6f2845;--btn: #6f2845;--focus: #542135;--ring: #6f2845;--priority-low: #17596b}:root[data-theme=dark][data-contrast=high]{--muted: #f2e9ef;--line: #c4b4bf;--line-strong: #eee0e9;--accent: #f5c0d2;--btn: #a94f71;--focus: #fff;--ring: #f5c0d2;--priority-low: #a6e7f5}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#app .money,#dlg .money,#toast .money{text-transform:uppercase!important}#app .proper-name,#dlg .proper-name,#toast .proper-name,#app .user-value,#dlg .user-value,#toast .user-value,#app .ttl,#dlg .ttl,#toast .ttl,#app .tgx,#dlg .tgx,#toast .tgx,#app .bank-logo,#dlg .bank-logo,#toast .bank-logo,#app .case-preserve,#dlg .case-preserve,#toast .case-preserve{text-transform:none!important}#app .expense-name,#dlg .expense-name,#toast .expense-name,#app input,#app textarea,#dlg input,#dlg textarea{text-transform:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;min-width:0;background:var(--bg);--keyboard-offset: 0px;scroll-padding-top:env(safe-area-inset-top,0px);scroll-padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--keyboard-offset));overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-size:16px}:root[data-fs=s]{font-size:var(--text-sm)}:root[data-fs=l]{font-size:var(--text-lg)}body{min-height:100vh;min-height:100dvh;margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/var(--leading-body) var(--font);font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:-.008em;overscroll-behavior-y:none}img,svg{max-width:100%}::selection{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--ink)}[hidden]:not([hidden=until-found i]){display:none!important}h1,h2,h3{margin:0;color:var(--ink);font-family:var(--font-h);font-weight:var(--weight-bold);letter-spacing:-.035em;line-height:var(--leading-tight);text-wrap:balance}h1{font-size:var(--text-page-title)}h2{font-size:var(--text-title)}h3{font-size:var(--text-lg)}h1 i,h2 i,.wordmark i{color:var(--accent);font-style:normal}p{margin:0}button,input,select,textarea{color:inherit;font:inherit}button,a[href],input[type=button],input[type=submit],select,[role=button],[role=tab]{touch-action:manipulation}button,[role=tab],.nav a{-webkit-user-select:none;user-select:none}a{color:inherit}a.inline-link{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em}a.inline-link:hover,a.inline-link:focus-visible{color:var(--accent);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ic{display:inline-block;flex:none;overflow:visible;vertical-align:-.2em}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body{background:radial-gradient(ellipse at 12% -12%,var(--canvas-glow),transparent 34rem),var(--bg)}.app{display:grid;grid-template-columns:minmax(0,1fr);gap:0 32px;width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin-inline:auto}#app>.app-definitions{position:absolute;width:0;height:0;overflow:hidden}.main{display:flex;flex-direction:column;gap:clamp(var(--space-6),3vw,var(--space-7));width:100%;max-width:none;min-width:0;margin-inline:auto;padding:clamp(var(--space-6),3vw,var(--space-7)) var(--gut-r) calc(var(--nav-h) + 36px + env(safe-area-inset-bottom,0px)) var(--gut-l)}.main.route-enter{animation:route-enter var(--duration-fast) var(--ease-standard) both}@keyframes route-enter{0%{opacity:0}to{opacity:1}}.topbar{position:sticky;z-index:var(--z-header);top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:68px;margin-inline:calc(-1 * var(--gut-l)) calc(-1 * var(--gut-r));padding-inline:var(--gut-l) var(--gut-r);border-bottom:1px solid var(--line);background:var(--surface-strong)}.app>.topbar{margin-inline:0;padding-inline:var(--gut-l) var(--gut-r)}.main>:not(.topbar,.notification-panel,.fab){width:100%;max-width:var(--content-width);margin-inline:auto}.main>h1.sr{width:1px;max-width:1px;margin-inline:0}.app-footer{width:100%;max-width:var(--content-width);margin-inline:auto;padding:var(--space-3) var(--gut-r) calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px)) var(--gut-l);text-align:center}.brand{display:flex;min-height:var(--control-md);align-items:center;gap:var(--space-2);color:inherit;text-decoration:none}.wordmark{font:var(--weight-bold) var(--text-xl)/1 var(--font-h);letter-spacing:-.035em}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-pill);background:var(--soft);color:var(--muted);font-size:var(--text-xs);font-weight:600}.pill.err{background:var(--bad-soft);color:var(--bad)}.nav{position:fixed;z-index:var(--z-nav);right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px max(12px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface-strong);box-shadow:var(--card-shadow);margin:0 max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.nav a{display:flex;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.01em;text-decoration:none}.nav a .ni{display:grid;width:42px;height:34px;place-items:center;border-radius:var(--r-pill);transition:background-color .18s ease,color .18s ease,transform .18s ease}.nav a[aria-current=page]{color:var(--accent)}.nav a[aria-current=page] .ni{background:var(--soft2);transform:translateY(-1px)}.nav-enable-areas .ni{background:var(--soft2);color:var(--accent)}@media(min-width:900px){.main{padding:clamp(var(--space-6),3vw,var(--space-7)) clamp(20px,4vw,52px) 80px}.app-footer{padding:12px clamp(20px,4vw,52px) 24px}.topbar{min-height:68px;justify-content:flex-start}.app>.topbar{padding-inline:clamp(20px,4vw,52px)}.topbar .nav{display:flex;flex:0 1 auto;justify-content:center;margin-left:clamp(16px,3vw,40px)}}@media(max-width:899px){.nav{right:0;left:0;width:min(520px,calc(100% - 24px));margin-inline:auto}}@media(max-width:480px){.nav{bottom:0;width:100%;margin:0;border-radius:var(--r-large) var(--r-large) 0 0}}@media(max-width:700px){.main{padding-bottom:calc(var(--nav-h) + 64px + env(safe-area-inset-bottom,0px))}}.card{display:flex;min-width:0;flex-direction:column;gap:var(--card-content-gap);padding:var(--card-padding);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-strong);box-shadow:var(--card-shadow);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.card.flat{background:var(--surface-soft);box-shadow:none}.head,.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.head{justify-content:space-between}.head>div{min-width:0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}.compact-card-grid,.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-compact-min-width)),min(100%,var(--card-compact-max-width))));align-content:start;justify-content:start;gap:var(--card-compact-gap);min-width:0}.shortcut-card{display:flex;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--r-group);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.shortcut-card-icon{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;border-radius:var(--r-pill);background:var(--soft2);color:var(--accent)}.shortcut-card-icon svg,.shortcut-card-arrow svg{display:block;width:20px;height:20px}.shortcut-card-copy{display:grid;min-width:0;gap:var(--space-1)}.shortcut-card-title{font-weight:var(--weight-bold);line-height:var(--leading-tight)}.shortcut-card-description{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.shortcut-card-arrow{flex:none;margin-inline-start:auto;color:var(--muted)}@media(hover:hover)and (pointer:fine){.shortcut-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--surface-soft);box-shadow:var(--card-shadow);transform:translateY(-1px)}}.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:var(--space-2);min-width:0}.strip>*{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:inherit;text-decoration:none;transition:border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.strip a:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--soft)}.strip b{font:var(--weight-strong) var(--text-2xl)/var(--leading-tight) var(--font-h);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.strip span{color:var(--muted);font-size:var(--text-meta);line-height:1.4}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:var(--space-3)}.stat{display:flex;min-width:0;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.stat b{font:var(--weight-strong) var(--text-2xl)/var(--leading-tight) var(--font-h);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat span{color:var(--muted);font-size:var(--text-meta)}.hero{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--card-padding);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--r-large);background:var(--hero);color:var(--on-hero)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.hero .date{margin-bottom:6px;color:var(--muted);font-size:var(--text-sm)}.hero .lead{max-width:48ch;color:var(--muted)}.hero .btn{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.hero .btn:hover{background:var(--soft)}.hero .btn.primary{border-color:var(--btn);background:var(--btn);color:var(--on-btn)}.ringw{position:relative;width:76px;height:76px;flex:none}.ringw svg{display:block}.ringw .rt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink);font:var(--weight-bold) var(--text-base) var(--font-h);font-variant-numeric:tabular-nums}.ring-bg{stroke:var(--soft2)}@media(max-width:480px){.card{padding:var(--card-padding-compact)}.hero{padding:var(--space-5)}.strip>*{padding:var(--space-4)}}@media(max-width:700px){.compact-card-grid,.shortcut-grid{grid-template-columns:minmax(0,1fr)}}.card{border-color:var(--line);border-radius:var(--r);box-shadow:var(--card-shadow);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.card:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:var(--shadow-hover);transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.card{transition:none}}.list{display:flex;flex-direction:column;gap:var(--list-gap);margin:0;padding:0;list-style:none}.list>li{display:flex;min-width:0;align-items:center;gap:var(--list-row-gap);padding:var(--list-row-padding-block) var(--list-row-padding-inline);border:1px solid var(--list-row-border);border-radius:var(--list-row-radius);background:var(--list-row-surface);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.list>li:first-child{border-top:1px solid var(--line)}.list>li:hover{border-color:var(--list-row-hover-border);background:var(--list-row-hover)}label.f{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--muted);font-size:var(--text-sm);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=search],input[type=tel],input[type=url],select,textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-height);padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:max(16px,var(--text-base));font-weight:var(--weight-regular)}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;line-height:1.2}input[type=date]::-webkit-date-and-time-value{min-height:1.2em;text-align:left}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;max-width:100%;padding-right:38px;white-space:nowrap;text-overflow:ellipsis;transition:border-color .15s ease;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-size:6px 6px;background-repeat:no-repeat;background-position:right 18px center,right 12px center}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select:hover:not(:disabled){border-color:color-mix(in srgb,var(--line-strong) 65%,var(--accent))}select:disabled{cursor:not-allowed;opacity:.58}select[aria-invalid=true]:not(:disabled),select[aria-invalid=true]:not(:disabled):hover{border-color:var(--bad)}select[aria-invalid=true]:focus-visible{outline-color:var(--bad)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.82}input[type=checkbox]{display:inline-grid;width:20px;height:20px;flex:none;place-content:center;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--on-btn);accent-color:var(--btn);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}input[type=checkbox]:before{width:5px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;content:"";transform:translateY(-1px) rotate(45deg) scale(0);transition:transform var(--duration-fast) var(--ease-standard)}input[type=checkbox]:checked{border-color:var(--btn);background:var(--btn)}input[type=checkbox]:checked:before{transform:translateY(-1px) rotate(45deg) scale(1)}input[type=checkbox]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.58}input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--btn)}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-3)}.form>.full,.form>.btn,.form>.seg,.form>.row{grid-column:1 / -1}.form>.btn{justify-self:start}.form.inline{display:flex;align-items:flex-end}.form.inline>.f{min-width:0;flex:1}.form.inline>.btn{flex:none}.f.full{grid-column:1 / -1}.qa{display:flex;flex-direction:column;gap:var(--space-3)}.qa-main{position:relative}.qa-main input{min-height:var(--control-lg);padding-right:58px}.qa-add{position:absolute;top:5px;right:5px;display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:var(--r-control);background:var(--btn);color:var(--on-btn);cursor:pointer}.opts{display:flex;flex-wrap:wrap;gap:8px}.mini{display:inline-flex;min-height:var(--target-size);align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--muted);font-size:var(--text-xs);font-weight:600}.mini input,.mini select{width:auto;min-height:var(--control-sm);padding:0 24px 0 0;border:0;border-radius:0;background-color:transparent;color:var(--ink);font-size:var(--text-sm)}.mini select{background-position:right 14px center,right 8px center}.mini select[aria-invalid=true]:not(:disabled){box-shadow:inset 0 0 0 1px var(--bad)}.mini input[type=date]{min-width:118px}.search{position:relative;min-width:0;flex:1}.search .ic{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search input{padding-left:40px}@media(max-width:480px){.form{grid-template-columns:minmax(0,1fr)}.form>.full{grid-column:auto}.form.inline{flex-direction:column;align-items:stretch}.form.inline>.btn{align-self:flex-start}.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mini{min-width:0}.mini:first-child{grid-column:1 / -1}.mini input,.mini select{min-width:0;flex:1}}.scroll-x{display:flex;gap:8px;overflow-x:auto;margin-inline:calc(var(--gut-l) * -1) calc(var(--gut-r) * -1);padding-inline:var(--gut-l) var(--gut-r);scrollbar-width:thin;overscroll-behavior-inline:contain}.scroll-x::-webkit-scrollbar{height:4px}.scroll-x::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--line-strong)}@media(max-width:640px){.areanav,.scroll-x{scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,var(--surface) 10px,var(--surface) calc(100% - 10px),transparent);mask-image:linear-gradient(to right,transparent,var(--surface) 10px,var(--surface) calc(100% - 10px),transparent)}.areanav::-webkit-scrollbar,.scroll-x::-webkit-scrollbar{display:none}}:root[data-theme=dark] .chip{border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}:root[data-theme=dark] .chip{background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.grow{min-width:0;flex:1}.ttl{font-weight:600;overflow-wrap:anywhere}.grp{display:flex;flex-direction:column;gap:4px}.gh{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:var(--muted);font:var(--weight-bold) var(--text-meta)/1.4 var(--font)}.gh .n{padding:1px 8px;border-radius:var(--r-pill);background:var(--soft2);color:var(--ink);font-size:var(--text-xs)}.gh.bad{color:var(--bad)}.task .tt{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;padding:4px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.task-title-line{display:flex;min-width:0;align-items:flex-start;gap:7px}.task-title-icon{flex:none;margin-top:1px;color:var(--accent)}.task-title-line .ttl{min-width:0;flex:1}.task:hover .tt .ttl{color:var(--ink)}.task .ttl{line-height:1.35}.task .meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--muted);font-size:var(--text-meta)}.task .m-bad,.task .m-hi{color:var(--bad);font-weight:600}.task .m-warn{color:var(--warn);font-weight:600}.task .m-hi{display:inline-flex;align-items:center;gap:3px}.task .ttl{transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}.task.done .ttl{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--accent) 70%,var(--muted));text-decoration-thickness:2px}.task .ibtn{opacity:1}.task .ibtn:hover,.task .ibtn:focus-visible{background:var(--bad-soft);color:var(--bad)}.task-icon-field{min-width:0;margin:0;padding:0;border:0}.task-icon-field legend{margin-bottom:8px;font-size:var(--text-sm);font-weight:700}.task-icon-field legend span{color:var(--muted);font-size:var(--text-xs);font-weight:500}.task-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.task-icon-picker label{position:relative;display:block}.task-icon-picker input{position:absolute;width:1px;height:1px;opacity:0}.task-icon-picker label>span{display:grid;min-height:var(--control-md);place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer}.task-icon-picker input:checked+span{border-color:var(--accent);background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.task-icon-picker input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.chk{display:grid;width:44px;height:44px;flex:none;place-items:center;margin:-4px;border:0;border-radius:50%;background:transparent;cursor:pointer}.chk span{display:grid;width:25px;height:25px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--surface-strong);color:transparent;transition:background-color .15s ease,border-color .15s ease}.chk[aria-checked=true] span{border-color:var(--btn);background:var(--btn);color:var(--on-btn)}.chk.pop span{animation:pop .22s ease}@keyframes pop{50%{transform:scale(1.18)}}.chk.p-high:not([aria-checked=true]) span{border-color:var(--bad)}.chk.p-low:not([aria-checked=true]) span{border-color:var(--priority-low)}.notice{display:flex;align-items:flex-start;gap:12px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft);font-size:var(--text-sm)}.notice.warn{border-color:color-mix(in srgb,var(--warn) 24%,var(--line));background:var(--warn-soft);color:var(--warn)}.notice .btn{flex:none}.bar{height:8px;overflow:hidden;border-radius:var(--r-pill);background:var(--soft2)}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--btn);transition:width .25s ease}.sw{width:14px;height:14px;flex:none;border-radius:50%}details.card>summary{display:flex;min-height:var(--control-sm);align-items:center;gap:12px;list-style:none;font-weight:650;cursor:pointer}details.card>summary::-webkit-details-marker{display:none}details.card>summary .chev{transition:transform .15s ease}details.card[open]>summary .chev{transform:rotate(180deg)}details.card:not([open]){gap:0}.timer{color:var(--ink);font:var(--weight-bold) var(--text-timer)/1 var(--font-h);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.chart{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto}.chart text{fill:var(--muted);font:var(--text-xs) var(--font)}.chart .b{fill:var(--p)}.chart .b.today{fill:var(--pd)}.chart .g{stroke:var(--accent);stroke-dasharray:4 4}.cal{display:grid;width:min(100%,420px);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-inline:auto;text-align:center}.cal b{color:var(--muted);font-size:var(--text-xs);font-weight:500}.cal span,.cal button{display:grid;min-width:0;min-height:var(--control-field);place-items:center;border-radius:var(--r-control);font-size:var(--text-sm)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.tile{position:relative;display:flex;min-width:0;min-height:164px;flex-direction:column;gap:7px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.tile:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--soft)}.tile .mk{display:grid;width:42px;height:42px;place-items:center;margin-bottom:6px;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}.tile h3{margin-top:2px;font-size:var(--text-md)}.tile .v{font:var(--weight-strong) var(--text-title)/1.2 var(--font-h);letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tile .s{color:var(--muted);font-size:var(--text-meta)}.tile .go{position:absolute;top:14px;right:12px;color:var(--muted)}.tile.off{border-style:solid;background:var(--surface)}.tile.off .mk{background:transparent;color:var(--muted)}.tile .mk[data-area],.opt .mk[data-area]{background:color-mix(in srgb,var(--area-color) 14%,var(--surface));color:var(--area-color)}.mk[data-area=water]{--area-color: var(--area-water)}.mk[data-area=finances]{--area-color: var(--area-finances)}.mk[data-area=cycle]{--area-color: var(--area-cycle)}.tile.off .v{color:var(--accent);font-size:var(--text-sm)}.tile.water{grid-column:1 / -1;min-height:0;flex-direction:row;align-items:center;gap:16px}.tile.water .mk{margin:0}.sym{display:flex;flex-direction:column;gap:10px}.sym+.sym{padding-top:var(--space-4);border-top:1px solid var(--line)}.sym h3{display:flex;align-items:center;gap:8px;color:var(--ink);font:var(--weight-semibold) var(--text-md) var(--font-h)}.sym h3 .ic{color:var(--accent)}.dchip{display:flex;width:52px;min-height:56px;flex:none;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--muted);font-size:var(--text-xs);cursor:pointer}.dchip b{color:var(--ink);font:var(--weight-semibold) var(--text-base) var(--font-h)}.dchip i{width:6px;height:6px;border-radius:50%;background:transparent}.dchip i.on{background:var(--accent)}.dchip.per{border-style:dashed;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.dchip.per span{color:var(--accent)}.dchip.on{border-color:var(--btn);background:var(--btn);color:var(--on-btn)}.dchip.on span,.dchip.on b{color:var(--on-btn)}.dchip.on i.on{background:currentColor}.tcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.tcal em{padding:4px 0;color:var(--muted);font-size:var(--text-xs);font-style:normal;font-weight:500}.tc{display:flex;min-width:0;min-height:var(--control-field);flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:1px solid transparent;border-radius:var(--r-control);background:var(--surface);color:var(--ink);cursor:pointer}.tc b{font-size:var(--text-sm);font-weight:600}.tc i{display:flex;height:6px;align-items:center;gap:3px}.tc u{display:block;width:5px;height:5px;flex:none;border-radius:50%}.tc u.has-tasks{background:var(--accent)}.tc u.dn{background:var(--line-strong)}.tc u.google-event-dot{background:var(--area-cycle)}.tc.t{border-color:var(--line-strong);background:var(--soft)}.tc.t b{color:var(--accent);font-weight:700}.tc.s{border-color:var(--accent);background:var(--soft2)}.tc.od{border-color:var(--bad)}.tc:disabled{color:var(--muted);opacity:.55;cursor:default}.tc:focus-visible,.dchip:focus-visible{z-index:1;outline:3px solid var(--focus);outline-offset:2px}.google-calendar-panel{display:grid;gap:var(--space-3);width:100%}.google-calendar-panel>.head{align-items:flex-start}.google-calendar-panel>.head>div:first-child{display:grid;justify-items:start;gap:var(--space-2)}.google-calendar-panel>.head .row{flex-wrap:wrap;justify-content:flex-end}.google-calendar-panel p{margin:0}.google-calendar-error{color:var(--bad)}.google-calendar-sources{display:grid;gap:var(--space-2)}.google-calendar-source{display:flex;min-width:0;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface-soft);color:var(--ink);text-align:left;cursor:pointer}.google-calendar-source[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.google-calendar-source>.ic{flex:none;color:var(--accent)}.google-calendar-source>span{min-width:0;overflow-wrap:anywhere}.google-calendar-events{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.google-calendar-events>li{display:flex;min-width:0;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface-soft)}.google-calendar-events time{flex:none;color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.google-calendar-events .grow{min-width:0}.google-calendar-events b,.google-calendar-events small{display:block;overflow-wrap:anywhere}.google-calendar-events small{margin-top:var(--space-1);color:var(--muted)}.google-calendar-day{display:grid;gap:var(--space-3)}.google-calendar-day>.head{align-items:center}@media(max-width:480px){.cal,.tcal{width:calc(100% + 2 * var(--space-4));grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-inline:calc(-1 * var(--space-4))}.cal span,.cal button,.tc{min-height:var(--control-md)}}.tgchip .ibtn{width:32px;height:32px;min-width:32px;min-height:32px}.mvc .mv{width:34px;height:28px;min-height:28px;padding:0;color:var(--muted)}@media(max-width:380px){.tiles{grid-template-columns:minmax(0,1fr)}.tile{min-height:0}.tile.water{grid-column:auto}}.task .meta{font-size:var(--text-xs)}.task .meta>span{display:inline-flex;align-items:center;min-height:22px;padding-inline:7px;border-radius:var(--r-pill);background:var(--surface-soft)}.task .meta>.m-bad,.task .meta>.m-hi{background:var(--bad-soft)}.task .meta>.m-warn{background:var(--warn-soft)}.task .chk span{box-shadow:0 2px 6px -5px var(--ink)}.dlg-back{position:fixed;z-index:var(--z-dialog);top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--ink) 48%,transparent);overscroll-behavior:contain}.dlg{display:flex;width:min(100%,560px);max-height:min(var(--dialog-available-height, calc(100dvh - max(16px, env(safe-area-inset-top, 0px)) - max(16px, env(safe-area-inset-bottom, 0px))) ),820px);flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface-strong);box-shadow:var(--shadow);color:var(--ink)}.dlg *{min-width:0}.dlg .head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin:0;padding:0}.dlg .head-nowrap{flex-wrap:nowrap}.dlg .form-choice-row{min-height:var(--target-size);flex-wrap:nowrap;align-items:flex-start;gap:var(--space-3)}.dlg .head h2,.dlg .head h3{max-width:100%;font-size:var(--text-heading);line-height:1.25;letter-spacing:-.03em}.dlg .head .ibtn{display:inline-grid;place-items:center;width:var(--control-sm);height:var(--control-sm);margin:0;border:1px solid transparent;border-radius:var(--r-sm);background:var(--soft);color:var(--ink);flex:none}.dlg .head .ibtn:hover{border-color:var(--line);background:var(--soft2)}.dlg-body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:var(--space-4);overflow:auto;padding:var(--dialog-padding) max(var(--dialog-padding),env(safe-area-inset-right,0px)) 12px max(var(--dialog-padding),env(safe-area-inset-left,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:12px;scrollbar-gutter:stable;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.dlg-body>.head{padding-bottom:4px;border-bottom:1px solid var(--line)}.dlg .form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}.dlg .form>.full,.dlg .form>.btn,.dlg .form>.seg,.dlg .form>.row{grid-column:1 / -1}.dlg .form.inline{display:flex;flex-wrap:wrap;align-items:end}.dlg .form.inline>.f{min-width:0;flex:1 1 180px}.dlg-foot{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:12px max(var(--dialog-padding),env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(var(--dialog-padding),env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:var(--surface-strong)}.dlg-foot .btn{min-width:0;flex:1 1 auto}.dlg-foot .btn.back{flex:0 1 auto}.dlg-foot .btn.primary,.dlg-foot .btn.danger{min-width:144px}.dlg:has(.confirmation-heading){width:min(100%,540px)}.dlg-body:has(.confirmation-heading){gap:16px;padding:28px}.dlg .head.confirmation-heading{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.confirmation-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid color-mix(in srgb,var(--warn) 28%,transparent);border-radius:var(--r-control);background:var(--warn-soft);color:var(--warn)}.confirmation-eyebrow{margin:0 0 3px;color:var(--warn);font-size:var(--text-2xs);font-weight:800;letter-spacing:.09em}.confirmation-heading h2{margin:0;font-size:var(--text-heading);line-height:1.25}.confirmation-heading .ibtn{align-self:start}.confirmation-copy{margin:0;color:var(--muted);font-size:var(--text-md);line-height:1.55}.confirmation-note{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--warn) 38%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--warn-soft) 72%,var(--surface));color:var(--warn);font-size:var(--text-meta);line-height:1.45}.confirmation-note svg{margin-top:1px}.confirmation-note b{color:color-mix(in srgb,var(--warn) 88%,var(--ink))}.dlg-body:has(.confirmation-heading)+.dlg-foot{padding:16px 28px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--warn-soft) 22%,var(--surface-strong)),var(--surface-strong))}.dlg-body.destructive-dialog{gap:20px;padding:28px}.dlg:has(.destructive-dialog){width:min(100%,540px);border-color:color-mix(in srgb,var(--bad) 18%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--bad-soft) 20%,var(--surface-strong)),var(--surface-strong) 46%)}.dlg .head.destructive-heading{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px}.destructive-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid color-mix(in srgb,var(--bad) 22%,transparent);border-radius:var(--r-control);background:linear-gradient(145deg,color-mix(in srgb,var(--bad) 18%,var(--bad-soft)),var(--bad-soft));color:var(--bad);box-shadow:0 10px 22px -18px color-mix(in srgb,var(--bad) 82%,transparent)}.destructive-heading .ibtn{align-self:start}.destructive-eyebrow{margin:0 0 3px;color:var(--bad);font-size:var(--text-2xs);font-weight:800;letter-spacing:.09em}.dlg .head.destructive-heading h2{font-size:var(--text-heading)}.destructive-copy{max-width:48ch;margin:0;color:color-mix(in srgb,var(--muted) 92%,var(--ink));font-size:var(--text-md);line-height:1.55}.destructive-summary{display:grid;gap:16px;padding:2px 0 0}.destructive-note{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--warn) 38%,var(--line));border-radius:var(--r-group);background:linear-gradient(120deg,color-mix(in srgb,var(--warn-soft) 86%,var(--surface)),color-mix(in srgb,var(--warn-soft) 52%,var(--surface)));color:var(--warn);font-size:var(--text-meta);line-height:1.45}.destructive-note svg{margin-top:1px}.destructive-note span{display:grid;gap:3px}.destructive-note b{color:color-mix(in srgb,var(--warn) 88%,var(--ink))}.destructive-note small{color:var(--muted);font-size:var(--text-xs);line-height:1.42}.dlg-body.destructive-dialog+.dlg-foot{padding:16px 28px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--bad-soft) 28%,var(--surface-strong)),var(--surface-strong))}.dlg-body.destructive-dialog+.dlg-foot .btn.back{border-color:color-mix(in srgb,var(--line-strong) 70%,var(--line));background:color-mix(in srgb,var(--surface) 86%,var(--soft))}.dlg-body.destructive-dialog+.dlg-foot .btn.danger{border-color:color-mix(in srgb,var(--bad) 74%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 90%,var(--on-solid)),var(--bad));color:var(--on-solid);box-shadow:0 12px 22px -15px color-mix(in srgb,var(--bad) 98%,transparent)}.dlg-body.destructive-dialog+.dlg-foot .btn.danger:hover{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 88%,var(--ink));transform:translateY(-1px)}.dlg:has(.wipe-complete-dialog){width:min(100%,520px);border-color:color-mix(in srgb,var(--ok) 24%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--ok-soft) 34%,var(--surface-strong)),var(--surface-strong) 58%)}.dlg-body.wipe-complete-dialog{padding:32px 30px 24px}.wipe-complete{display:grid;gap:18px}.wipe-complete-mark{display:grid;width:52px;height:52px;place-items:center;border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);border-radius:var(--r-group);background:color-mix(in srgb,var(--ok-soft) 78%,var(--surface));color:var(--ok);box-shadow:0 14px 26px -20px color-mix(in srgb,var(--ok) 88%,transparent)}.wipe-complete .wiz-h{gap:6px}.wipe-complete .wiz-h h2{font-size:var(--text-section)}.wipe-complete .wiz-h p{max-width:44ch;line-height:1.55}.wipe-complete-options{display:grid;gap:8px}.wipe-complete-options>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--r-group);background:color-mix(in srgb,var(--surface-soft) 76%,var(--surface))}.wipe-complete-options>div>.ic{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--r-sm);background:var(--ok-soft);color:var(--ok)}.wipe-complete-options span{display:grid;gap:2px}.wipe-complete-options b{font-size:var(--text-sm)}.wipe-complete-options small{color:var(--muted);font-size:var(--text-xs);line-height:1.35}.dlg-body.wipe-complete-dialog+.dlg-foot{padding:14px 30px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--ok-soft) 22%,var(--surface-strong)),var(--surface-strong))}.dlg:has(.task-dialog){width:min(100%,640px)}.dlg-body.task-dialog{gap:18px;padding:20px 20px 16px}.dlg .head.task-dialog-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px}.dlg-body.task-dialog>.task-dialog-head{padding-bottom:16px}.task-dialog-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:var(--r-control);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--soft));color:var(--accent)}.task-dialog-eyebrow{margin:0 0 2px;color:var(--accent);font-size:var(--text-2xs);font-weight:800;letter-spacing:.085em}.dlg .head.task-dialog-head h2{font-size:var(--text-heading)}.task-dialog-head .ibtn{align-self:start}.task-dialog .task-form{gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))}.task-dialog .task-form>.f{gap:5px;font-size:var(--text-xs);font-weight:750}.task-dialog .task-form input,.task-dialog .task-form select{min-height:var(--control-md)}.task-dialog .task-time-input{width:100%;min-width:0;max-width:100%;padding-inline:8px}.task-dialog .task-form .ds-select__trigger{min-height:var(--control-md)}.task-dialog .task-title-field{padding-bottom:3px}.task-dialog .task-title-field input{min-height:56px;border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--surface);font-size:var(--text-base);font-weight:600}.task-dialog .task-notes{grid-column:1 / -1;padding-top:2px}.task-dialog .task-notes summary{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--text-xs);font-weight:750;cursor:pointer;list-style:none}.task-dialog .task-notes summary::-webkit-details-marker{display:none}.task-dialog .task-notes summary>span:first-child{margin-right:auto}.task-dialog .task-notes summary span{color:var(--muted);font-size:var(--text-2xs);font-weight:500}.task-dialog .task-notes summary .task-notes-disclosure{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;transition:transform var(--duration-fast) var(--ease-standard)}.task-dialog .task-notes[open] summary .task-notes-disclosure{transform:rotate(180deg)}.task-dialog .task-notes textarea{min-height:72px;margin-top:9px}.task-field-help{margin-top:1px;color:var(--muted);font-size:var(--text-2xs);font-weight:500;line-height:1.25}.task-dialog>.f{gap:8px;padding-top:2px}.task-dialog>.f>.lbl{color:var(--muted);font-size:var(--text-xs);font-weight:750}.task-dialog .aibar{min-height:var(--control-md)}.dlg-body.task-dialog+.dlg-foot{padding:14px 26px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 32%,var(--surface-strong)),var(--surface-strong))}.dlg-body.task-dialog+.dlg-foot .btn.primary{min-width:190px}@media(max-width:480px){.dlg-back{padding:12px}.dlg{width:min(100%,560px);max-height:min(var(--dialog-available-height, calc(100dvh - 24px) ),820px)}.dlg-body{padding:var(--dialog-padding-compact) max(var(--dialog-padding-compact),env(safe-area-inset-right,0px)) 10px max(var(--dialog-padding-compact),env(safe-area-inset-left,0px))}.dlg .form{grid-template-columns:minmax(0,1fr)}.dlg .form.inline{flex-direction:column;align-items:stretch}.dlg .form.inline>.f,.dlg .form.inline>.btn{width:100%;flex:1 1 auto}.dlg-foot{flex-direction:column-reverse;padding:12px max(var(--dialog-padding-compact),env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(var(--dialog-padding-compact),env(safe-area-inset-left,0px))}.dlg-foot .btn,.dlg-foot .btn.back{width:100%;flex-basis:auto}.dlg-body:has(.confirmation-heading){padding:22px 20px}.dlg .head.confirmation-heading{grid-template-columns:42px minmax(0,1fr) auto;gap:11px}.confirmation-mark{width:42px;height:42px}.dlg-body:has(.confirmation-heading)+.dlg-foot{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}.dlg-body.destructive-dialog{padding:22px 20px}.dlg .head.destructive-heading{grid-template-columns:42px minmax(0,1fr) auto;gap:11px}.destructive-mark{width:42px;height:42px;border-radius:var(--r-control)}.dlg-body.destructive-dialog+.dlg-foot{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}.dlg-body.task-dialog{padding:16px 16px 12px}.dlg .head.task-dialog-head{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.task-dialog-mark{width:40px;height:40px;border-radius:var(--r-sm)}.task-dialog .task-form{padding:12px;gap:10px}.dlg-body.task-dialog+.dlg-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}}.dlg-back.is-intro{padding:0;background:var(--surface)}.dlg.intro-dialog{width:100%;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;background:radial-gradient(circle at 77% 37%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 22rem),radial-gradient(circle at 24% 78%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 25rem),var(--bg);box-shadow:none}.intro-dialog .dlg-body{width:min(100%,1080px);flex:1;align-self:center;justify-content:center;gap:clamp(16px,3vh,28px);padding:clamp(24px,5vw,52px) clamp(20px,5vw,56px)}.intro-dialog .dlg-foot{width:min(100%,1080px);align-self:center;padding:var(--space-4) clamp(20px,5vw,56px) max(var(--space-4),env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 64%,transparent),var(--bg) 44%)}.intro-dialog .dlg-foot .btn{flex:0 1 auto}.intro-dialog .dlg-foot .btn.primary{margin-left:auto}.intro-dialog .wiz-h{max-width:760px}.intro-dialog .wiz-h h2{font-size:var(--text-section)}.intro-dialog .wiz-h p{max-width:720px;line-height:1.6}.onboard-intro{display:flex;align-items:flex-start;gap:var(--space-4)}.onboard-brand{display:grid;flex:none;place-items:center}.eyebrow{color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em}.dlg:has(.onboard-needs-dialog){width:min(100%,720px)}.dlg:not(.intro-dialog) .dlg-body.onboard-needs-dialog{gap:12px;padding-top:18px}.onboard-fieldset{min-width:0;margin:0;padding:0;border:0}.onboard-fieldset legend{margin-bottom:12px;font-size:var(--text-md);font-weight:700}.onboard-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onboard-needs-dialog .onboard-options{gap:10px}.onboard-options .opt{min-height:82px;padding:12px;border-radius:var(--r-group)}.onboard-options .opt .mk{width:42px;height:42px}.onboard-options .opt .tx{line-height:1.4}.onboard-options .opt .tx b{margin-bottom:3px;line-height:1.3}.onboard-options .opt .tx span{display:block}.onboard-options .opt[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}.onboard-solution-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onboard-solution-list .opt{min-height:96px;padding:12px;border-radius:var(--r-group)}.onboard-solution .tx{display:grid;gap:4px;text-align:left}.onboard-solution .tx small{color:var(--accent);font-size:var(--text-xs)}.onboard-solution-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.onboard-solution-note .tx{display:grid;min-width:0;flex:1;gap:4px}.onboard-always-on{flex:none;color:var(--muted);font-size:var(--text-xs)}.onboard-theme{display:grid;gap:8px}.intro-dialog .fine{display:flex;align-items:flex-start;gap:7px;line-height:1.5}.intro-dialog .fine svg{flex:none;margin-top:2px}.steps{display:flex;gap:6px}.steps i{height:4px;flex:1;border-radius:var(--r-pill);background:var(--line-strong)}.steps i.on{background:var(--btn)}.wiz-h{display:flex;flex-direction:column;gap:8px}.wiz-h p{color:var(--muted)}.wiz-h h2{font-size:var(--text-title)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.swatch{position:relative;display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 4px;border:1px solid var(--line-strong);border-radius:var(--r-group);background:var(--surface);font-size:var(--text-meta);font-weight:600;cursor:pointer}.swatch i{display:block;width:30px;height:30px;border-radius:50%}.swatch[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.opt{display:flex;width:100%;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.opt:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--soft)}.opt .mk{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}.opt .tx{min-width:0;flex:1}.opt .tx b{display:block}.opt .tx span{color:var(--muted);font-size:var(--text-meta)}.opt .tick{display:grid;width:26px;height:26px;flex:none;place-items:center;border:2px solid var(--line-strong);border-radius:50%;color:transparent}.opt[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.opt[aria-pressed=true] .tick{border-color:var(--btn);background:var(--btn);color:var(--on-btn)}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fine,.tiny{color:var(--muted)}.fine{font-size:var(--text-meta)}.err{color:var(--bad);font-size:var(--text-sm);font-weight:600}.toast{--toast-tone: var(--accent);position:fixed;z-index:var(--z-toast);right:auto;bottom:calc(var(--nav-h) + 14px + env(safe-area-inset-bottom,0px));left:50%;top:auto;display:flex;width:max-content;max-width:min(400px,calc(100vw - 32px));max-height:min(360px,calc(100dvh - var(--nav-h) - 64px));min-height:var(--control-sm);align-items:flex-start;gap:8px;margin:0;overflow-x:hidden;overflow-y:auto;padding:6px 6px 6px 10px;border:1px solid color-mix(in srgb,var(--toast-tone) 34%,transparent);border-radius:var(--r-group);background:var(--ink);color:var(--bg);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--ink) 40%,transparent);transform:translate(-50%);animation:toast-in .28s var(--ease-standard) both}@media(min-width:900px){.toast{bottom:28px}}.toast.toast-top{top:calc(76px + env(safe-area-inset-top,0px));bottom:auto}.toast-icon{display:grid;flex:none;width:22px;height:22px;place-items:center;border-radius:var(--r-pill);background:color-mix(in srgb,var(--toast-tone) 55%,var(--surface));color:var(--bg)}.toast-icon .ic{width:14px;height:14px}.toast-content{display:block;flex:1 1 auto;min-width:0;padding-right:6px}.toast-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toast-message{display:block;min-width:0;overflow-wrap:anywhere;color:var(--bg);font-size:var(--text-sm);font-weight:600;line-height:1.45}.toast .user-value,.toast .money{color:inherit}.toast button{flex:none;min-height:32px;padding:0 10px;border:0;border-radius:var(--r-sm);background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--bg);font-size:var(--text-sm);font-weight:750;cursor:pointer}.toast button:hover{background:color-mix(in srgb,var(--bg) 26%,transparent);transform:none}.toast button:focus-visible{outline:2px solid var(--bg);outline-offset:2px}.toast-timer{position:absolute;right:0;bottom:0;left:0;height:3px;background:color-mix(in srgb,var(--toast-tone) 60%,var(--surface));opacity:.8;transform-origin:left;animation:toast-life 5s linear both}.toast-action .toast-timer{animation-duration:9s}.toast-success{--toast-tone: var(--ok)}.toast-warning{--toast-tone: var(--warn)}.toast-error{--toast-tone: var(--bad)}.toast-action,.toast-info{--toast-tone: var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.toast,.toast-timer{animation:none}}button.tile{color:inherit;font:inherit;text-align:left;cursor:pointer}.notice.warn .btn{flex:none}.cal button{position:relative;min-width:0;border:0;border-radius:var(--r-control);background:transparent;color:var(--ink);font-size:var(--text-sm);cursor:pointer}.cal button[disabled]{color:var(--muted);opacity:.55;cursor:default}.cal button.m{background:var(--soft2);color:var(--ink);font-weight:700}.cal button.p{background:repeating-linear-gradient(45deg,var(--soft2),var(--soft2) 4px,transparent 4px,transparent 8px)}.cal button.t{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line-strong);font-weight:700}.cal button:focus-visible,.cal button.t:focus-visible,.cal button.t.s:focus-visible{z-index:1;outline:3px solid var(--focus);outline-offset:2px}.cal button.s{background:var(--soft2);box-shadow:inset 0 0 0 1px var(--accent)}.cal button.t.s{outline:2px solid var(--accent);outline-offset:-2px}.cal button.l:after{position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--accent);content:""}.cal button.m.l:after{background:var(--accent)}.lg{display:inline-block;width:8px;height:8px;margin:0 6px 0 12px;border-radius:50%;vertical-align:baseline}.lg:first-child{margin-left:0}.lg.m{background:var(--accent)}.lg.p{border:1px dashed var(--accent);background:var(--soft2)}.lg.l{width:7px;height:7px;background:var(--ink)}@media(min-width:640px){.dlg{max-height:min(88dvh,820px)}}@media(max-width:1100px){.onboard-options,.onboard-solution-list{gap:10px}}@media(max-width:600px){.onboard-intro{flex-direction:column;gap:var(--space-3)}.onboard-options,.onboard-solution-list{grid-template-columns:minmax(0,1fr)}.onboard-solution-note{align-items:flex-start}.onboard-always-on{margin-left:auto}}@media(min-width:760px){.onboard-needs-dialog .onboard-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:380px){.trio{grid-template-columns:minmax(0,1fr)}.intro-dialog .dlg-foot{gap:8px}.intro-dialog .dlg-foot .btn{padding-inline:10px;font-size:var(--text-meta)}}.dlg:not(.intro-dialog){border-radius:var(--r-large);background:var(--surface-strong);box-shadow:var(--shadow)}.dlg:not(.intro-dialog) .dlg-body{gap:18px;padding:24px}.dlg:not(.intro-dialog) .dlg-body>.head,.dlg:not(.intro-dialog) .dlg-body .cycle-log-heading,.dlg:not(.intro-dialog) .dlg-body .wiz-h{flex-wrap:nowrap;gap:var(--space-3)}.dlg:not(.intro-dialog) .dlg-body>.head,.dlg:not(.intro-dialog) .dlg-body .cycle-log-heading,.dlg:not(.intro-dialog) .dlg-body .wiz-h{padding-bottom:16px;border-bottom:1px solid var(--line)}.dlg:not(.intro-dialog) .dlg-body .head h2,.dlg:not(.intro-dialog) .dlg-body .cycle-log-heading h2,.dlg:not(.intro-dialog) .dlg-body .wiz-h h2,.dlg:not(.intro-dialog) .dlg-body>h2,.dlg:not(.intro-dialog) .dlg-body>form>h2{margin:0;font-size:var(--text-heading);line-height:1.25;letter-spacing:-.03em}.dlg:not(.intro-dialog) .dlg-body>.head>div>p.small,.dlg:not(.intro-dialog) .dlg-body .cycle-log-heading p,.dlg:not(.intro-dialog) .dlg-body .wiz-h p{margin-top:5px;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.dlg:not(.intro-dialog) .dlg-foot{gap:var(--space-3);padding:16px 24px 20px;border-top:1px solid var(--line);background:var(--surface-strong)}.dlg:not(.intro-dialog) .dlg-foot .btn{min-height:var(--control-md);border-radius:var(--r-control)}@media(max-width:480px){.dlg:not(.intro-dialog) .dlg-body{gap:16px;padding:20px}.dlg:not(.intro-dialog) .dlg-foot{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}}.dlg-body::-webkit-scrollbar{width:8px}.dlg-body::-webkit-scrollbar-track{border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 6%,transparent)}.dlg-body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--r-pill);background:var(--line-strong);background-clip:padding-box}.dlg-body::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}.dlg-body.quick-intro-dialog{gap:20px;padding:28px}.quick-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:clamp(28px,6vw,76px);width:100%}.quick-intro-copy{display:grid;gap:18px}.quick-intro-brand{display:grid;width:52px;height:52px;place-items:center}.quick-intro .wiz-h{gap:6px}.quick-intro .wiz-h p{max-width:48ch;font-size:var(--text-md);line-height:1.55}.quick-intro-points{display:grid;gap:10px;margin:0;padding:12px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--surface-soft) 74%,var(--surface));list-style:none}.quick-intro-points li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--r-group);background:var(--surface-soft)}.quick-intro-points .ic{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--r-sm);background:var(--soft2);color:var(--accent)}.quick-intro-points span{display:grid;gap:2px}.quick-intro-points b{font-size:var(--text-sm)}.quick-intro-points small{color:var(--muted);font-size:var(--text-xs);line-height:1.35}.quick-intro-copy>.fine{padding-left:2px;font-size:var(--text-xs)}.dlg-body.quick-intro-dialog+.dlg-foot{padding:14px 28px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 28%,var(--surface-strong)),var(--surface-strong))}@media(max-width:700px){.quick-intro{grid-template-columns:minmax(0,1fr);gap:20px}.quick-intro-points{padding:8px;border-radius:var(--r-group)}}@media(max-width:480px){.dlg-body.quick-intro-dialog{padding:22px 20px}.dlg-body.quick-intro-dialog+.dlg-foot{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}}:root[data-theme=dark] .dlg{border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}:root[data-theme=dark] .dlg-back{background:color-mix(in srgb,var(--bg) 62%,transparent)}@media(prefers-reduced-motion:no-preference){.dlg-back.is-opening .dlg{animation:dialog-enter var(--duration-base) var(--ease-standard) both}@keyframes dialog-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}.skip{position:fixed;z-index:var(--z-skip);top:8px;left:8px;transform:translateY(calc(-100% - 8px));opacity:0;pointer-events:none;padding:10px var(--space-4);border:0;border-radius:var(--r-control);background:var(--btn);color:var(--on-btn);font-weight:600;text-decoration:none}.skip:focus-visible{transform:translateY(0);opacity:1;pointer-events:auto}.avatar{display:grid;width:var(--target-size);height:var(--target-size);flex:none;place-items:center;border-radius:50%;background:var(--soft2);color:var(--accent);font:var(--weight-bold) var(--text-base) var(--font-h);text-decoration:none}.avatar.sm{width:44px;height:44px;font-size:var(--text-sm)}.profile-link{border-radius:var(--r-pill)}.profile-link:hover,.profile-link[aria-current=page]{color:var(--accent)}.header-actions{display:flex;flex:none;align-items:center;gap:8px}.pomodoro-mini{position:sticky;z-index:calc(var(--z-header) - 1);top:calc(76px + env(safe-area-inset-top,0px));display:flex;width:min(100%,440px);min-width:0;align-items:center;gap:8px;margin:0 0 0 auto;padding:8px;border:1px solid color-mix(in srgb,var(--pomodoro-mini-phase, var(--accent)) 30%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--surface-strong) 94%,var(--pomodoro-mini-phase, var(--accent)) 6%);box-shadow:var(--card-shadow)}.main>.pomodoro-mini{width:min(100%,440px);max-width:100%;margin:0 0 0 auto}.pomodoro-mini[hidden]{display:none}.pomodoro-mini[data-phase=focus]{--pomodoro-mini-phase: var(--accent)}.pomodoro-mini[data-phase=short-break],.pomodoro-mini[data-phase=long-break]{--pomodoro-mini-phase: var(--area-water)}.pomodoro-mini-open{display:grid;min-width:0;flex:1;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;color:inherit;text-decoration:none}.pomodoro-mini-open:hover .pomodoro-mini-copy b{color:var(--accent)}.pomodoro-mini-indicator{width:9px;height:9px;border-radius:50%;background:var(--pomodoro-mini-phase, var(--accent))}.pomodoro-mini-copy{display:grid;min-width:0;gap:2px}.pomodoro-mini-copy b,.pomodoro-mini-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pomodoro-mini-copy b{font-size:var(--text-xs)}.pomodoro-mini-copy small{color:var(--muted);font-size:var(--text-2xs)}.pomodoro-mini-clock{color:var(--ink);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.pomodoro-mini-toggle{min-height:var(--control-sm);padding:0 12px;border:0;border-radius:var(--r-pill);background:var(--btn);color:var(--on-btn);font:inherit;font-size:var(--text-xs);font-weight:750;cursor:pointer}.pomodoro-mini-toggle:hover{filter:brightness(1.06)}.pomodoro-mini-toggle:focus-visible,.pomodoro-mini-open:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.nav .nav-area{display:none}.nav a .ni{position:relative}.nav a .dot{position:absolute;top:0;right:2px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--accent)}.notification-trigger{position:relative}.notification-count{position:absolute;top:0;right:0;display:grid;min-width:20px;height:20px;place-items:center;padding-inline:4px;border:2px solid var(--surface);border-radius:var(--r-pill);background:var(--surface);color:var(--accent);font-size:var(--text-2xs);font-weight:750;line-height:1}.notification-panel{position:fixed;z-index:var(--z-panel);top:calc(76px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));display:flex;width:min(380px,calc(100vw - 24px));max-height:min(72dvh,520px);flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface-raised);box-shadow:var(--shadow)}.notification-panel[hidden]{display:none}.notification-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.notification-head h2{font-size:var(--text-lg)}.notification-head .small{display:inline-flex;margin-top:6px;padding:3px 9px;border-radius:var(--r-pill);background:var(--soft);color:var(--muted);font-size:var(--text-xs)}.notification-controls{display:grid;gap:10px;padding:12px 18px 14px;border-bottom:1px solid var(--line)}.notification-controls>div{display:grid;gap:4px}.notification-controls b{color:var(--ink);font-size:var(--text-sm)}.notification-controls small{color:var(--muted);line-height:1.45}.notification-controls .btn{justify-self:start}.notification-section-title{margin:12px 18px 0;color:var(--muted);font-size:var(--text-2xs);font-weight:800;letter-spacing:.08em}.notification-list{display:grid;gap:8px;overflow-y:auto;padding:10px}.notification-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--list-row-border);border-radius:var(--list-row-radius);background:var(--list-row-surface)}.notification-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--r-control);background:var(--warn-soft);color:var(--warn)}.pomo-notification .notification-icon{background:var(--soft2);color:var(--accent)}.notification-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.notification-copy b{overflow-wrap:anywhere}.notification-copy small{color:var(--muted);font-size:var(--text-xs)}.notification-copy p{margin-top:3px;color:var(--muted);font-size:var(--text-meta);line-height:1.45}.notification-actions{display:flex;grid-column:2;flex-wrap:wrap;align-items:center;gap:6px}.notification-actions .ibtn{margin-left:auto}.notification-empty{display:flex;align-items:center;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-6);color:var(--muted);text-align:center}.notification-empty .ic{box-sizing:content-box;width:20px;height:20px;padding:11px;border-radius:50%;background:var(--ok-soft);color:var(--ok)}.notification-empty b{color:var(--ink)}.notification-empty span{max-width:30ch;font-size:var(--text-sm)}@media(min-width:1200px){.pomodoro-mini{top:16px}}.areanav{position:relative;display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-3);overscroll-behavior-inline:contain}.areanav a{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--r-control);color:var(--muted);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap}.nav-label-group{display:inline-flex;align-items:baseline;gap:0}.tab-label-group{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}.tab-label{color:inherit}.tab-period{color:var(--accent);font-style:normal}.nav a[aria-current=page] .tab-label{color:var(--accent)}.areanav a[aria-current=page] .tab-label{color:var(--ink)}.settings-link-copy b .tab-label{color:var(--muted)}.settings-link[aria-current=page] .tab-label,.settings-link[aria-current=page] .tab-period{color:var(--on-btn)}.areanav a:focus-visible{position:relative;z-index:1}.main>.areanav{display:none}@media(min-width:900px){.notification-panel{top:88px;right:max(28px,calc((100vw - var(--content-width)) / 2))}}@media(min-width:1440px){.topbar .nav .nav-area{display:flex}.dlg .more li.more-area,.dlg .more li.more-profile{display:none}}@media(max-width:480px){.areanav a{padding-inline:10px}}button.nav-more-link{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.notification-head .notification-clear{margin-left:auto}.notification-item{--nc: var(--warn);position:relative}.notification-item.is-habit .notification-icon{background:color-mix(in srgb,var(--nc) 16%,var(--surface));color:var(--nc)}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-kind{color:var(--muted);font-size:var(--text-2xs);font-weight:800;letter-spacing:.08em}.notification-ago{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.notification-item.is-pomodoro .notification-kind{color:var(--accent)}.notification-actions .btn.sm{min-height:var(--control-sm)}.notification-upcoming{padding:12px 18px 16px;border-top:1px solid var(--line)}.notification-upcoming h3{margin:0 0 8px;color:var(--muted);font-size:var(--text-2xs);font-weight:800;letter-spacing:.08em}.notification-upcoming ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.notification-upcoming li{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:var(--text-sm)}.notification-upcoming .nu-time{flex:none;min-width:5ch;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.notification-upcoming li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-upcoming small{flex:none;color:var(--muted);font-size:var(--text-xs)}.notification-settings-link{display:flex;flex:none;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm);text-decoration:none}.notification-settings-link:hover{color:var(--accent)}.notification-panel{overflow-y:auto}.notification-panel .notification-list{overflow:visible}.notification-meta .notification-x{width:var(--control-sm);height:var(--control-sm);min-width:var(--control-sm);min-height:var(--control-sm);margin:-8px -8px -8px 0}.notification-ago{margin-left:auto}.topbar{min-height:78px;padding-block:10px;border-bottom-color:color-mix(in srgb,var(--accent) 13%,transparent);background:color-mix(in srgb,var(--surface-strong) 84%,transparent);box-shadow:0 10px 28px -25px var(--ink);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);transition:min-height var(--duration-base) var(--ease-standard),padding var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}:root[data-scrolled=true] .topbar{min-height:60px;padding-block:4px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:0 10px 30px -22px var(--ink)}.wordmark{font-size:var(--text-title)}.brand .wordmark i{color:var(--accent)}.app>.topbar .wordmark,.account-public-header .wordmark{display:none}.topbar .brand,.topbar .wordmark{transition:min-height var(--duration-base) var(--ease-standard),font-size var(--duration-base) var(--ease-standard)}:root[data-scrolled=true] .topbar .brand{min-height:var(--control-sm)}:root[data-scrolled=true] .topbar .wordmark{font-size:var(--text-xl)}html[data-scroll-locked=true] .app>.topbar,html[data-scroll-locked=true] .public-site>.public-topbar{transform:translate(var(--scroll-lock-offset-x),var(--scroll-lock-offset-y))}@media(min-width:701px){html[data-scroll-locked=true] .app>.topbar{transform:translate(var(--scroll-lock-offset-x))}}.topbar .nav a{transition:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.topbar .nav a[aria-current=page]{color:var(--accent);font-weight:750}.accessibility-control{position:relative}.accessibility-panel{position:fixed;z-index:var(--z-panel);top:calc(80px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:grid;width:min(340px,calc(100vw - 24px));max-height:min(75dvh,600px);gap:var(--space-3);overflow-y:auto;padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow)}.accessibility-panel[hidden]{display:none}.accessibility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.accessibility-head h2{font-size:var(--text-lg)}.accessibility-head p{margin-top:4px;color:var(--muted);font-size:var(--text-meta)}.accessibility-font{display:grid;gap:var(--space-2)}.accessibility-group-label{font-size:var(--text-sm);font-weight:700}.accessibility-font-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:var(--space-2)}.accessibility-font-controls .btn{min-height:var(--control-md)}.accessibility-options{display:grid;gap:var(--space-2)}.accessibility-option{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:space-between;gap:var(--space-2);padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.accessibility-option:hover{border-color:var(--accent);background:var(--surface-soft)}.accessibility-option[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.accessibility-option-copy{display:grid;gap:2px}.accessibility-option-copy b{font-size:var(--text-sm)}.accessibility-option-copy small{color:var(--muted);font-size:var(--text-xs);line-height:1.4}.accessibility-state{flex:none;color:var(--muted);font-size:var(--text-2xs);font-weight:700}.accessibility-option[aria-pressed=true] .accessibility-state{color:var(--accent)}.accessibility-reset{width:100%}.accessibility-advanced{border-top:1px solid var(--line);padding-top:var(--space-2)}.accessibility-advanced summary{min-height:var(--control-sm);color:var(--accent);font-size:var(--text-sm);font-weight:700;cursor:pointer}.accessibility-advanced .accessibility-options{padding-top:var(--space-2)}.accessibility-settings-options{width:100%;max-width:760px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}:root[data-readable=true]{--font: Arial, Verdana, sans-serif;--font-h: Arial, Verdana, sans-serif;--leading-body: 1.75}:root[data-readable=true] body{letter-spacing:.02em}:root[data-links=highlight] a[href]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}@media(max-width:380px){.header-actions{gap:0}.header-actions .iconbtn{width:34px;height:34px}.topbar .brand{gap:4px}.topbar .wordmark{font-size:var(--text-lg)}}@media(max-width:899px){.app>.topbar{-webkit-backdrop-filter:none;backdrop-filter:none}}.accessibility-panel .seg button{min-height:var(--control-md)}.accessibility-more{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.fin-section-content{display:flex;flex-direction:column;gap:18px}.main[data-route=financas] .budget-list>li{padding-inline:var(--space-4)}.category-manager-group{display:flex;flex-direction:column;gap:var(--space-2)}.category-manager-group .head{gap:var(--space-2)}.category-manager-group h3{font-size:var(--text-body)}.category-manager-list{padding-inline:2px}.category-manager-list>li{gap:var(--space-3)}.category-manager-edit{flex:none}.finance-transaction-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));touch-action:pan-y}.finance-transaction-type button{min-width:0;min-height:var(--target-size);flex:none;padding-inline:6px;white-space:normal}.tx-settlement-toggle{min-height:var(--target-size);flex-wrap:nowrap;align-items:flex-start;gap:12px}.tx-settlement-toggle>input{margin-top:2px}.tx-settlement-toggle-copy{display:grid;flex:1;gap:2px;line-height:1.45}.fin-section-menu{display:flex;flex-wrap:wrap;gap:8px}.fin-section-option{display:flex;min-width:0;min-height:var(--target-size);flex:1 1 150px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-strong);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.fin-section-option:hover,.fin-section-option.is-active{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--soft2);color:var(--accent)}.fin-section-option>.ic{color:currentColor}.fin-section-option:focus-visible{position:relative;z-index:1}.fin-section-option:active{transform:translateY(1px)}@media(max-width:600px){.fin-section-option{flex-basis:calc(50% - 4px)}}.mnav{display:flex;align-items:center;justify-content:space-between;gap:8px}.mlabel{min-height:var(--control-md);padding:0 12px;border:0;border-radius:var(--r-control);background:transparent;color:var(--ink);font:var(--weight-bold) var(--text-lg) var(--font-h);letter-spacing:-.02em;cursor:pointer}.mlabel:hover{background:var(--soft)}.fin-hero{display:flex;flex-direction:column;gap:4px;padding:var(--space-5);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-inline-start:4px solid var(--accent);border-radius:var(--r-large);background:var(--hero)}.fin-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.fin-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.fin-hero-actions .btn{min-height:var(--control-sm)}.fin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.fin-overview-side{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;min-width:0}.finance-attention{border-color:color-mix(in srgb,var(--area-finances) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--area-finances) 6%,var(--surface)),var(--surface) 62%)}.fh-l{color:var(--muted);font-size:var(--text-sm)}.fh-context{margin:3px 0 0;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.fh-v{color:var(--ink);font:var(--weight-bold) var(--text-display)/1.1 var(--font-h);letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fh-v.neg{color:var(--bad)}.balance-sparkline{display:block;width:min(100%,280px);height:48px;margin:-2px 0 2px;overflow:visible}.balance-sparkline polyline{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.category-bars{display:grid;gap:12px;margin:0;padding:0;list-style:none}.category-bars li{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:9px}.category-bar-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--r-sm);background:color-mix(in srgb,var(--category-tone) 14%,var(--surface));color:var(--category-tone)}.category-bar-copy{display:grid;min-width:0;gap:5px;font-size:var(--text-meta);font-weight:700}.category-bar-track{display:block;height:6px;overflow:hidden;border-radius:var(--r-pill);background:var(--soft2)}.category-bar-track i{display:block;height:100%;border-radius:inherit;background:var(--category-tone)}.category-bars b{font-size:var(--text-meta);font-variant-numeric:tabular-nums;white-space:nowrap}.category-bars small{min-width:32px;color:var(--muted);font-size:var(--text-2xs);text-align:right}.fh-s{color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}.fh-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;padding-top:var(--space-4);border-top:1px solid var(--line)}.fh-row .finance-summary-stat{display:flex;width:100%;min-width:0;flex-direction:column;gap:4px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:var(--r-control);background:color-mix(in srgb,var(--surface) 78%,var(--soft));color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.fh-row .finance-summary-stat:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--surface)}.fh-row .finance-summary-stat:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.fh-row span,.fh-row small{color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere}.fh-row b{font:var(--weight-bold) var(--text-md)/1.35 var(--font-h);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fh-row .finance-flow-track{display:block;width:100%;height:4px;overflow:hidden;border-radius:var(--r-pill);background:color-mix(in srgb,var(--summary-tone) 14%,var(--surface))}.fh-row .finance-flow-track i{display:block;height:100%;border-radius:inherit;background:var(--summary-tone)}.fh-row .is-income b{color:var(--ok)}.fh-row .is-expense b,.fh-row .is-result.is-negative b{color:var(--bad)}.fh-row .finance-summary-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--summary-tone) 15%,var(--surface));color:var(--summary-tone)}.fh-row .is-income{--summary-tone: var(--ok)}.fh-row .is-expense{--summary-tone: var(--bad)}.fh-row .is-result{--summary-tone: var(--accent)}.fh-row .is-open{--summary-tone: var(--area-finances)}.finance-month-close{display:grid;gap:var(--space-3)}.finance-month-close>.head{align-items:flex-start}.finance-month-close>.head h2{margin-bottom:4px}.finance-month-close>.head p{margin:4px 0 0;line-height:1.45}.finance-close-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.finance-close-stats>div{display:grid;min-width:0;align-content:start;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface-soft)}.finance-close-stats dt,.finance-close-stats small{color:var(--muted);font-size:var(--text-xs)}.finance-close-stats dd{margin:0;color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finance-close-stats dd.is-negative{color:var(--bad)}.finance-close-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:var(--space-3);border-top:1px solid var(--line)}.finance-close-next>p{margin:0;color:var(--muted);font-size:var(--text-sm)}.finance-close-next .row{flex-wrap:wrap;gap:8px}.finance-pending-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.finance-pending-summary>div{display:grid;min-width:0;gap:4px;padding:12px;border:1px solid color-mix(in srgb,var(--pending-tone) 18%,var(--line));border-radius:var(--r-control);background:color-mix(in srgb,var(--pending-tone) 5%,var(--surface))}.finance-pending-summary .is-expense{--pending-tone: var(--bad)}.finance-pending-summary .is-income{--pending-tone: var(--ok)}.finance-pending-summary span,.finance-pending-summary small{color:var(--muted);font-size:var(--text-xs)}.finance-pending-summary b{color:var(--pending-tone);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.finance-trend-chart{display:block;width:100%;height:auto;overflow:visible}.finance-trend-grid{stroke:var(--line);stroke-width:1}.finance-trend-area{fill:color-mix(in srgb,var(--bad) 12%,transparent)}.finance-trend-line{fill:none;stroke:var(--bad);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.finance-trend-point{fill:var(--bad);stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}.finance-trend-chart text{fill:var(--muted);font:var(--text-2xs) var(--font)}.finance-form-section{margin:4px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--area-finances);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em}#dlgform>.finance-form-section:first-child{margin-top:0;padding-top:0;border-top:0}@media(max-width:900px){.fin-overview-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.fh-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.fin-hero-top{flex-direction:column}.fin-hero-actions{width:100%;justify-content:stretch}.fin-hero-actions .btn{flex:1}}@media(max-width:540px){.fh-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fh-row .finance-summary-stat{padding:10px}.finance-pending-summary{gap:8px}.finance-pending-summary>div{padding:10px}.finance-close-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finance-close-stats>div{padding:10px}.finance-close-next .row{width:100%}.finance-close-next .btn{flex:1 1 140px}}.fr{display:flex;min-width:0;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--list-row-border);border-radius:var(--list-row-radius);background:var(--list-row-surface)}.fr:first-child{border-top:0}.fr.pend .ttl{color:var(--muted)}.fr-main{display:flex;min-width:0;flex:1;align-items:center;gap:10px;padding:8px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ci{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:var(--r-control);background:color-mix(in srgb,var(--c) 14%,var(--surface));color:color-mix(in srgb,var(--c) 70%,var(--ink))}.bank-logo{display:grid;width:40px;height:40px;flex:none;place-items:center;overflow:hidden;padding:4px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--on-solid)}.bank-logo img{display:block;width:100%;height:100%;object-fit:contain}.bank-name-field{gap:6px}.bank-name-control{display:flex;min-width:0;align-items:center;gap:10px}.bank-name-control>input{flex:1;min-width:0}.bank-name-preview{flex:none}.bank-name-preview .bank-logo,.bank-name-preview .ci{width:40px;height:40px}.bank-preview-logo[hidden],[data-bank-preview-fallback][hidden]{display:none}.account-type-field{min-inline-size:0;margin:0;padding:0;border:0}.account-type-field>.f-label{margin-bottom:0}.account-type-help{margin:0 0 8px;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.account-type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-type-choice{position:relative;display:flex;min-width:0;min-height:76px;align-items:flex-start;gap:8px;padding:10px 28px 10px 10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.account-type-choice:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.account-type-choice:has(input:checked){border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--soft2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.account-type-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.account-type-choice input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.account-type-choice-icon{flex:none}.account-type-choice-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.account-type-choice-copy b{font-size:var(--text-sm)}.account-type-choice-copy small{color:var(--muted);font-size:var(--text-meta);line-height:1.4}.account-type-choice-check{position:absolute;top:8px;right:8px;display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line);border-radius:50%;color:transparent}.account-type-choice:has(input:checked) .account-type-choice-check{border-color:var(--accent);background:var(--accent);color:var(--on-solid)}@media(max-width:480px){.account-type-picker{grid-template-columns:minmax(0,1fr)}.account-type-choice{min-height:60px;align-items:center}}.meta2{display:block;color:var(--muted);font-size:var(--text-meta)}.meta2 .m-warn{color:var(--warn);font-weight:600}.meta2 .m-bad{color:var(--bad);font-weight:600}.tx-date{display:inline-flex;align-items:center;min-height:20px;padding-inline:6px;border-radius:var(--r-pill);background:var(--soft);color:var(--muted);font-size:var(--text-2xs);font-weight:700}.finance-recent>.head{align-items:flex-start}.finance-recent>.head h2{margin-bottom:3px}.finance-recent .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:0}.finance-recent .fr{align-items:flex-start;padding:6px 8px;border:1px solid var(--list-row-border);border-radius:var(--r-control);background:var(--surface-soft)}.finance-recent .fr.pend{border-inline-start:3px solid var(--warn)}.finance-recent .fr-main{padding-block:6px}.finance-recent .meta2{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.finance-recent .ci{width:36px;height:36px}.finance-recent .amt{align-self:center}@media(max-width:640px){.finance-recent .list{grid-template-columns:minmax(0,1fr)}}.amt{font:var(--weight-bold) var(--text-md) var(--font-h);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.amt.in{color:var(--ok)}.amt.tr{color:var(--muted)}.pk{display:grid;width:36px;height:36px;flex:none;place-items:center;margin-right:0;border:1.5px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.pk.on{border-color:var(--ok);background:var(--ok);color:var(--surface)}.pk:not(.on) svg{opacity:.45}.pk:hover:not(.on){border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.pk:hover:not(.on) svg{opacity:1}.pk-sp{width:36px;flex:none}.fab-clearance{height:calc(96px + env(safe-area-inset-bottom,0px))}.gh .gsum{color:var(--muted);font-size:var(--text-meta);font-weight:700}.cards{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.cards>li{border:1px solid var(--list-row-border);border-radius:var(--list-row-radius);background:var(--list-row-surface)}.acc{display:flex;width:100%;align-items:center;gap:12px;padding:var(--space-4);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.acc .grow{display:flex;min-width:0;flex-direction:column}.acc b.neg{color:var(--bad)}.cc{display:flex;flex-direction:column;gap:12px;padding:16px}.cc-top{display:flex;align-items:center;gap:12px}.cc-inv{display:flex;min-width:0;flex-direction:column}.cc-v{font:var(--weight-bold) var(--text-2xl) var(--font-h);letter-spacing:-.02em;overflow-wrap:anywhere}.cc .btn{align-self:flex-start}.donut-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.donut-w{position:relative;width:150px;height:150px;flex:none}.donut{width:100%;height:100%;transform:rotate(0)}.donut-w .dc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dc b{max-width:100px;font:var(--weight-bold) var(--text-base) var(--font-h);overflow-wrap:anywhere}.dc span{color:var(--muted);font-size:var(--text-xs)}.legend{display:flex;min-width:150px;flex:1;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.legend li{display:flex;align-items:center;gap:10px;font-size:var(--text-md)}.chart .bi{fill:var(--ok)}.chart .bo{fill:var(--bad)}.amt-in{min-height:60px;font:var(--weight-bold) var(--text-2xl) var(--font-h);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cc-top .grow,.acc .grow{display:flex;min-width:0;flex-direction:column}.seg.sm{padding:2px;border-radius:var(--r-control)}.cmp{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cmp th{padding:6px 4px;color:var(--muted);font-size:var(--text-xs);font-weight:600;text-align:right}.cmp td{padding:9px 4px;border-top:1px solid var(--line);text-align:right}.cmp td:first-child,.cmp th:first-child{font-weight:600;text-align:left}.okc{color:var(--ok);font-weight:600}.cmp .err{color:var(--bad)}.pair{height:8px;margin-top:6px;overflow:hidden;border-radius:var(--r-pill);background:var(--soft)}.pair span{display:block;height:100%;border-radius:var(--r-pill)}.pair.b{margin-top:3px;opacity:.45}.cmpl>li{align-items:flex-start}@media(min-width:640px){.fh-row{grid-template-columns:repeat(3,minmax(0,1fr))}.fh-row .finance-summary-stat:last-child{grid-column:auto}}@media(max-width:380px){.fh-row{grid-template-columns:minmax(0,1fr)}.fh-row .finance-summary-stat:last-child{grid-column:auto}.fr{flex-wrap:wrap}.fr-main{flex-basis:calc(100% - 52px)}}.fin-hero{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-large);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--p) 18%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--soft2) 78%,var(--surface)),var(--surface));box-shadow:var(--card-shadow)}.main[data-route=financas] .card{border-radius:var(--r)}.fr{border-radius:var(--r-group)}.fr,.cards>li{border-color:var(--line);box-shadow:0 6px 16px -18px color-mix(in srgb,var(--ink) 55%,transparent);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.fr:hover,.cards>li:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--surface) 84%,var(--soft));box-shadow:0 12px 24px -22px color-mix(in srgb,var(--ink) 65%,transparent)}.fr .meta2{font-size:var(--text-xs)}.fr .meta2 .m-warn,.fr .meta2 .m-bad{display:inline-flex;align-items:center;min-height:22px;padding-inline:7px;border-radius:var(--r-pill);background:var(--surface-soft)}.fr .meta2 .m-bad{background:var(--bad-soft)}.fr .meta2 .m-warn{background:var(--warn-soft)}.ci,.bank-logo{border-radius:var(--r-sm)}@media(max-width:480px){.main[data-route=financas]{scroll-padding-bottom:calc(var(--nav-h) + 112px + env(safe-area-inset-bottom,0px))}.main[data-route=financas] .fin-section-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;overflow:visible}.main[data-route=financas] .fin-section-option{min-width:0;justify-content:flex-start;padding-inline:10px}}.main[data-route=financas]>.fab{border:1px solid color-mix(in srgb,white 20%,transparent);box-shadow:0 16px 30px -18px color-mix(in srgb,var(--btn) 95%,transparent)}.main[data-route=financas]>.fab:hover{transform:translateY(-2px);filter:brightness(1.06)}.main[data-route=financas] .fab-clearance{height:calc(124px + env(safe-area-inset-bottom,0px))}@media(max-width:700px){.fr-main{min-height:var(--control-lg)}}.main[data-route=financas]{--area-tone: var(--area-finances)}.finance-page-action{position:absolute;z-index:2;top:50%;right:26px;min-height:var(--control-md);transform:translateY(-50%)}@media(min-width:900px){.main[data-route=financas]>.finance-fab{display:none}.main[data-route=financas] .fab-clearance{display:none}}@media(max-width:899px){.main[data-route=financas] .finance-page-action{display:none}}.main[data-route=financas]>.lead{max-width:68ch;margin-top:-18px;padding:0 8px;color:var(--muted);font-size:var(--text-base)}.main[data-route=financas] .card>.head:first-child{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.main[data-route=financas] .card>.head:first-child h2{font-size:var(--text-xl)}:root[data-theme=dark] .fr{background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.main[data-route=financas] .fin-section-menu{padding:5px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface-soft) 78%,var(--surface))}.main[data-route=financas] .fin-section-option{min-height:var(--control-sm);border-color:transparent;border-radius:var(--r-pill);background:transparent}.main[data-route=financas] .fin-section-option.is-active{border-color:transparent;background:var(--surface-strong);box-shadow:0 4px 10px -8px var(--ink)}@media(max-width:700px){.main[data-route=financas]>.lead{margin-top:-12px;padding-inline:4px;font-size:var(--text-md)}}@media(min-width:1200px){.main[data-route=financas] .fh-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.main[data-route=financas] .fin-section-content{gap:20px}.main[data-route=financas] .fin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,30%);align-items:center;gap:20px;padding:clamp(20px,3vw,32px);border:1px solid color-mix(in srgb,var(--area-finances) 24%,var(--line));border-inline-start:4px solid var(--area-finances);border-radius:var(--r-large);background:radial-gradient(ellipse at 92% 8%,color-mix(in srgb,var(--area-finances) 13%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--area-finances) 5%,var(--surface)),var(--surface-strong) 72%);box-shadow:var(--card-shadow)}.fin-hero-main{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:20px}.fin-hero .fh-l{margin-bottom:5px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.035em}.fin-hero .fh-v{font-size:var(--text-metric)}.fin-hero-actions{flex:none}.fin-hero-trend{display:grid;min-width:0;justify-items:end;gap:6px}.fin-hero .balance-sparkline{width:min(100%,220px);height:54px;margin:0}.fin-hero .fh-s{max-width:34ch;font-size:var(--text-xs);text-align:right}.finance-month-snapshot{display:grid;gap:12px}.finance-month-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-inline:2px}.finance-month-heading h2{margin:0;font-size:var(--text-xl)}.finance-month-heading>p{padding-bottom:2px;text-align:right}.finance-month-snapshot .fh-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0}.finance-month-snapshot .fh-row .finance-summary-stat{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon label" "value value" "track track" "meta meta";align-content:start;min-height:148px;gap:8px 10px;padding:16px;border-color:color-mix(in srgb,var(--summary-tone) 20%,var(--line));border-radius:var(--r);background:color-mix(in srgb,var(--summary-tone) 4%,var(--surface-strong));box-shadow:var(--card-shadow)}.finance-month-snapshot .finance-summary-stat>.finance-summary-icon{grid-area:icon;width:34px;height:34px}.finance-month-snapshot .finance-summary-stat>span:not(.finance-summary-icon):not(.finance-flow-track){grid-area:label;align-self:center;color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.finance-month-snapshot .finance-summary-stat>b{grid-area:value;font-size:var(--text-xl);letter-spacing:-.025em}.finance-month-snapshot .finance-summary-stat>.finance-flow-track{grid-area:track;align-self:center}.finance-month-snapshot .finance-summary-stat>small{grid-area:meta;line-height:1.45}.main[data-route=financas] .fin-overview-grid{gap:16px}.main[data-route=financas] .finance-recent .list{gap:10px}@media(min-width:1100px){.finance-month-snapshot .fh-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.main[data-route=financas] .fin-hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}.fin-hero-main{align-items:flex-start;flex-direction:column;gap:14px}.fin-hero-actions{width:100%;justify-content:flex-start}.fin-hero-actions .btn{flex:1 1 0}.fin-hero-trend{grid-template-columns:minmax(96px,.7fr) minmax(0,1fr);align-items:center;justify-items:stretch;gap:12px}.fin-hero .balance-sparkline{width:100%;height:42px}.fin-hero .fh-s{text-align:left}}@media(max-width:480px){.main[data-route=financas] .fin-section-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:0;border-radius:0;background:transparent}.main[data-route=financas] .fin-section-option{min-height:var(--control-md);justify-content:flex-start;padding-inline:12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface-strong)}.main[data-route=financas] .fin-section-option.is-active{border-color:color-mix(in srgb,var(--area-finances) 42%,var(--line));background:color-mix(in srgb,var(--area-finances) 9%,var(--surface-strong));color:var(--area-finances);box-shadow:none}.finance-month-heading h2{font-size:var(--text-lg)}.finance-month-snapshot .fh-row{gap:8px}.finance-month-snapshot .fh-row .finance-summary-stat{min-height:138px;gap:7px 8px;padding:12px}}.settings-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-compact-min-width)),min(100%,var(--card-compact-max-width))));justify-content:start;gap:var(--space-2)}.setting-toggle{display:grid;min-width:0;min-height:56px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.setting-toggle:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--surface-soft)}.setting-toggle:focus-within{border-color:var(--accent)}.setting-toggle-copy{display:flex;min-width:0;flex-direction:column;gap:3px;line-height:1.4;overflow-wrap:anywhere}.setting-toggle-copy b{font-size:var(--text-sm);font-weight:650}.setting-toggle-copy>span{color:var(--muted);font-size:var(--text-meta)}.menu-order-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.menu-order-item{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-3);padding:6px 10px 6px 14px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.menu-order-label{display:flex;min-width:0;align-items:center;gap:10px}.menu-order-label .ic{flex:none;color:var(--accent)}.menu-order-label b{overflow-wrap:anywhere}.menu-order-label small{color:var(--muted);font-size:var(--text-xs)}.menu-order-controls{display:flex;flex:none;gap:4px}.menu-visibility{display:inline-flex;align-items:center;gap:6px;padding-inline:6px;color:var(--muted);font-size:var(--text-meta);cursor:pointer;white-space:nowrap}.menu-visibility input{accent-color:var(--accent)}.menu-always-visible{padding-inline:8px;color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.menu-order-controls .ibtn{width:var(--target-size);height:var(--target-size)}.areas-navigation-settings{gap:var(--space-3)}.areas-navigation-settings>p{margin:0}.areas-navigation-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.areas-navigation-list.compact-card-grid{gap:var(--card-compact-gap)}.areas-navigation-item{display:grid;min-width:0;grid-template-columns:24px minmax(0,1fr);align-content:start;align-items:start;gap:var(--space-3) var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.areas-navigation-icon{display:flex;color:var(--accent)}.areas-navigation-copy,.areas-navigation-toggle{display:flex;min-width:0;align-items:center;gap:10px}.areas-navigation-copy{flex-direction:column;align-items:flex-start;gap:3px}.areas-navigation-toggle{align-items:flex-start}.areas-navigation-toggle>input{margin-top:3px}.areas-navigation-copy>b,.areas-navigation-toggle .setting-toggle-copy>b{font-size:var(--text-sm);font-weight:650}.areas-navigation-copy>span,.areas-navigation-toggle .setting-toggle-copy>span{color:var(--muted);font-size:var(--text-meta)}.areas-navigation-name{display:flex;align-items:center;gap:8px}.areas-navigation-name .area-status{padding:1px 6px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);font-size:var(--text-2xs);font-weight:600}.areas-navigation-name .area-status.is-active{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}.areas-navigation-toggle{cursor:pointer}.areas-navigation-toggle>input{flex:none;accent-color:var(--accent)}.areas-navigation-controls{display:flex;min-width:0;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line)}.areas-navigation-order{display:inline-flex;flex:none;gap:4px}.areas-navigation-position{min-width:2.5em;align-self:center;color:var(--muted);font-size:var(--text-xs);text-align:center}.areas-navigation-order .ibtn{width:var(--target-size);height:var(--target-size)}@media(max-width:700px){.areas-navigation-list.compact-card-grid{grid-template-columns:minmax(0,1fr)}}.settings-storage-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-storage-notice>span{min-width:0}.data-location{display:flex;align-items:flex-start;gap:8px}.data-location>.ic{flex:none;margin-top:2px}.appearance-settings-heading{display:grid;gap:var(--space-2)}.appearance-settings-heading>p{max-width:68ch;color:var(--muted);line-height:1.5}.appearance-settings-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.appearance-settings-heading>div{display:grid;gap:var(--space-2)}.appearance-settings-heading>div>p{max-width:68ch;color:var(--muted);line-height:1.5}.settings-section-heading{display:grid;gap:var(--space-2)}.settings-section-heading>p{max-width:68ch;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.settings-section-intro{max-width:68ch;margin:0;color:var(--muted);line-height:1.55}.settings-section-card{gap:var(--space-4)}.settings-section-card .trash-list>li{padding-inline:var(--space-3)}.settings-data-safety{align-items:flex-start}.settings-data-safety>.ic{flex:none;margin-top:2px}.settings-data-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--space-3)}.settings-data-action{display:grid;min-width:0;align-content:start;justify-items:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.settings-data-action h3,.settings-data-action p{margin:0}.settings-data-action h3{font-size:var(--text-md)}.settings-data-action>p:not(.small):not(.err){color:var(--muted);font-size:var(--text-sm);line-height:1.5}.settings-data-action>.small{line-height:1.4}.settings-data-action>.btn{margin-top:var(--space-1)}.settings-data-export>.row{grid-column:1 / -1}.settings-data-export>.row>.btn{white-space:nowrap}.settings-data-action #imperr:empty{display:none}.settings-data-export,.settings-data-restore{grid-template-columns:38px minmax(0,1fr)}.settings-data-action-icon{display:grid;width:36px;height:36px;grid-column:1;grid-row:1;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}.settings-data-export h3,.settings-data-restore h3{grid-column:2;align-self:center}.settings-data-export>p,.settings-data-restore>p,.settings-data-export>.btn,.settings-data-restore>.btn{grid-column:1 / -1}.settings-data-count{display:inline-grid;min-width:1.6em;height:1.6em;place-items:center;margin-inline-start:4px;padding-inline:5px;border-radius:var(--r-pill);background:var(--soft2);color:var(--accent);font:700 var(--text-xs)/1 var(--font);vertical-align:.12em}.settings-data-trash .trash-list{display:grid;gap:var(--space-2)}.settings-data-trash .trash-list>li{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.settings-data-trash .trash-list .grow{display:grid;min-width:0;gap:4px;overflow-wrap:anywhere}.settings-data-trash .trash-list .ttl{font-size:var(--text-sm);line-height:1.35}.settings-data-trash .trash-list>li>.btn{flex:none}.settings-trash-expiry{width:fit-content;padding:2px 8px;border-radius:var(--r-pill);background:var(--soft);color:var(--muted);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.settings-trash-expiry.is-urgent{background:var(--warn-soft);color:var(--warn)}.settings-trash-empty{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--r-group);background:var(--surface)}.settings-trash-empty>span{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--muted)}.settings-trash-empty p{display:grid;gap:3px;margin:0}.settings-trash-empty small{color:var(--muted);line-height:1.4}.settings-data-migration>summary{display:flex;min-width:0;align-items:center;gap:var(--space-3);list-style:none;cursor:pointer}.settings-data-migration>summary::-webkit-details-marker{display:none}.settings-data-migration>summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-control)}.settings-data-migration-copy{display:grid;min-width:0;gap:3px}.settings-data-migration-copy b{font-size:var(--text-sm);font-weight:650}.settings-data-migration-copy small{color:var(--muted);line-height:1.4}.settings-data-migration-indicator{display:flex;flex:none;margin-inline-start:auto;color:var(--muted);transition:transform var(--duration-fast) var(--ease-standard)}.settings-data-migration[open]>summary{padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.settings-data-migration[open] .settings-data-migration-indicator{transform:rotate(180deg)}.settings-data-migration-content{display:grid;gap:var(--space-4)}.settings-data-migration .legacy-import-stage{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.settings-data-care-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.settings-data-care .settings-data-action{grid-template-columns:minmax(0,1fr)}.settings-data-danger{border-color:color-mix(in srgb,var(--bad) 32%,var(--line));background:color-mix(in srgb,var(--bad-soft) 46%,var(--surface))}.settings-data-danger h3{display:flex;align-items:center;gap:var(--space-2);color:var(--bad)}.settings-data-danger h3 .ic{flex:none}.settings-data-care .settings-data-danger>p{color:var(--ink)}.settings-data-care .settings-data-danger>.btn{margin-top:auto}.settings-data-care .settings-data-action:not(.settings-data-danger)>.btn{margin-top:auto}.backup-preview{display:grid;gap:4px;margin:0;padding:0;list-style:none}.backup-preview li{display:flex;justify-content:space-between;gap:var(--space-3);padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface)}.backup-preview li span{color:var(--muted)}.backup-preview li b{flex:none;font-variant-numeric:tabular-nums}.legacy-import-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.legacy-import-step{display:flex;min-width:0;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--muted)}.legacy-import-step.is-current{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--surface-soft);color:var(--ink)}.legacy-import-step.is-complete .legacy-import-step-number{background:var(--accent);color:var(--on-btn)}.legacy-import-step-number{display:grid;width:25px;height:25px;flex:none;place-items:center;border-radius:50%;background:var(--surface-soft);color:inherit;font-size:var(--text-xs);font-weight:700}.legacy-import-step>span:last-child{display:grid;min-width:0;gap:3px}.legacy-import-step b{font-size:var(--text-xs)}.legacy-import-step small{color:var(--muted);font-size:var(--text-2xs);line-height:1.35}.legacy-import-stage,.legacy-import-summary,.legacy-import-cleanup{display:grid;min-width:0;gap:var(--space-3)}.legacy-import-stage>p,.legacy-import-cleanup>p{max-width:68ch;margin:0;line-height:1.5}.legacy-import-stage>h3,.legacy-import-cleanup>h3{margin:0;font-size:var(--text-base)}.legacy-import-preview li{align-items:flex-start}.legacy-import-preview li b{min-width:0}.legacy-import-preview li span{text-align:right;font-variant-numeric:tabular-nums}.legacy-import-cleanup{padding-top:var(--space-3);border-top:1px solid var(--line)}.legacy-import-confirm{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);cursor:pointer;line-height:1.45}.legacy-import-confirm input{flex:none;margin-top:3px;accent-color:var(--accent)}.legacy-import-confirm:focus-within{border-color:var(--accent)}@media(max-width:620px){.legacy-import-steps{grid-template-columns:minmax(0,1fr)}.legacy-import-step{align-items:center}.legacy-import-step small{font-size:var(--text-xs)}.legacy-import-preview li{flex-direction:column;gap:2px}.legacy-import-preview li span{text-align:left}.settings-data-trash .trash-list>li{align-items:flex-start}}@media(max-width:980px){.settings-data-actions,.settings-data-care-actions{grid-template-columns:minmax(0,1fr)}}.appearance-settings-group{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.appearance-settings-copy{display:grid;min-width:0;gap:4px}.appearance-settings-copy h3{font-size:var(--text-base)}.appearance-settings-copy p{max-width:68ch;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.appearance-settings-group>.seg,.appearance-settings-group>.swatches,.appearance-settings-controls{width:100%;max-width:760px}.appearance-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--space-2)}.appearance-preset{display:flex;min-width:0;min-height:64px;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.appearance-preset:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--surface-soft)}.appearance-preset[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.appearance-preset:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.appearance-preset>span:last-child{display:grid;min-width:0;gap:3px}.appearance-preset small{color:var(--muted);font-size:var(--text-xs);line-height:1.35}.appearance-preset-swatch{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:var(--preset-color);color:#fff}.appearance-preset[aria-pressed=false] .appearance-preset-swatch .ic{opacity:0}.appearance-preset[aria-pressed=true] .appearance-preset-swatch{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}.appearance-settings .appearance-swatches{display:grid;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.appearance-settings .appearance-swatches .swatch{min-width:0;min-height:var(--control-md);flex-direction:row;justify-content:flex-start;gap:6px;overflow:hidden;padding:6px;font-size:var(--text-xs)}.appearance-settings .appearance-swatches .swatch span{min-width:0;overflow:hidden;text-overflow:ellipsis}.appearance-settings .appearance-swatches .swatch i{width:18px;height:18px;flex:none}.appearance-custom-preview{border:1px solid var(--line)!important;border-radius:var(--r-pill)}@media(max-width:520px){.appearance-settings .appearance-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.appearance-settings .appearance-swatches .swatch{min-height:var(--control-field);flex-direction:column;justify-content:center;gap:4px;padding:5px 3px;text-align:center}.appearance-settings .appearance-swatches .swatch span{width:100%;font-size:var(--text-2xs)}}.appearance-settings-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.appearance-settings-option{display:grid;min-width:0;align-content:start;gap:var(--space-2)}.appearance-settings-label{color:var(--muted);font-size:var(--text-meta);font-weight:600}.appearance-settings-option :root[data-density=compact] .main{gap:var(--space-3)}:root[data-density=compact] .card{gap:var(--space-3);padding:var(--space-3)}:root[data-density=compact] .setting-toggle{min-height:var(--control-field);padding-block:8px}:root[data-density=compact] .list>li{padding-block:var(--space-2)}:root[data-density=compact] .task .tt{padding-block:1px}.adot{display:inline-block;width:9px;height:9px;flex:none;border-radius:50%;vertical-align:baseline}.adot.lg{width:14px;height:14px}.tg{display:inline-flex;align-items:center;gap:6px}.chip .adot{margin-right:-2px}.nl .adot.lg{margin-inline:3px}.chk.p-high span{border-color:var(--bad)}.chk.p-high:not([aria-checked=true]) span{background:color-mix(in srgb,var(--bad) 9%,var(--surface))}.dots{display:flex;flex-wrap:wrap;gap:10px}.dotpick{width:44px;height:44px;padding:0;border:3px solid var(--surface);border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px var(--line2);cursor:pointer}.dotpick[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--accent)}.icopick{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1.5px solid var(--line2);border-radius:var(--r-control);background:var(--surface);color:var(--muted);cursor:pointer}.icopick[aria-pressed=true]{border-color:var(--accent);background:var(--soft2);color:var(--accent)}.list.tight>li{padding:0}.list.tight .fr-main{width:100%}.free-pomodoro-label{display:grid;gap:6px;width:100%}.home-head{position:relative;display:flex;min-width:0;min-height:196px;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:clamp(26px,4vw,40px);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--r-large);background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--soft) 82%,var(--surface)),var(--hero));box-shadow:0 18px 40px -28px color-mix(in srgb,var(--accent) 50%,transparent)}.home-head:before{content:"";position:absolute;inset:-22% auto auto -18%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--on-hero-home, var(--accent)) 20%,transparent),transparent 68%);pointer-events:none}.home-head>div{position:relative;z-index:1;min-width:0;flex:1}.home-head .date{margin-bottom:12px;color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.home-head h1{max-width:18ch;font-size:var(--text-hero);line-height:.96}.home-personal-message{max-width:54ch;margin:8px 0 0;color:var(--area-tone, var(--accent));font-size:var(--text-lg);font-weight:700;line-height:1.45;overflow-wrap:anywhere}.home-profile-avatar{display:inline-grid;width:36px;height:36px;place-items:center;margin-right:.38em;border-radius:var(--r-control);background:color-mix(in srgb,var(--profile-avatar-color) 14%,var(--surface));color:var(--profile-avatar-color);vertical-align:.12em}.home-profile-avatar .ic{width:20px;height:20px}.home-head .lead{max-width:52ch;margin-top:12px;color:var(--muted);font-size:var(--text-base)}.home-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:18px}.home-head .home-action,.home-head .home-customize{display:inline-flex;align-items:center;gap:8px;min-height:var(--control-md);padding:0 14px;border:1px solid transparent;border-radius:var(--r-control);font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-head .home-action{border-color:color-mix(in srgb,var(--on-hero-home, var(--accent)) 22%,transparent);background:var(--on-hero-home, var(--surface));color:var(--btn, var(--ink));box-shadow:0 10px 22px color-mix(in srgb,var(--on-hero-home, var(--muted)) 12%,transparent)}.home-head .home-customize{border-color:color-mix(in srgb,var(--on-hero-home, var(--accent)) 20%,transparent);background:color-mix(in srgb,var(--on-hero-home, var(--accent)) 8%,transparent);color:color-mix(in srgb,var(--on-hero-home, var(--accent)) 95%,transparent)}.home-head .home-action:hover,.home-head .home-customize:hover{transform:translateY(-1px)}.ring-fg{stroke:var(--accent)}.ringw .rt{color:var(--ink);font-variant-numeric:tabular-nums}.home-head .ringw{width:92px;height:92px}.home-head .ringw svg{width:100%;height:100%}.home-head .ringw .rt{font-size:var(--text-base)}.main[data-route=inicio]>.welcome-card{align-items:center;gap:12px;padding:12px 16px;border-color:var(--line);border-radius:var(--r);background:var(--surface)}.main[data-route=inicio] .welcome-mark{width:40px;height:40px;border-radius:var(--r-control)}.main[data-route=inicio] .welcome-copy{flex:1 1 280px}.main[data-route=inicio] .welcome-copy h2{font-size:var(--text-base)}.main[data-route=inicio] .welcome-copy p{font-size:var(--text-meta);line-height:1.45}.main[data-route=inicio] .welcome-actions{flex:0 1 auto;align-items:center;gap:4px}.main[data-route=inicio] .welcome-actions .btn{min-height:var(--control-sm);font-size:var(--text-meta)}.home-tools{display:flex;flex-direction:column;gap:12px}.home-tools>.head{margin-bottom:0}.home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-tool-grid.single{grid-template-columns:minmax(0,1fr)}.home-tool-grid>:last-child:nth-child(odd){grid-column:1 / -1}.home-tool{display:grid;min-width:0;min-height:84px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.home-tool:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--soft)}.home-tool-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}.home-tool>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.home-tool small{color:var(--muted);font-size:var(--text-meta);line-height:1.4}.home-tool-go{color:var(--muted)}.main[data-route=inicio] .home-stat-icon{display:inline-flex;color:var(--accent)}.main[data-route=inicio] .tile.off .v{display:inline-flex;align-items:center;gap:5px}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:start;gap:var(--space-5)}.home-dashboard.no-optional-areas{grid-template-columns:minmax(0,1fr)}.home-primary{display:grid;min-width:0;align-content:start;gap:16px}.home-dashboard .card{min-width:0}.home-quick-card{display:grid;gap:14px;padding:clamp(18px,2.2vw,24px);border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--soft) 76%,var(--surface)),var(--surface) 62%);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 30%,transparent)}.home-next-action{display:flex;min-width:0;align-items:center;gap:14px;padding:16px;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--soft) 38%,var(--surface))}.home-next-mark{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--hc, var(--accent))}.home-next-action .grow{display:grid;gap:3px}.home-next-action .section-kicker{margin:0}.home-next-action h2{margin:0;font-size:var(--text-base);overflow-wrap:anywhere}.home-next-action p{margin:0;color:var(--muted);font-size:var(--text-meta)}.home-next-action>.btn{flex:none}.home-quick-copy{display:flex;align-items:center;gap:12px}.home-quick-mark{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:var(--r-sm);background:var(--btn);color:var(--on-btn, var(--on-solid))}.home-quick-copy h2{margin:0;font-size:var(--text-lg)}.home-quick-copy p{margin:3px 0 0;color:var(--muted);font-size:var(--text-sm)}.home-quick-form{display:flex;gap:8px}.home-quick-form input{min-width:0;flex:1;min-height:var(--control-field);padding:0 15px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line-strong));border-radius:var(--r-control);background:var(--surface);color:var(--ink)}.home-quick-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);outline:0}.home-quick-form .btn{flex:none}.home-today-card>.head{align-items:flex-end}.section-kicker{margin:0 0 var(--space-1);color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em}.home-task-groups{display:grid;gap:18px}.home-task-group{display:grid;gap:8px}.home-task-group h3,.home-completed summary{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:var(--text-meta);font-weight:800;letter-spacing:.04em}.home-task-group h3 span,.home-completed-count{display:inline-grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:var(--r-pill);background:var(--soft2);font-size:var(--text-2xs);letter-spacing:0}.home-task-group.is-overdue h3{color:var(--bad)}.home-task-group.is-overdue h3 span{background:color-mix(in srgb,var(--bad) 12%,var(--surface))}.home-completed{border-top:1px solid var(--line);padding-top:14px}.home-completed summary{cursor:pointer;list-style:none}.home-completed summary::-webkit-details-marker{display:none}.home-completed .home-disclosure-indicator{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;margin-left:auto;color:var(--muted);transition:transform var(--duration-fast) var(--ease-standard)}.home-completed[open] .home-disclosure-indicator{transform:rotate(180deg)}.home-completed .list{margin-top:10px;opacity:.72}.home-dashboard .strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:4px}.home-dashboard .strip>*{display:flex;min-width:0;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-group);background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 78%,var(--surface)),var(--surface));color:var(--ink);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 52%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-dashboard .strip>*:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 8%,transparent)}.home-dashboard .strip b{color:var(--ink);font-size:var(--text-2xl);line-height:1}.home-dashboard .strip span{color:var(--muted);font-size:var(--text-sm);font-weight:600}.home-habit-checkins .head{margin-bottom:var(--space-2)}.home-habit-row{align-items:center;gap:12px}.home-habit-checkins .home-habit-row{padding-inline:var(--space-3)}.home-habit-row>.grow{display:grid;min-width:0;gap:3px}.home-habit-row>.grow>b,.home-habit-row>.grow>span{overflow-wrap:anywhere}.home-habit-progress{margin:2px 0 0!important}.home-task-group{gap:10px}.home-task-group h3,.home-completed summary{padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-control);background:color-mix(in srgb,var(--soft) 70%,var(--surface))}.home-task-group.is-overdue h3{border-color:color-mix(in srgb,var(--bad) 24%,var(--line));background:color-mix(in srgb,var(--bad) 10%,var(--surface))}.home-first-steps{border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.home-first-steps-summary{display:flex;min-height:var(--control-md);align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;list-style:none}.home-first-steps-summary::-webkit-details-marker{display:none}.home-first-steps-summary h2{margin:0;font-size:var(--text-lg)}.home-first-steps-progress{display:block;margin-top:3px;color:var(--muted);font-size:var(--text-xs)}.home-first-steps-toggle{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;color:var(--muted);transition:transform var(--duration-fast) var(--ease-standard)}.home-first-steps[open] .home-first-steps-toggle{transform:rotate(180deg)}.home-first-steps-content{display:grid;gap:var(--space-3);padding-top:var(--space-3)}.home-first-steps-dismiss{justify-self:end}.home-first-steps-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.home-first-steps-list a{display:flex;min-width:0;min-height:60px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:var(--ink);text-decoration:none}.home-first-steps-list a:hover{border-color:var(--accent);background:var(--soft)}.home-first-steps-list .is-next a{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--soft) 58%,var(--surface))}.home-first-steps-list .is-next .home-first-steps-copy small{color:var(--accent);font-weight:750}.home-first-steps-mark{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}.home-first-steps-list .is-complete .home-first-steps-mark{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}.home-first-steps-copy{display:grid;min-width:0;gap:2px}.home-first-steps-copy b{font-size:var(--text-meta);overflow-wrap:anywhere}.home-first-steps-copy small{color:var(--muted);font-size:var(--text-2xs)}.home-first-steps-arrow{flex:none;margin-left:auto;color:var(--muted)}.home-areas{min-width:0}.home-areas>.head{margin-bottom:12px}.home-areas .tiles{grid-template-columns:minmax(0,1fr);gap:8px}.home-areas .tile{display:grid;min-height:78px;grid-template-columns:38px minmax(0,1fr) auto 18px;grid-template-rows:auto auto;align-items:center;gap:3px 12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.home-areas .tile .mk{grid-column:1;grid-row:1 / 3;width:38px;height:38px;margin:0}.home-areas .tile h3{grid-column:2;grid-row:1;margin:0;padding-right:var(--space-4)}.home-areas .tile .s{grid-column:2;grid-row:2;min-width:0;line-height:1.35}.home-areas .tile .v{grid-column:3;grid-row:1 / 3;max-width:120px;justify-self:end;text-align:right;overflow-wrap:anywhere}.home-areas .tile .go{position:static;grid-column:4;grid-row:1 / 3}.home-areas .tile .bar{grid-column:2 / -1;grid-row:3;margin-top:2px!important}.home-areas .tile:not(.off){min-height:86px}.home-areas .tile.off .v{font-size:var(--text-meta)}.main[data-route=inicio] .home-primary>.card>.head h2,.main[data-route=inicio] .home-areas>.head h2{font-size:var(--text-title)}.main[data-route=inicio] .home-primary>.card .qa-main input{min-height:56px;padding-left:16px;border-color:color-mix(in srgb,var(--accent) 22%,var(--line-strong));border-radius:var(--r-group);background:color-mix(in srgb,var(--soft) 55%,var(--surface))}.main[data-route=inicio] .home-primary>.card .qa-add{top:7px;right:7px;width:42px;height:42px;border-radius:var(--r-sm)}@media(min-width:1100px){.main[data-route=inicio]{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.88fr);align-content:start;column-gap:var(--space-5);row-gap:24px}.main[data-route=inicio]>.area-guide-control,.main[data-route=inicio]>.home-first-steps{grid-column:1 / -1}.home-first-steps-list{grid-template-columns:repeat(4,minmax(0,1fr))}.main[data-route=inicio]>.topbar,.main[data-route=inicio]>.welcome-card,.main[data-route=inicio]>.home-head,.main[data-route=inicio]>.notice,.main[data-route=inicio]>.home-tools,.main[data-route=inicio]>.home-dashboard,.main[data-route=inicio]>.card[aria-labelledby=brh]{grid-column:1 / -1}}@media(max-width:1099px){.home-dashboard{grid-template-columns:minmax(0,1fr);gap:20px}.home-areas .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.home-first-steps-list{grid-template-columns:minmax(0,1fr)}.home-dashboard{gap:16px}.home-primary{gap:12px}.home-today-card>.empty{flex-direction:column}.home-today-card>.empty .eic{flex:none}.home-today-card>.empty .empty-copy{width:100%;min-width:0}.home-today-card>.empty .empty-action{width:100%}.home-tool-grid{grid-template-columns:minmax(0,1fr)}.home-habit-row{align-items:flex-start}.home-habit-checkins .home-habit-row{flex-wrap:wrap}.home-habit-row>.btn{flex:none}.home-habit-checkins .home-habit-row>.btn{margin-left:auto}.home-quick-form{flex-direction:column}.home-quick-form .btn{width:100%}.home-next-action{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start}.home-next-action .grow{grid-column:2}.home-next-action>.btn{grid-column:2;justify-self:start;margin:2px 0 0}.home-today-card>.head{align-items:flex-start}.home-dashboard .strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.home-areas .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-areas .tile{min-height:140px;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;align-items:start;gap:6px 8px;padding:var(--space-4)}.home-areas .tile .mk{grid-column:1 / -1;grid-row:1;margin-bottom:2px}.home-areas .tile h3{grid-column:1 / -1;grid-row:2;padding-right:20px}.home-areas .tile .v{grid-column:1 / -1;grid-row:3;justify-self:start;text-align:left}.home-areas .tile .s{grid-column:1 / -1;grid-row:4}.home-areas .tile .go{position:absolute;top:14px;right:12px;grid-column:2;grid-row:1}.home-areas .tile .bar{grid-column:1 / -1;grid-row:5}.home-areas .tile:not(.off){min-height:152px}.home-head{min-height:172px;gap:var(--space-3);padding:var(--space-5)}.home-head .date{margin-bottom:9px;font-size:var(--text-2xs)}.home-head .lead{margin-top:8px;font-size:var(--text-md)}.home-head .ringw{width:68px;height:68px}.main[data-route=inicio]>.welcome-card{gap:8px;padding:12px}.main[data-route=inicio] .welcome-mark{display:none}.main[data-route=inicio] .welcome-actions{flex:1 1 100%;gap:4px}.main[data-route=inicio] .welcome-actions .btn.primary{flex:1 1 170px}.main[data-route=inicio] .welcome-actions .btn.ghost{flex:0 1 auto}}@media(max-width:380px){.home-areas .tiles{grid-template-columns:minmax(0,1fr)}.home-areas .tile{min-height:78px;grid-template-columns:38px minmax(0,1fr) auto 18px;grid-template-rows:auto auto;align-items:center;gap:3px 10px;padding:11px 12px}.home-areas .tile .mk{grid-column:1;grid-row:1 / 3;margin:0}.home-areas .tile h3{grid-column:2;grid-row:1;padding-right:var(--space-4)}.home-areas .tile .s{grid-column:2;grid-row:2}.home-areas .tile .v{grid-column:3;grid-row:1 / 3;justify-self:end;text-align:right}.home-areas .tile .go{position:static;grid-column:4;grid-row:1 / 3}.home-areas .tile .bar{grid-column:2 / -1;grid-row:3}.home-areas .tile:not(.off){min-height:86px}}.home-tools{gap:var(--space-3)}.home-tool-grid{gap:var(--space-2)}.home-tool-grid.compact-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-compact-min-width)),min(100%,var(--card-compact-max-width))));gap:var(--card-compact-gap)}.home-tool-grid.compact-card-grid>:last-child:nth-child(odd){grid-column:auto}.home-tool{min-height:72px;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px;padding:var(--space-3);background:var(--surface-soft)}.home-tool:hover{background:var(--soft)}.home-tool-icon{width:36px;height:36px}@media(max-width:700px){.home-tools{gap:var(--space-2)}.home-tool-grid.compact-card-grid{grid-template-columns:minmax(0,1fr)}.home-tool{min-height:68px}}.home-areas .tiles>:last-child:nth-child(odd){grid-column:1 / -1}.backup-reminder{flex-wrap:wrap;align-items:center}.backup-reminder .grow{min-width:200px}.home-head{min-height:274px;align-items:stretch;padding:clamp(28px,4vw,48px);border:1px solid color-mix(in srgb,var(--on-hero-home) 24%,transparent);border-radius:var(--r-large);background:var(--hero-home);color:var(--on-hero-home);box-shadow:var(--card-shadow)}.home-head>div:first-child{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.home-head>.ringw{display:block;flex:none}.home-head .date{display:inline-flex;min-height:30px;align-items:center;margin-bottom:16px;padding:0 11px;border:1px solid color-mix(in srgb,var(--on-hero-home) 28%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--on-hero-home) 10%,transparent);color:color-mix(in srgb,var(--on-hero-home) 90%,transparent);font-size:var(--text-2xs);letter-spacing:.1em}.home-head h1{max-width:20ch;color:var(--on-hero-home);font-size:var(--text-hero);line-height:1.02}.home-head h1 i{color:var(--p)}.home-head .lead{color:color-mix(in srgb,var(--on-hero-home) 84%,transparent)}.home-head .lead{max-width:48ch;margin-top:14px;font-size:var(--text-lg)}.home-head .ringw{position:relative;z-index:1;width:104px;height:104px;align-self:center;padding:7px;border:1px solid color-mix(in srgb,var(--on-hero-home) 30%,transparent);border-radius:50%;background:color-mix(in srgb,var(--on-hero-home) 10%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-head .ringw .ring-bg{stroke:color-mix(in srgb,var(--on-hero-home) 24%,transparent)}.home-head .ringw .ring-fg{stroke:var(--on-hero-home)}.home-head .ringw .rt{color:var(--on-hero-home);font-size:var(--text-lg)}.home-action{display:inline-flex;min-height:var(--control-md);align-items:center;gap:var(--button-gap);margin-top:22px;padding-inline:var(--button-padding-inline);border:1px solid color-mix(in srgb,var(--on-hero-home) 26%,transparent);border-radius:var(--r-control);background:var(--on-hero-home);color:var(--btn);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:750;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.home-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.home-head-actions .home-action{margin-top:22px}.home-customize{display:inline-flex;min-height:var(--control-md);align-items:center;gap:7px;margin-top:22px;color:var(--on-hero-home);font-size:var(--text-sm);font-weight:650;text-decoration-color:color-mix(in srgb,var(--on-hero-home) 45%,transparent);text-underline-offset:3px}.home-customize:hover{text-decoration-color:currentColor}.home-customize:focus-visible{outline-color:var(--on-hero-home);outline-offset:4px}.home-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.home-action:disabled:hover{border-color:color-mix(in srgb,var(--on-hero-home) 42%,transparent);box-shadow:var(--shadow-hover);filter:brightness(1.04);transform:translateY(-2px)}.home-action:focus-visible{outline-color:var(--on-hero-home);outline-offset:4px}.main[data-route=inicio]>.welcome-card{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--r-group);box-shadow:none}.home-dashboard .strip>*{border-color:transparent;border-radius:var(--r-group);background:var(--surface);box-shadow:0 8px 24px -22px var(--ink)}.home-dashboard .strip b{font-size:var(--text-3xl)}.home-primary>.card{gap:20px}.home-primary>.card>.head{align-items:baseline}.home-primary>.card>.head h2,.home-areas>.head h2{font-size:var(--text-title);letter-spacing:-.02em}.home-primary>.card .qa-main input{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:var(--r-group);background:var(--surface-soft)}.home-areas .tile{border-color:color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--r-group);box-shadow:0 8px 24px -24px var(--ink);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.home-areas .tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:var(--card-shadow)}.home-tool{min-height:74px;border-color:color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--surface) 86%,var(--soft))}@media(min-width:1100px){.main[data-route=inicio]{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);column-gap:clamp(20px,3vw,32px);row-gap:22px}.main[data-route=inicio]>.home-head{grid-column:1 / -1;min-height:300px}.main[data-route=inicio]>.home-tools{grid-column:1 / -1}.main[data-route=inicio] .home-tools>.head h2{font-size:var(--text-title)}.main[data-route=inicio]>.home-dashboard{grid-column:1 / -1}.main[data-route=inicio] .home-dashboard{gap:24px}}@media(max-width:1099px){.home-head{min-height:244px}}@media(max-width:700px){.home-head{min-height:0;padding:26px 22px}.home-head .ringw{width:78px;height:78px;align-self:flex-start;margin-top:7px}.home-head .ringw svg{width:100%;height:100%}.home-head .ringw .rt{font-size:var(--text-md)}.home-head .lead{max-width:34ch;font-size:var(--text-md)}.home-action,.home-head-actions .home-customize{margin-top:18px}.main[data-route=inicio] .home-dashboard .strip{grid-template-columns:repeat(2,minmax(0,1fr))}.main[data-route=inicio] .home-dashboard .strip>:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.main[data-route=inicio] .home-dashboard .strip>:last-child:nth-child(odd) span{text-align:right}}@media(max-width:480px){.home-head{align-items:flex-start;gap:12px}.home-head .date{margin-bottom:13px;font-size:var(--text-2xs)}.home-head .ringw{width:64px;height:64px;padding:4px}.home-action,.home-head-actions .home-customize{min-height:var(--control-md);margin-top:16px}.home-dashboard .strip{gap:7px}.home-dashboard .strip>*{padding:12px}}@media(max-width:480px){.main[data-route=inicio]>.sample-banner{display:grid;grid-template-columns:18px minmax(0,1fr)}.main[data-route=inicio]>.sample-banner>.btn{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){.home-action,.home-areas .tile{transition:none}}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th]>.list{gap:0}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th]>.list>.task{margin:0;padding:14px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th]>.list>.task:last-child{border-bottom:0}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th]>.list>.task:hover{background:var(--surface-soft)}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th] .task .tt{gap:6px}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th] .task .meta>span{padding:2px 7px;border-radius:var(--r-pill);background:var(--surface-soft);line-height:1.4}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th] .task .meta>.m-bad{background:var(--bad-soft)}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th] .task .meta>.m-warn{background:var(--warn-soft)}.main[data-route=inicio] .home-primary>.card[aria-labelledby=th] .task .meta>.m-hi{background:var(--bad-soft)}@media(max-width:700px){.main[data-route=inicio]>.home-head{min-height:176px;padding:16px}.main[data-route=inicio]>.home-head h1{font-size:var(--text-hero);line-height:1}.main[data-route=inicio]>.home-head .lead{display:none}.main[data-route=inicio]>.home-head .home-action{min-height:var(--control-md);margin-top:var(--space-3);padding-inline:var(--button-padding-inline-sm)}}.home-dashboard .card:not(.home-today-card){box-shadow:none}.home-dashboard .card:not(.home-today-card):hover{box-shadow:var(--shadow-hover)}.home-dashboard .strip>*{border:1px solid var(--line);background:var(--surface-soft);box-shadow:none}.home-areas .tile{background:var(--surface-soft);box-shadow:none}.home-areas .tile:hover{box-shadow:var(--card-shadow)}@media(min-width:1100px){.home-head{min-height:220px}.main[data-route=inicio]>.home-head{min-height:220px}}@media(max-width:1099px){.home-head{min-height:0}}@media(max-width:700px){.home-head{min-height:0;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.home-head>div{min-width:0}.home-head .date{margin-bottom:var(--space-2)}.home-head .lead{display:-webkit-box;max-width:42ch;margin-top:var(--space-2);overflow:hidden;font-size:var(--text-meta);line-height:var(--leading-body);-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-head .ringw{width:58px;height:58px;flex:none;margin-top:var(--space-1);padding:var(--space-1)}.home-head .ringw .rt{font-size:var(--text-sm)}.home-head-actions{gap:var(--space-1) var(--space-2)}.home-head-actions .home-action,.home-head-actions .home-customize{min-height:var(--control-md);margin-top:var(--space-2);font-size:var(--text-xs)}.home-head-actions .home-action{padding-inline:var(--button-padding-inline-sm)}.main[data-route=inicio]>.home-head{min-height:0}.main[data-route=inicio]>.home-head .lead{display:-webkit-box}.main[data-route=inicio]>.home-head .home-action{margin-top:var(--space-2)}}@media(max-width:380px){.home-head .ringw{width:52px;height:52px}.home-head-actions .home-action{gap:var(--space-1)}}.home-completed summary{min-height:var(--control-md);padding-inline:var(--space-2);border-radius:var(--r-sm);transition:background-color var(--duration-fast) var(--ease-standard)}.home-completed summary>.ic{color:var(--ok)}.home-completed summary:hover{background:var(--surface-soft)}.home-completed .list{margin-top:var(--space-2)}@media(min-width:701px){.main[data-route=inicio]>.home-head{min-height:0;padding:clamp(24px,3vw,36px)}@media(prefers-reduced-motion:reduce){.home-first-steps-toggle{transition:none}}.main[data-route=inicio]>.home-head .date{margin-bottom:10px}.main[data-route=inicio]>.home-head .lead{margin-top:8px;font-size:var(--text-base)}.main[data-route=inicio]>.home-head .home-head-actions .home-action,.main[data-route=inicio]>.home-head .home-head-actions .home-customize{margin-top:14px}}.main[data-route=inicio]>.home-head{position:relative;min-height:0;overflow:hidden;padding:clamp(24px,3.2vw,38px);border-radius:var(--r);background:radial-gradient(ellipse at 92% 8%,color-mix(in srgb,var(--on-hero-home) 10%,transparent),transparent 34%),var(--hero-home)}.main[data-route=inicio] .home-dashboard .strip>*{position:relative;min-height:92px;justify-content:center;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 12%,var(--line));background:var(--surface)}.main[data-route=inicio] .home-dashboard .strip>*:before{position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 var(--r-pill) var(--r-pill) 0;background:var(--accent);content:"";opacity:.52}.main[data-route=inicio] .home-dashboard .strip b{font-variant-numeric:tabular-nums}.main[data-route=inicio] .home-quick-card{border-radius:var(--r-group);background:var(--surface);box-shadow:var(--card-shadow)}.main[data-route=inicio] .home-quick-form input{border-color:var(--line-strong);background:var(--surface-soft)}.main[data-route=inicio] .home-quick-form input:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line-strong))}.main[data-route=inicio] .home-quick-form input:focus-visible{border-color:var(--accent)}@media(min-width:761px){.main[data-route=inicio] .home-quick-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(16px,2.2vw,28px)}}@media(max-width:760px){.main[data-route=inicio]>.home-head{padding:var(--space-4);border-radius:var(--r-group)}}@media(prefers-reduced-motion:reduce){.main[data-route=inicio] .home-dashboard .strip>*{transition:none}}.task .ttl{font-size:var(--text-base);font-weight:600;line-height:1.35}.task .meta{margin-top:2px;gap:4px 10px}.task .tt{padding:2px 0}.task .task-focus-button:hover,.task .task-focus-button:focus-visible{background:var(--soft2);color:var(--accent)}.grp{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.grp .list{gap:0}.grp .list>li:first-child{border-top:0}.grp .list>li{margin-top:0;padding-inline:0;border:0;border-radius:0;background:transparent}.grp .list>li+li{border-top:1px solid var(--line)}.grp .list>li:hover{background:var(--surface-soft)}.grp .gh{margin-top:0}.card.plain>.list,.card.plain #task-results>.list{padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.qa-card{gap:12px;padding:16px}.qa-card .qa-main input{border-color:var(--line);background:var(--soft)}.qa-card .qa-main input:focus{background:var(--surface)}.task-results-groups{display:flex;flex-direction:column;gap:var(--space-4)}.task-sort-field{flex:0 0 132px}.plan-progress{margin:var(--space-2) 0 var(--space-half)}@media(max-width:480px){.grp{padding-inline:var(--space-3)}.card.plain>.list,.card.plain #task-results>.list{padding-inline:var(--space-3)}}.fab{position:fixed;z-index:var(--z-fab);right:max(16px,env(safe-area-inset-right,0px));bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px));display:inline-flex;min-height:var(--control-field);align-items:center;gap:8px;padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--btn);color:var(--on-btn);font-weight:700;cursor:pointer;box-shadow:var(--shadow)}.main>.fab{width:max-content;max-width:calc(100vw - 32px);margin:0}@media(max-width:899px){.nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.nav .nav-area{display:flex}.nav a{min-width:0;font-size:var(--text-2xs)}.nav a .ni{width:min(100%,42px)}}@media(min-width:900px){.fab{right:max(28px,calc((100vw - var(--content-width)) / 2));bottom:28px}.topbar{gap:24px}.topbar .nav .nav-enable-areas{display:none}.topbar .nav{position:static;width:auto;min-width:0;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;overflow-x:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;scrollbar-width:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar .nav::-webkit-scrollbar{display:none}.topbar .nav a{min-height:var(--control-sm);flex-direction:row;gap:6px;padding-inline:9px;border-radius:var(--r-pill);font-size:var(--text-meta);white-space:nowrap}.topbar .nav a:hover{background:var(--soft)}.topbar .nav a[aria-current=page]{background:var(--soft2)}.topbar .nav .ni{width:24px;height:24px;background:transparent}.topbar .nav .nav-area{display:flex}.topbar .header-actions{gap:4px;margin-left:auto}.topbar .header-actions .iconbtn{width:40px;height:40px;background:transparent;color:var(--muted)}.topbar .header-actions .iconbtn:hover{background:var(--soft);color:var(--accent)}.topbar .profile-link{width:40px;height:40px;min-height:var(--control-sm);padding:0;border-radius:var(--r-pill)}}@media(min-width:900px){.topbar .nav{gap:2px;width:fit-content;max-width:100%;padding:4px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 18px -18px color-mix(in srgb,var(--ink) 48%,transparent)}.topbar .nav a{min-height:34px;flex-direction:row;gap:7px;padding:0 14px 0 10px;border-radius:var(--r-pill);font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em}.topbar .nav a .ni{width:18px;height:18px;background:transparent;border-radius:var(--r-pill)}.topbar .nav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:inset 0 1px #fff6}}@media(max-width:899px){.nav{border-color:color-mix(in srgb,var(--line-strong) 55%,transparent);background:color-mix(in srgb,var(--surface-strong) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 -4px 28px -20px color-mix(in srgb,var(--ink) 45%,transparent)}.nav a[aria-current=page] .ni{background:color-mix(in srgb,var(--accent) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}}@media(max-width:899px){.topbar{min-height:72px}.app>.topbar{padding-inline:var(--gut-l) var(--gut-r)}:root[data-scrolled=true] .topbar{min-height:58px}}@media(max-width:480px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:4px}.topbar .brand{min-width:0}.topbar .header-actions{gap:2px}.topbar .header-actions .iconbtn{width:44px;height:44px}}@media(max-width:360px){.topbar{gap:0}.topbar .brand{gap:2px}.topbar .brand>svg{width:20px;height:20px;flex:none}.topbar .wordmark{font-size:var(--text-base)}.topbar .header-actions{gap:0}.topbar .header-actions .iconbtn{width:44px;height:44px}}.nav-more-trigger{display:none;min-width:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--muted);font:inherit;cursor:pointer}.nav-more-trigger .ni{position:relative}.nav-more-trigger[aria-current=page],.nav-more-trigger[aria-expanded=true]{color:var(--accent)}.nav-more-menu{z-index:calc(var(--z-nav) + 1)}@media(min-width:900px){.topbar .nav .nav-secondary{display:none!important}.topbar .nav .nav-more-trigger{display:inline-flex!important;min-height:34px;align-items:center;gap:7px;padding:0 14px 0 10px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted);font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;cursor:pointer}.topbar .nav .nav-more-trigger .ni{display:grid;width:18px;height:18px;place-items:center;border-radius:var(--r-pill)}.topbar .nav .nav-more-trigger[aria-expanded=true],.topbar .nav .nav-more-trigger[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}}@media(min-width:900px)and (max-width:1199px){.topbar .nav{position:relative;overflow:visible}.topbar .nav .nav-more-menu{position:absolute;top:calc(100% + var(--space-2));right:0;display:none;width:min(340px,calc(100vw - 32px));grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2);border:1px solid color-mix(in srgb,var(--line-strong) 52%,transparent);border-radius:var(--r);background:var(--surface-raised);box-shadow:var(--shadow)}.topbar .nav .nav-more-menu:not([hidden]){display:grid}.topbar .nav .nav-more-menu .nav-more-link{display:flex;min-width:0;min-height:var(--control-field);align-items:center;gap:var(--space-2);padding-inline:var(--space-2);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);font-size:var(--text-sm)}.topbar .nav .nav-more-menu .nav-more-link .ni,.topbar .nav .nav-more-menu .nav-more-create .ni{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:var(--r-xs);background:var(--soft)}.topbar .nav .nav-more-menu .tab-label-group{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap}.topbar .nav .nav-more-menu .nav-more-create{display:flex;min-height:var(--control-field);grid-column:1 / -1;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-control);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font:inherit;font-size:var(--text-sm);font-weight:700;text-align:left;cursor:pointer}.topbar .nav .nav-more-menu .nav-more-create .ni{background:var(--soft2)}}@media(min-width:900px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.topbar .brand{grid-column:1;justify-self:start;align-items:center}.topbar .nav{grid-column:2;margin-left:0;align-items:center}.topbar .header-actions{grid-column:3;justify-self:end;align-items:center;margin-left:0}}@media(min-width:900px){.topbar .nav{grid-column:2;grid-row:1;justify-self:center}}@media(min-width:900px)and (max-width:1199px){.topbar{gap:12px}.topbar .nav{gap:0}.topbar .nav a{gap:0;padding-inline:8px}.topbar .nav .tab-label-group{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar .nav a[aria-current=page] .tab-label-group{position:static;width:auto;height:auto;overflow:visible;clip:auto}}@media(min-width:1100px)and (max-width:1199px){.topbar .nav a .tab-label-group,.topbar .nav .nav-quick-trigger .tab-label-group{display:inline-flex;position:static;width:auto;height:auto;overflow:visible;clip:auto}.topbar .nav a{gap:5px;padding-inline:7px}.topbar .nav .nav-quick-trigger{width:auto;gap:5px;padding-inline:7px}}@media(max-width:899px){.nav{display:flex;width:min(520px,calc(100% - 24px));max-width:calc(100% - 24px);justify-content:center;margin-inline:auto}.nav>.nav-primary,.nav>.nav-more-trigger{min-width:0;max-width:88px;flex:1 1 72px}.nav .nav-secondary{display:none!important}.nav .nav-more-trigger{display:flex;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--text-2xs);font-weight:700;letter-spacing:.01em}.nav .nav-more-trigger .ni{display:grid;width:min(100%,42px);height:34px;place-items:center;border-radius:var(--r-pill)}.nav .nav-more-trigger[aria-current=page] .ni,.nav .nav-more-trigger[aria-expanded=true] .ni{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.nav-more-menu{position:absolute;right:0;bottom:calc(100% + 10px);left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--line-strong) 52%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.nav-more-menu[hidden]{display:none}.nav-more-menu .nav-more-link{display:flex;min-height:var(--control-field);flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);font-size:var(--text-meta)}.nav-more-menu .nav-more-link .ni{display:grid;width:26px;height:26px;place-items:center;border-radius:var(--r-xs);background:var(--soft)}.nav-more-menu .nav-more-create{display:flex;min-height:var(--control-field);grid-column:1 / -1;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-control);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font:inherit;font-size:var(--text-meta);font-weight:700;cursor:pointer}.nav-more-menu .nav-more-create .ni{display:grid;width:26px;height:26px;place-items:center;border-radius:var(--r-xs);background:var(--soft2)}}@media(max-width:899px){.topbar .wordmark{display:none}}@media(prefers-reduced-motion:reduce){.topbar .nav a{transition:none}}@media(max-width:899px){.nav{gap:var(--space-1);padding-inline:max(var(--space-2),env(safe-area-inset-left,0px)) max(var(--space-2),env(safe-area-inset-right,0px))}.nav>.nav-primary,.nav>.nav-more-trigger,.nav>.nav-enable-areas{min-width:0;max-width:none;flex:1 1 0}.nav>.nav-primary,.nav>.nav-enable-areas{border:1px solid transparent;border-radius:var(--r-control);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.nav>.nav-primary[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-weight:var(--weight-bold)}.nav>.nav-primary .tab-label-group{max-width:100%;overflow:hidden;text-overflow:ellipsis}}@media(max-width:400px){.nav{display:flex;gap:var(--space-1);padding-inline:max(4px,env(safe-area-inset-left,0px)) max(4px,env(safe-area-inset-right,0px))}.nav>.nav-primary,.nav>.nav-more-trigger,.nav>.nav-enable-areas,.nav>.nav-quick-control{flex:1 1 max-content}}@media(max-width:375px){.nav{gap:0}}@media(min-width:1200px){.app>.topbar .header-actions [data-action=reload-app]{display:none}.app{grid-template-columns:256px minmax(0,1fr);grid-template-rows:minmax(100vh,auto) auto;grid-template-rows:minmax(100dvh,auto) auto;column-gap:0}.app>.topbar{position:fixed;top:0;left:0;bottom:0;right:auto;grid-column:1;grid-row:1 / span 2;display:flex;width:256px;height:100vh;height:100dvh;min-height:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-5);padding:var(--space-5) var(--space-4);border-right:1px solid var(--line);border-bottom:0;background:var(--surface-strong)}:root[data-scrolled=true] .app>.topbar{min-height:0;padding-block:var(--space-5);transition:none}.app>.topbar .brand,:root[data-scrolled=true] .app>.topbar .brand{align-self:center;width:fit-content;min-height:var(--control-field);justify-content:center;padding-inline:0}:root[data-scrolled=true] .app>.topbar .wordmark{font-size:var(--text-title)}.app>.topbar .nav{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:safe center;gap:var(--space-1);overflow-x:hidden;overflow-y:auto;margin:0;padding:var(--space-2);border:0;border-radius:var(--r);background:transparent;box-shadow:none}.app>.topbar .nav .nav-primary,.app>.topbar .nav .nav-secondary,.app>.topbar .nav .nav-area{display:flex!important;min-height:var(--control-md);flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--r-control);font-size:var(--text-sm);font-weight:600}.app>.topbar .nav a .ni{display:grid;width:24px;height:24px;flex:none}.app>.topbar .nav a[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:700}.app>.topbar .nav a:not([aria-current=page]):hover{border-color:color-mix(in srgb,var(--line) 75%,var(--accent));background:var(--soft)}.app>.topbar .nav .nav-more-trigger,.app>.topbar .nav .nav-more-menu,.app>.topbar .nav .nav-enable-areas{display:none!important}.app>.topbar .header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:var(--space-1);margin:auto 0 0;padding:var(--space-1);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--r-group);background:color-mix(in srgb,var(--surface) 78%,transparent)}.app>.topbar .header-actions .iconbtn,.app>.topbar .header-actions .profile-link{width:40px;height:40px;min-height:var(--control-sm);color:var(--muted)}.app>.topbar .header-actions .iconbtn:hover,.app>.topbar .header-actions .profile-link:hover{background:var(--soft);color:var(--accent)}.app>.topbar .profile-link{margin-left:0}.app>.topbar .profile-link[aria-current=page]{background:var(--soft2);color:var(--accent)}.app>.main{grid-column:2;grid-row:1;min-height:100vh;min-height:100dvh;padding:var(--space-6) clamp(24px,2.4vw,40px) var(--space-8)}.app>.app-footer{grid-column:2;grid-row:2;padding:var(--space-3) clamp(24px,2.4vw,40px) var(--space-5)}.app>.nav-scrim{display:none}.notification-panel{top:24px;right:24px}}.nav-quick-control{position:relative;min-width:0;flex:none}.nav-quick-trigger{display:flex;min-width:0;min-height:var(--control-sm);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--r-control);background:transparent;color:var(--muted);font:inherit;font-size:var(--text-meta);font-weight:700;cursor:pointer}.nav-quick-trigger .ni{display:grid;width:24px;height:24px;flex:none;place-items:center}.nav-quick-trigger:hover,.nav-quick-trigger[aria-expanded=true]{background:var(--soft);color:var(--accent)}.quick-actions-menu{position:fixed;z-index:calc(var(--z-nav) + 2);display:grid;width:min(320px,calc(100vw - 24px));max-height:min(60dvh,420px);gap:var(--space-1);overflow:auto;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface-raised);box-shadow:var(--shadow)}.quick-actions-menu[hidden]{display:none}.quick-actions-heading{margin:0;padding:2px var(--space-2) var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em}.quick-actions-menu>button{display:flex;min-height:var(--control-md);align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--r-control);background:transparent;color:var(--ink);font:inherit;font-size:var(--text-sm);font-weight:650;text-align:left;cursor:pointer}.quick-actions-menu>button:hover{border-color:var(--line);background:var(--surface-soft)}.quick-actions-menu .ni{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}@media(max-width:899px){.nav>.nav-quick-control{display:contents}.nav>.nav-quick-control>.nav-quick-trigger{display:none}.nav>.nav-quick-control{min-width:0;max-width:none;flex:1 1 0;position:static}.nav .nav-quick-trigger{width:100%;min-height:56px;flex-direction:column;gap:3px;padding:0;border-radius:var(--r-control);font-size:var(--text-2xs);letter-spacing:.01em}.nav .nav-quick-trigger .ni{width:min(100%,42px);height:34px;border-radius:var(--r-pill)}.nav .nav-quick-trigger[aria-expanded=true] .ni{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.quick-actions-menu{right:0;bottom:calc(100% + 10px);left:0;width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-heading{grid-column:1 / -1}.quick-actions-menu>button{min-width:0;font-size:var(--text-xs)}}@media(min-width:900px)and (max-width:1199px){.quick-actions-menu{top:76px;right:16px}}@media(min-width:900px)and (max-width:1099px){.topbar .nav .nav-quick-trigger{width:40px;padding:0}.topbar .nav .nav-quick-trigger .tab-label-group{display:none}}@media(min-width:1200px){.app>.topbar .nav .nav-quick-control{width:100%}.app>.topbar .nav .nav-quick-trigger{width:100%;min-height:var(--control-md);justify-content:flex-start;gap:var(--space-3);padding-inline:var(--space-3);background:var(--btn);color:var(--on-btn)}.app>.topbar .nav .nav-quick-trigger:hover,.app>.topbar .nav .nav-quick-trigger[aria-expanded=true]{background:var(--btn);color:var(--on-btn);filter:brightness(1.08)}.app>.topbar .nav .nav-quick-trigger .ni{color:inherit}.quick-actions-menu{top:104px;left:272px}}@media(prefers-reduced-motion:reduce){.nav-quick-trigger,.quick-actions-menu>button{transition:none}}@media(max-width:480px){.topbar .nav{right:0;left:0;width:auto;max-width:none;box-sizing:border-box;gap:0;margin:0;padding:7px 5px calc(7px + env(safe-area-inset-bottom,0px));border-radius:var(--r-large) var(--r-large) 0 0;bottom:0}.topbar .nav .tab-period{display:none}}@media(max-width:420px){.topbar .nav .nav-quick-trigger .tab-label-group{display:none}}@media(max-width:420px){.nav{display:grid;grid-template-columns:minmax(40px,1fr) minmax(44px,1.25fr) minmax(52px,1.5fr) minmax(46px,1.35fr) minmax(44px,1fr);gap:0}.nav>.nav-primary,.nav>.nav-more-trigger,.nav>.nav-quick-control{min-width:0;max-width:none;width:auto;flex:initial}.nav>.nav-quick-control{position:relative;height:auto}.nav .nav-quick-trigger{width:100%;height:auto;min-height:56px;border-radius:var(--r-control);background:transparent;color:var(--muted);box-shadow:none}.nav .nav-quick-trigger .ni{width:min(100%,42px);height:34px}}.nav-more-menu,.quick-actions-menu,.notification-panel{border-color:color-mix(in srgb,var(--line-strong) 30%,var(--line));border-radius:var(--r-large);background:color-mix(in srgb,var(--surface-raised) 97%,var(--accent) 3%);box-shadow:0 20px 44px -26px color-mix(in srgb,var(--ink) 38%,transparent),0 2px 8px color-mix(in srgb,var(--ink) 8%,transparent)}.nav-more-menu .nav-more-link,.nav-more-menu .nav-more-create{min-height:var(--control-field);border:1px solid transparent;border-radius:var(--r-control);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-more-menu .nav-more-link .ni,.nav-more-menu .nav-more-create .ni{background:var(--soft);color:var(--accent)}.nav-more-menu .nav-more-link:hover,.nav-more-menu .nav-more-link:focus-visible,.quick-actions-menu>button:hover,.quick-actions-menu>button:focus-visible{border-color:color-mix(in srgb,var(--accent) 16%,var(--line));background:var(--soft);color:var(--ink)}.nav-more-menu .nav-more-link[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:var(--soft2);color:var(--accent);font-weight:700}.nav-more-menu .nav-more-create{margin-top:var(--space-1);border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.nav-more-menu .nav-more-create:hover,.nav-more-menu .nav-more-create:focus-visible{background:color-mix(in srgb,var(--accent) 13%,var(--surface))}.quick-actions-menu>button{transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.quick-actions-menu .ni{border-radius:var(--r-control)}@media(max-width:899px){.nav{border-color:var(--line);background:color-mix(in srgb,var(--surface-strong) 96%,var(--accent) 4%)}.nav>.nav-primary[aria-current=page]{border-color:transparent;background:var(--soft2)}.nav .nav-more-trigger[aria-current=page],.nav .nav-more-trigger[aria-expanded=true],.nav .nav-quick-trigger[aria-expanded=true]{color:var(--accent)}.nav-more-menu,.quick-actions-menu{grid-template-columns:minmax(0,1fr)}}@media(min-width:900px){.topbar .nav a[aria-current=page],.topbar .nav .nav-more-trigger[aria-current=page]{border-color:transparent;background:var(--soft2);box-shadow:none}}@media(min-width:900px)and (max-width:1199px){.topbar .nav .nav-more-menu{grid-template-columns:minmax(0,1fr);width:min(280px,calc(100vw - 32px))}.topbar .nav .nav-more-menu .nav-more-create{grid-column:auto}}@media(prefers-reduced-motion:reduce){.nav-more-menu .nav-more-link,.nav-more-menu .nav-more-create,.quick-actions-menu>button{transition:none}}@media(min-width:1200px){.app>.topbar .brand .wordmark{display:inline}}.aibar{display:flex;min-width:0;align-items:center;gap:8px;padding:5px 6px 5px var(--space-4);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface)}.aibar .aib-ic{display:grid;color:var(--accent)}.aibar input{min-width:0;min-height:var(--control-sm);flex:1;padding:0;border:0;background:transparent}.aibar input:focus-visible{outline-offset:0}@media(max-width:360px){:root{--gut-l: max(12px, env(safe-area-inset-left, 0px));--gut-r: max(12px, env(safe-area-inset-right, 0px))}}.tcal-wrap{display:flex;width:min(100%,420px);flex-direction:column;gap:10px}.mi{display:inline-flex;align-items:center;gap:3px}.subl .grow{padding:8px 0}.st-done{color:var(--muted);text-decoration:line-through}.tgx{color:var(--accent);font-weight:600}.tgchip{display:inline-flex;align-items:center;gap:2px;padding-right:4px}.tgchip .ibtn{width:44px;height:44px;min-width:44px;min-height:var(--control-md)}.task[draggable=true]{cursor:grab}.mvc{display:flex;flex:none;flex-direction:column;margin-left:-6px}.mvc .mv{width:40px;height:40px;min-width:40px;min-height:var(--control-sm);padding:0;color:var(--muted)}.sgl.sub{display:flex;align-items:center;gap:6px;margin-top:4px;padding-left:var(--space-4);letter-spacing:0;text-transform:none}.wp li{padding:12px 0}textarea[data-dlg=notes],textarea[data-dlg=note]{min-height:84px;resize:vertical}.fin-tools{display:flex;flex-direction:column;gap:10px}.fin-tools-actions{gap:var(--space-2)}.fin-import-action{cursor:pointer}.finance-results-groups{display:flex;flex-direction:column;gap:var(--space-3)}.fin-export-actions{justify-content:space-between}.finance-compare-row{min-width:0;justify-content:space-between;flex-wrap:nowrap}.fin-income{color:var(--ok)}.lg.finance-income{background:var(--ok)}.budget-total-row{justify-content:space-between}.budget-summary-note{margin-top:var(--space-2)}.goal-item{align-items:flex-start}.goal-progress{margin:var(--space-2) 0 var(--space-1)}.lg.finance-expense{background:var(--bad)}.import-row-label{width:100%;flex-wrap:nowrap;align-items:flex-start;gap:var(--space-2);cursor:pointer}.lg.finance-overdue{background:var(--bad)}.lg.finance-upcoming{background:var(--ok)}.lg.finance-settled{background:var(--line2)}@media(min-width:640px){.fin-tools{flex-direction:row;align-items:center;justify-content:space-between}.fin-tools .seg{min-width:240px}}.fin-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 145px;align-items:center;gap:8px}.fin-filter-row .search,.fin-filter-row>label{min-width:0}@media(max-width:640px){.fin-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-filter-row .search{grid-column:1 / -1}}@media(max-width:899px){.fab-clearance{height:calc(160px + env(safe-area-inset-bottom,0px))}}@media(max-width:540px){.main[data-route=financas]{padding-bottom:calc(var(--nav-h) + 112px + env(safe-area-inset-bottom,0px))}.main[data-route=financas] .fin-section-content{gap:14px}.main[data-route=financas] .fin-section-menu{position:relative;z-index:1}.main[data-route=financas] .mnav{min-height:var(--control-md)}.main[data-route=financas] .fin-hero{gap:2px;padding:16px}.main[data-route=financas] .balance-sparkline{height:38px}.main[data-route=financas] .fh-row{gap:10px 12px;margin-top:8px;padding-top:12px}}.imp>li{flex-direction:column;align-items:stretch;gap:6px}.impcat{min-height:var(--control-sm);padding:6px 10px;font-size:var(--text-sm)}.ellip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main[data-route=habitos] .habit-water-area{--water-accent: var(--area-water);--water-soft: color-mix(in srgb, var(--area-water) 9%, var(--surface-strong))}.habit-water-area{display:grid;gap:var(--space-3);scroll-margin-top:var(--space-4)}.habit-water-area>.head{margin:0}.habit-water-area>.head>div>p{margin:3px 0 0}.habit-water-disabled{align-items:flex-start;gap:var(--space-3);scroll-margin-top:var(--space-4)}.habit-water-disabled>div>p{margin:4px 0 0}.water-summary{gap:20px;overflow:hidden;border-color:color-mix(in srgb,var(--water-accent) 22%,var(--line));background:linear-gradient(135deg,var(--water-soft),var(--surface-strong) 72%)}.water-summary-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.water-eyebrow{margin-bottom:6px;color:var(--water-accent);font-size:var(--text-xs);font-weight:750;letter-spacing:.045em}.water-total-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}.water-total{font-size:var(--text-water-total);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.065em;line-height:1}.water-total-unit{color:var(--muted);font-size:var(--text-base);font-weight:650}.water-total-unit span{font-size:var(--text-sm);font-weight:500}.water-goal-copy{margin-top:8px;color:var(--muted)}.water-goal-copy strong{color:var(--ink);font-weight:700}.water-mark{display:grid;width:64px;height:64px;flex:none;place-items:center;border:1px solid color-mix(in srgb,var(--water-accent) 20%,var(--line));border-radius:var(--r);background:color-mix(in srgb,var(--water-accent) 12%,var(--surface));color:var(--water-accent)}.water-progress-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:var(--text-meta);font-weight:650}.water-progress-note>:first-child{color:var(--water-accent)}.water-progress{height:10px;background:color-mix(in srgb,var(--water-accent) 12%,var(--surface))}.water-progress>span{background:var(--water-accent)}.water-note{display:flex;align-items:flex-start;gap:8px;margin-top:calc(-1 * var(--space-4));color:var(--muted);font-size:var(--text-meta);line-height:1.5}.water-note-icon{display:inline-flex;flex:none;margin-top:1px;color:var(--water-accent)}.water-entry{gap:18px}.water-entry-heading{display:flex;flex-direction:column;gap:4px}.water-entry-heading h2{font-size:var(--text-lg)}.water-goal-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:end;gap:var(--space-3)}.water-goal-settings .water-entry-heading{min-width:0}.water-goal-settings .water-entry-heading p{margin:0}.water-goal-settings>.f{min-width:0}.water-actions{gap:10px}.water-actions .chip{min-width:104px;justify-content:center;border-color:color-mix(in srgb,var(--water-accent) 28%,var(--line));background:var(--water-soft);color:var(--water-accent)}.water-actions .chip:hover{border-color:var(--water-accent);background:color-mix(in srgb,var(--water-accent) 15%,var(--surface))}.water-actions .chip:active{transform:translateY(1px)}.water-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:var(--text-xs)}.water-divider:before,.water-divider:after{height:1px;flex:1;background:var(--line);content:""}.habit-water-content .water-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.habit-water-content .water-custom>.f{min-width:0}.habit-water-content .water-custom>.btn{grid-column:auto;min-height:var(--control-field);border-color:var(--area-water);background:var(--area-water);color:var(--surface-strong)}.habit-water-content .water-custom>.btn:hover{filter:brightness(.94)}.main[data-route=ciclo] .notice{line-height:1.55}.main[data-route=ciclo] .card:has(>.cal)>.head{width:min(100%,420px);margin-inline:auto}.cycle-overview{display:grid;gap:18px;padding:clamp(20px,3vw,30px);border:1px solid color-mix(in srgb,var(--area-cycle) 30%,var(--line));border-radius:var(--r-large);background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--area-cycle) 15%,transparent),transparent 16rem),linear-gradient(145deg,color-mix(in srgb,var(--area-cycle) 8%,var(--surface-strong)),var(--surface-strong) 62%);box-shadow:var(--card-shadow)}.cycle-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cycle-overview-head>div{min-width:0}.cycle-overview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cycle-overview-head>div>span{color:var(--area-cycle);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em}.cycle-overview-head h2{margin:6px 0 0;font-size:var(--text-section)}.cycle-overview-head p{max-width:58ch;margin:6px 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.cycle-overview-stats{align-items:center;gap:10px}.cycle-overview-stats .stat{padding:14px;border-color:color-mix(in srgb,var(--area-cycle) 18%,var(--line));background:color-mix(in srgb,var(--surface) 82%,var(--soft))}.cycle-overview-stats .stat b{color:var(--ink);font-size:var(--text-xl)}.cycle-day-ring{position:relative;display:grid;width:118px;height:118px;flex:none;justify-self:center;place-items:center;border-radius:50%;background:conic-gradient(var(--area-cycle) var(--cycle-progress),color-mix(in srgb,var(--area-cycle) 13%,var(--surface)) 0)}.cycle-day-ring.is-unestimated{background:color-mix(in srgb,var(--area-cycle) 13%,var(--surface))}.cycle-day-ring:before{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:inherit;background:var(--surface-strong);content:""}.cycle-day-ring>span{position:relative;z-index:1;display:grid;justify-items:center;gap:1px}.cycle-day-ring b{color:var(--area-cycle);font:var(--weight-strong) var(--text-4xl)/1 var(--font-h);font-variant-numeric:tabular-nums}.cycle-day-ring small{color:var(--muted);font-size:var(--text-2xs);font-weight:700}.cycle-next-step{grid-column:1 / -1;margin:0;padding:14px;border:1px solid color-mix(in srgb,var(--area-cycle) 18%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--surface) 82%,var(--soft));color:var(--muted);font-size:var(--text-sm);line-height:1.5}.cycle-period-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--area-cycle) 24%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--area-cycle) 5%,var(--surface))}.cycle-period-tools p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.cycle-period-tools p b{color:var(--ink)}.cycle-period-tools>div{display:flex;flex-wrap:wrap;gap:8px}.cycle-day-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cycle-estimate-notice{line-height:1.55}.cycle-calendar-card .head{align-items:center}.cycle-calendar-card .head>div{text-align:center}.cycle-calendar-card .head .section-kicker{margin-bottom:2px;color:var(--area-cycle)}.cycle-calendar-help{max-width:38ch;margin:4px 0 0;color:var(--muted);font-size:var(--text-meta);line-height:1.45}.cycle-calendar-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.cycle-calendar-legend>span{display:inline-flex;align-items:center;color:var(--muted);font-size:var(--text-xs);line-height:1.4}.cycle-calendar-legend .lg{width:10px;height:10px;margin:0 7px 0 0}.cycle-calendar-legend .lg.m{background:color-mix(in srgb,var(--area-cycle) 76%,var(--surface))}.cycle-calendar-legend .lg.fertile{background:color-mix(in srgb,var(--area-water) 74%,var(--surface))}.cycle-calendar-legend .lg.ovulation{background:color-mix(in srgb,var(--warn) 82%,var(--surface))}.cycle-calendar-legend .lg.l{background:var(--ink)}.main[data-route=ciclo] .cycle-calendar-card .cal button.phase-menstruation{background:color-mix(in srgb,var(--area-cycle) 23%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--area-cycle) 38%,var(--line))}.main[data-route=ciclo] .cycle-calendar-card .cal button.phase-fertile{background:color-mix(in srgb,var(--area-water) 21%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--area-water) 34%,var(--line))}.main[data-route=ciclo] .cycle-calendar-card .cal button.phase-ovulation{background:color-mix(in srgb,var(--warn) 26%,var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--warn) 58%,var(--line));font-weight:800}.main[data-route=ciclo] .cycle-calendar-card .cal button[disabled].phase-menstruation,.main[data-route=ciclo] .cycle-calendar-card .cal button[disabled].phase-fertile,.main[data-route=ciclo] .cycle-calendar-card .cal button[disabled].phase-ovulation{opacity:.92}.cycle-day-entry{gap:var(--space-4);border-color:color-mix(in srgb,var(--area-cycle) 25%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--area-cycle) 7%,var(--surface-strong)),var(--surface-strong) 62%)}.cycle-start-empty .empty{flex-direction:column}.cycle-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.cycle-empty-actions>.btn{min-width:0}.cycle-day-entry>.head{align-items:flex-start}.cycle-day-entry>.head>div>p{margin-top:4px}.cycle-day-summary{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.cycle-edit-button{align-self:flex-start}.cycle-health-card{gap:16px}.cycle-health-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.cycle-health-summary::-webkit-details-marker{display:none}.cycle-health-summary>span{display:grid;min-width:0;gap:5px}.cycle-health-summary strong{color:var(--ink);font:700 var(--text-lg)/1.25 var(--font-h)}.cycle-health-summary small{color:var(--muted);font-size:var(--text-sm);line-height:1.45}.cycle-health-summary>.ic{flex:none;color:var(--area-cycle);transition:transform var(--duration-fast) var(--ease-standard)}.cycle-health-card[open] .cycle-health-summary>.ic{transform:rotate(180deg)}.cycle-health-eyebrow{color:var(--area-cycle);font-size:var(--text-2xs);font-weight:800;letter-spacing:.08em}.cycle-health-content{display:grid;gap:10px;padding-top:4px}.cycle-health-topic{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.cycle-health-topic h3{display:flex;align-items:center;gap:8px;font-size:var(--text-base)}.cycle-health-topic h3 .ic{flex:none;color:var(--area-cycle)}.cycle-health-topic p{color:var(--muted);font-size:var(--text-sm);line-height:1.6}.cycle-health-sources{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:4px 2px 0;color:var(--muted);font-size:var(--text-xs)}.cycle-health-sources a{color:var(--accent);font-weight:650;text-underline-offset:.18em}.cycle-health-sources a:focus-visible{border-radius:var(--r-xs)}.cycle-log-dialog{width:min(100%,820px)}.cycle-log-dialog .dlg-body{gap:16px;padding:24px}.dlg.cycle-period-dialog{width:min(100%,600px)}.cycle-period-dialog .dlg-body{gap:16px}.cycle-period-form{display:grid;gap:16px}.cycle-period-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cycle-log-form{display:flex;flex-direction:column;gap:16px}.cycle-sexual-group{display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--area-cycle) 24%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--area-cycle) 5%,var(--surface))}.cycle-sexual-group>h3{display:flex;align-items:center;gap:8px}.cycle-sexual-group>h3 .ic{color:var(--area-cycle)}.cycle-sexual-toggle{justify-content:flex-start;gap:10px}.cycle-contraception-options{display:flex;flex-wrap:wrap;gap:8px}.cycle-contraception-options .chip{min-height:var(--control-field)}.cycle-log-dialog .dlg-foot{justify-content:flex-end}.cycle-log-dialog .dlg-foot .btn{flex:0 1 auto;min-width:160px}.cycle-log-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cycle-log-heading h2{font-size:var(--text-heading)}.cycle-log-heading p{max-width:560px;margin-top:6px;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.cycle-log-eyebrow{display:block;margin-bottom:5px;color:var(--area-cycle);font-size:var(--text-xs);font-weight:750;letter-spacing:.07em}.cycle-log-dialog{--cycle-choice-flow: var(--area-cycle);--cycle-choice-pain: var(--bad);--cycle-choice-mood: var(--area-cycle);--cycle-choice-energy: var(--warn);--cycle-choice-digestion: var(--area-water);--cycle-choice-sleep: color-mix(in srgb, var(--area-water) 58%, var(--area-cycle));--cycle-choice-skin: var(--ok);--cycle-choice-discharge: color-mix(in srgb, var(--area-cycle) 45%, var(--warn))}.cycle-log-dialog [data-category=flow]{--cycle-choice-accent: var(--cycle-choice-flow)}.cycle-log-dialog [data-category=pain]{--cycle-choice-accent: var(--cycle-choice-pain)}.cycle-log-dialog [data-category=mood]{--cycle-choice-accent: var(--cycle-choice-mood)}.cycle-log-dialog [data-category=energy]{--cycle-choice-accent: var(--cycle-choice-energy)}.cycle-log-dialog [data-category=digestion]{--cycle-choice-accent: var(--cycle-choice-digestion)}.cycle-log-dialog [data-category=sleep]{--cycle-choice-accent: var(--cycle-choice-sleep)}.cycle-log-dialog [data-category=skin]{--cycle-choice-accent: var(--cycle-choice-skin)}.cycle-log-dialog [data-category=discharge]{--cycle-choice-accent: var(--cycle-choice-discharge)}.cycle-log-dialog .sym{min-width:0;gap:10px}.cycle-group-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cycle-group-heading>div{min-width:0}.cycle-group-heading h3{display:flex;min-height:32px;align-items:center;gap:8px;color:var(--ink);font:var(--weight-bold) var(--text-base) var(--font-h)}.cycle-group-heading h3 .ic{color:var(--cycle-choice-accent, var(--area-cycle))}.cycle-group-heading p{max-width:560px;margin-top:3px;color:var(--muted);font-size:var(--text-meta);line-height:1.5}.cycle-group-mode{flex:none;padding:5px 9px;border-radius:var(--r-pill);background:var(--surface-strong);color:var(--muted);font-size:var(--text-xs);font-weight:650;line-height:1.3}.cycle-flow-group{padding:18px;border:1px solid color-mix(in srgb,var(--area-cycle) 28%,var(--line));border-radius:var(--r-group);background:linear-gradient(135deg,color-mix(in srgb,var(--area-cycle) 11%,var(--surface)),color-mix(in srgb,var(--area-cycle) 4%,var(--surface-strong)))}.cycle-flow-group .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.cycle-flow-group .chip{justify-content:center;padding-inline:8px;border-color:color-mix(in srgb,var(--cycle-choice-accent) 28%,var(--line));text-align:center}.cycle-choice{min-width:0;white-space:normal}.cycle-symptom-group>summary{cursor:pointer;list-style:none}.cycle-symptom-group>summary::-webkit-details-marker{display:none}.cycle-disclosure-indicator{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;border-radius:var(--r-pill);background:var(--soft2);color:var(--area-cycle);transition:transform var(--duration-fast) var(--ease-standard)}.cycle-symptom-group[open] .cycle-disclosure-indicator{transform:rotate(180deg)}.cycle-symptom-group .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.cycle-symptom-group .chip{display:grid;width:100%;min-width:0;min-height:58px;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;justify-content:initial;gap:7px;padding:7px;border-color:color-mix(in srgb,var(--cycle-choice-accent) 26%,var(--line));background:var(--surface-strong);white-space:normal;text-align:left}.cycle-choice-symbol{display:inline-flex;width:30px;height:30px;flex:none;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--cycle-choice-accent) 15%,transparent);border-radius:var(--r-xs);background:color-mix(in srgb,var(--cycle-choice-accent) 13%,var(--surface));color:var(--cycle-choice-accent)}.cycle-log-dialog .cycle-symptom-group .cycle-choice,.cycle-log-dialog .cycle-symptom-group .cycle-choice-label{white-space:normal}.cycle-choice-label{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:var(--text-xs);line-height:1.25;text-align:left}.cycle-choice-mark{display:grid;width:18px;height:18px;flex:none;place-items:center;border:1px solid color-mix(in srgb,var(--cycle-choice-accent) 34%,var(--line-strong));border-radius:var(--r-xs);background:var(--surface);color:transparent}.cycle-choice-mark .ic{width:12px;height:12px}.cycle-flow-choice{position:relative;display:grid;width:100%;min-height:78px;grid-template-columns:minmax(0,1fr);grid-template-rows:32px auto;justify-items:center;gap:4px;padding:9px 5px 7px}.cycle-flow-choice .cycle-choice-symbol{width:32px;height:32px;border-radius:50%}.cycle-flow-choice .cycle-choice-label{text-align:center}.cycle-flow-choice .cycle-choice-mark{position:absolute;top:5px;right:5px;width:15px;height:15px;border-radius:50%}.cycle-flow-choice[data-v=spot]{--cycle-choice-accent: var(--muted)}.cycle-flow-choice[data-v=light]{--cycle-choice-accent: var(--area-cycle)}.cycle-flow-choice[data-v=medium]{--cycle-choice-accent: var(--bad)}.cycle-flow-choice[data-v=heavy]{--cycle-choice-accent: color-mix(in srgb, var(--bad) 76%, var(--ink))}.cycle-flow-choice[data-v=medium] .cycle-choice-symbol .ic,.cycle-flow-choice[data-v=heavy] .cycle-choice-symbol .ic{fill:color-mix(in srgb,var(--cycle-choice-accent) 18%,transparent)}.cycle-flow-hint{margin-top:10px;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.cycle-symptoms-heading h3{color:var(--ink);font:var(--weight-bold) var(--text-lg) var(--font-h)}.cycle-symptoms-heading p{margin-top:4px;color:var(--muted);font-size:var(--text-meta);line-height:1.5}.cycle-frequent{display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--area-cycle) 24%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--area-cycle) 5%,var(--surface))}.cycle-frequent h3{margin:0;color:var(--ink);font:700 var(--text-base)/1.3 var(--font-h)}.cycle-frequent p{margin:3px 0 0;color:var(--muted);font-size:var(--text-xs);line-height:1.4}.cycle-frequent-options{display:flex;flex-wrap:wrap;gap:7px}.cycle-frequent-options .cycle-choice{display:inline-flex;min-height:var(--control-field);align-items:center;justify-content:flex-start;gap:7px;padding:6px 9px}.cycle-frequent-options .cycle-choice-symbol{width:24px;height:24px}.cycle-frequent-options .cycle-choice-label{display:grid;gap:2px}.cycle-choice-frequency{color:var(--muted);font-size:var(--text-2xs);font-weight:600;line-height:1.2}.cycle-symptom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cycle-log-dialog .cycle-symptom-group{padding:14px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.cycle-choice:focus-visible{position:relative;z-index:1}.cycle-choice[aria-pressed=true]{border-color:var(--cycle-choice-accent);background:color-mix(in srgb,var(--cycle-choice-accent) 8%,var(--surface-strong));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cycle-choice-accent) 28%,transparent)}.cycle-choice[aria-pressed=true] .cycle-choice-mark{border-color:var(--cycle-choice-accent);background:var(--cycle-choice-accent);color:var(--on-solid)}.cycle-choice[aria-pressed=true] .cycle-choice-symbol{border-color:color-mix(in srgb,var(--cycle-choice-accent) 28%,transparent);background:color-mix(in srgb,var(--cycle-choice-accent) 18%,var(--surface))}.cycle-note{margin-top:2px}.intro-choices{display:flex;flex-direction:column;gap:10px}@media(max-width:899px){.cycle-symptom-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.cycle-overview-head{flex-direction:column}.cycle-overview-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.cycle-overview-actions>.btn{width:100%}.cycle-empty-actions{width:100%;flex-direction:column}.cycle-empty-actions>.btn{width:100%}.cycle-period-tools{align-items:stretch;flex-direction:column}.cycle-period-tools>div{display:grid;grid-template-columns:minmax(0,1fr)}.cycle-period-tools .btn{width:100%}.cycle-day-tools{justify-content:stretch}.cycle-day-tools .btn{width:100%}.cycle-period-fields{grid-template-columns:minmax(0,1fr)}.cycle-log-dialog .dlg-body{padding:20px}.cycle-group-heading{flex-wrap:wrap}.cycle-group-mode{margin-left:0}.cycle-flow-group .chips{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-flow-group .chip{min-width:0;padding-inline:6px}.cycle-symptom-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){.cycle-log-dialog .dlg-body{padding:16px}.cycle-flow-group,.cycle-symptom-group{padding:12px}.cycle-symptom-group .chips{gap:6px}.cycle-symptom-group .chip{grid-template-columns:26px minmax(0,1fr) 14px;gap:4px;padding:5px}.cycle-choice-symbol{width:26px;height:26px}.cycle-choice-mark{width:14px;height:14px}}.focus-timer{gap:var(--space-4);border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:var(--hero)}.free-pomodoro{gap:var(--space-5)}.free-pomodoro{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:radial-gradient(circle at 10% 85%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 18rem),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 17rem),var(--hero)}.focus-timer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.free-pomodoro-subtitle{max-width:48ch;margin:7px 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.focus-timer-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.free-pomodoro-settings{display:grid;gap:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.free-pomodoro-settings>summary,.pomodoro-push-settings>summary,.pomodoro-end-actions>summary{cursor:pointer;font-weight:750}.pomodoro-disclosure-indicator{display:grid;flex:0 0 var(--control-sm);width:var(--control-sm);height:var(--control-sm);place-items:center;border-radius:var(--r-pill);background:var(--soft2);color:var(--accent);transition:transform var(--duration-fast) var(--ease-standard)}.free-pomodoro-settings[open] .pomodoro-disclosure-indicator,.pomodoro-push-settings[open] .pomodoro-disclosure-indicator,.pomodoro-end-actions[open] .pomodoro-disclosure-indicator,.pomodoro-push-details[open] .pomodoro-disclosure-indicator{transform:rotate(180deg)}.free-pomodoro-settings>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.free-pomodoro-settings-summary>span{display:grid;gap:2px}.free-pomodoro-settings-summary>span>b{font-size:var(--text-sm)}.free-pomodoro-settings-summary>span>small{color:var(--muted);font-size:var(--text-xs);font-weight:500}.free-pomodoro-settings-summary>b{color:var(--accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.free-pomodoro-settings[open]{gap:var(--space-3)}.free-pomodoro-settings-form{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.pomodoro-push-settings{display:grid;gap:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.pomodoro-push-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.pomodoro-end-actions>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pomodoro-push-settings>summary small{padding:4px 8px;border-radius:var(--r-pill);background:var(--soft2);color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.pomodoro-push-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.pomodoro-push-content h3{margin:0;font-size:var(--text-base)}.pomodoro-push-content p{margin:4px 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.pomodoro-push-content .pomodoro-push-status,.pomodoro-push-content .pomodoro-push-details{grid-column:1 / -1}.pomodoro-push-content .pomodoro-push-status{color:var(--ink)}.pomodoro-push-settings .pomodoro-push-privacy{font-size:var(--text-xs)}.pomodoro-push-details{color:var(--muted);font-size:var(--text-xs)}.pomodoro-push-details summary{cursor:pointer;font-weight:700}.pomodoro-push-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);list-style:none}.pomodoro-push-details>summary::-webkit-details-marker{display:none}.pomodoro-push-details[open]{display:grid;gap:8px}.pomodoro-push-details .notice{margin:0}.pomodoro-end-actions{display:grid;gap:10px}.pomodoro-end-actions>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:var(--text-sm)}.pomodoro-end-actions>div{display:flex;flex-wrap:wrap;gap:8px}.free-pomodoro-auto{align-items:flex-start;gap:10px}.free-pomodoro-auto input{margin-top:3px}.free-pomodoro-auto span{display:grid;gap:2px}.free-pomodoro-auto small{font-size:var(--text-xs);line-height:1.4}.free-pomodoro-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.free-pomodoro-settings-head>div{display:grid;gap:2px}.free-pomodoro-settings-head span{color:var(--accent);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em}.free-pomodoro-settings-head h3{margin:0;font-size:var(--text-base)}.free-pomodoro-settings-head>b{padding:6px 9px;border-radius:var(--r-pill);background:var(--soft2);color:var(--ink);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.free-pomodoro-presets{display:flex;flex-wrap:wrap;gap:6px}.free-pomodoro-presets .chip{min-height:var(--control-sm);justify-content:center;padding:6px 10px;font-size:var(--text-xs);white-space:normal;text-align:center}.free-pomodoro-presets .chip:disabled{cursor:not-allowed;opacity:.58}.free-pomodoro-hint{margin:0}.free-pomodoro-durations{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.free-pomodoro-durations input:disabled{cursor:not-allowed;opacity:.58}.pomodoro-sound-volume>span{display:flex;justify-content:space-between;gap:8px}.pomodoro-sound-volume output{color:var(--ink);font-variant-numeric:tabular-nums}.pomodoro-sound-volume input[type=range]{width:100%;min-height:var(--control-height);margin:0;padding:8px 0;accent-color:var(--accent);cursor:pointer}.free-pomodoro-durations>.btn{align-self:end}.focus-eyebrow{display:block;margin-bottom:5px;color:var(--pomodoro-phase, var(--accent));font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em}.focus-timer-head h2{font-size:var(--text-xl)}.focus-phase{display:inline-flex;min-height:34px;flex:none;align-items:center;gap:7px;padding:0 11px;border:1px solid color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 42%,var(--line));border-radius:var(--r-pill);background:var(--surface);color:var(--accent);font-size:var(--text-meta);font-weight:700}.focus-phase:before{width:7px;height:7px;border-radius:50%;background:currentColor;content:""}.focus-cycle-count{color:var(--muted);font-size:var(--text-meta);font-weight:650;white-space:nowrap}.focus-timer-body{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);align-items:center;gap:24px;padding:10px 0}.focus-dial{position:relative;width:min(100%,224px);aspect-ratio:1;justify-self:center}.focus-dial svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.focus-dial circle{fill:none;stroke-width:4}.focus-dial-track{stroke:var(--soft2)}.focus-timer[data-phase=focus]{--pomodoro-phase: var(--accent)}.focus-timer[data-phase=short-break],.focus-timer[data-phase=long-break]{--pomodoro-phase: var(--area-water)}.focus-dial-progress{stroke:var(--pomodoro-phase, var(--accent));stroke-linecap:round;transition:stroke-dashoffset .4s ease}.focus-clock{position:absolute;top:13%;right:13%;bottom:13%;left:13%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:50%;background:var(--surface-strong)}.focus-clock .timer{font-size:var(--text-2xl);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.1}.focus-clock .small{text-align:center}.focus-timer-actions{display:flex;min-width:0;flex-direction:column;gap:16px}.free-pomodoro .focus-timer-actions{gap:var(--space-4)}.free-pomodoro .focus-timer-body{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.focus-prompt{max-width:38ch;color:var(--muted)}.focus-controls{display:flex;flex-wrap:wrap;gap:8px}.focus-pomo-note{display:flex;align-items:flex-start;gap:9px;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-group);background:var(--surface);color:var(--muted);font-size:var(--text-sm)}.focus-pomo-note .ic{margin-top:2px;color:var(--accent)}.focus-pomo-note span,.main[data-route=financas] [role=tabpanel]{min-width:0}@media(max-width:480px){.water-summary{gap:16px}.water-goal-settings{grid-template-columns:minmax(0,1fr)}.water-mark{width:52px;height:52px;border-radius:var(--r-group)}.water-progress-note{font-size:var(--text-xs)}.water-entry{gap:16px}.habit-water-content .water-custom{grid-template-columns:minmax(0,1fr)}.habit-water-content .water-custom>.btn{width:100%}.main[data-route=ciclo] .card:has(>.cal)>.head{width:calc(100% + 2 * var(--space-4));margin-inline:calc(-1 * var(--space-4))}.focus-timer,.free-pomodoro{gap:16px}.focus-timer-head{align-items:flex-start}.focus-timer-badges{align-items:flex-end;flex-direction:column;gap:5px}.focus-phase{max-width:100%;white-space:nowrap}.focus-timer-body{grid-template-columns:minmax(0,1fr);gap:12px}.free-pomodoro .focus-timer-body{grid-template-columns:minmax(0,1fr)}.focus-dial{width:min(100%,204px)}.focus-timer-actions{align-items:center;text-align:center}.free-pomodoro .focus-timer-actions{align-items:stretch}.free-pomodoro-settings{padding:12px;text-align:left}.pomodoro-push-settings{padding:12px}.pomodoro-push-content{grid-template-columns:minmax(0,1fr)}.pomodoro-push-content .btn{justify-self:start}.free-pomodoro-durations{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-prompt{max-width:36ch}.focus-controls{justify-content:center}}.cycle-calendar-card>.head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;text-align:center}.cycle-calendar-card>.head>div{min-width:0}.pomodoro-history-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;margin:0;padding:0;list-style:none}.pomodoro-history-bars li{display:grid;grid-template-rows:16px 84px auto;justify-items:center;gap:6px;min-width:0}.pomodoro-history-count{color:var(--accent);font-size:var(--text-xs);font-weight:750;font-variant-numeric:tabular-nums}.pomodoro-history-bar{display:flex;align-items:flex-end;width:100%;max-width:36px;height:84px;border-radius:var(--r-sm);background:var(--soft2);overflow:hidden}.pomodoro-history-bar i{display:block;width:100%;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--accent)}.pomodoro-history-day{color:var(--muted);font-size:var(--text-xs);font-weight:600}.area-guide-control{display:flex;justify-content:flex-start;width:100%;margin:0 0 var(--space-3)}.main[data-route=inicio]>.area-guide-control{margin-top:0}.main[data-route=inicio]>.area-guide-control .btn{justify-self:flex-start}.area-tutorial-body{display:grid;gap:12px}.area-tutorial-head{align-items:center}.area-tutorial-head h2{margin:0}.area-tutorial-intro,.area-tutorial-caption{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.area-tutorial-video{display:block;width:100%;max-height:min(58vh,500px);aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:var(--r-group);background:#211b24;object-fit:contain}.area-tutorial-script{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.area-tutorial-script>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:11px 14px;color:var(--ink);cursor:pointer;font-size:var(--text-sm);font-weight:700;list-style:none}.area-tutorial-script>summary::-webkit-details-marker{display:none}.tutorial-disclosure-indicator{flex:none;color:var(--muted);transition:transform var(--duration-fast) var(--ease-standard)}.area-tutorial-script[open] .tutorial-disclosure-indicator{transform:rotate(180deg)}.area-tutorial-script>ol{display:grid;gap:7px;margin:0;padding:0 16px 14px 36px;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.area-tutorial-script li::marker{color:var(--accent);font-weight:750}.area-tutorial-script>p{margin:0;padding:0 14px 14px;color:var(--muted);font-size:var(--text-xs);line-height:1.5}.finance-privacy-note{margin:0 0 var(--space-3);line-height:1.5}.finance-privacy-note>span{display:grid;gap:4px}.finance-privacy-note strong{color:var(--ink)}.finance-privacy-note>span>span{color:var(--muted)}@media(max-width:480px){.area-tutorial-video{max-height:38vh}.area-tutorial-script>summary{padding:10px 12px}.finance-privacy-note{padding:12px}}.page-title{padding-top:4px}.page-title h1{font-size:var(--text-page-title);letter-spacing:-.055em}.main[data-route=agua] .card,.main[data-route=ciclo] .card{border-radius:var(--r)}@media(max-width:480px){.main[data-route=pomodoro]{padding-bottom:calc(var(--nav-h) + 118px + env(safe-area-inset-bottom,0px))}.page-title h1{font-size:var(--text-page-title)}}.main[data-route=agua]{--progress-tone: var(--area-water)}.water-progress{overflow:hidden;border:1px solid color-mix(in srgb,var(--progress-tone) 14%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--progress-tone) 10%,var(--surface))}.water-progress>span{display:block;height:100%;border-radius:inherit;background:var(--progress-tone);box-shadow:inset -1px 0 color-mix(in srgb,white 34%,transparent);transition:width var(--duration-base) var(--ease-standard)}.main[data-route=pomodoro]{--area-tone: var(--area-pomodoro, var(--accent))}.main[data-route=agua]{--area-tone: var(--area-water)}.main[data-route=ciclo]{--area-tone: var(--area-cycle)}.main[data-route=pomodoro]>.lead,.main[data-route=agua]>.lead,.main[data-route=ciclo]>.lead{max-width:68ch;margin-top:-18px;padding:0 8px;color:var(--muted);font-size:var(--text-base)}.main[data-route=pomodoro] .card>.head:first-child,.main[data-route=agua] .card>.head:first-child,.main[data-route=ciclo] .card>.head:first-child{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.main[data-route=pomodoro] .card>.head:first-child h2,.main[data-route=agua] .card>.head:first-child h2,.main[data-route=ciclo] .card>.head:first-child h2{font-size:var(--text-xl)}@media(max-width:700px){.main[data-route=pomodoro]>.lead,.main[data-route=agua]>.lead,.main[data-route=ciclo]>.lead{margin-top:-12px;padding-inline:4px;font-size:var(--text-md)}}.main[data-route=pomodoro]{max-width:var(--content-width)}.main[data-route=pomodoro]>.free-pomodoro{position:relative;overflow:hidden;gap:var(--space-4);padding:clamp(var(--space-4),3vw,var(--space-6));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:radial-gradient(ellipse at 12% 100%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 36%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 24rem),var(--hero)}.main[data-route=pomodoro] .focus-timer-head{align-items:flex-start}.main[data-route=pomodoro] .focus-eyebrow{width:fit-content;margin-bottom:var(--space-2);padding:5px 10px;border:1px solid color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 22%,var(--line));border-radius:var(--r-pill);background:color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 7%,var(--surface));letter-spacing:.08em}.main[data-route=pomodoro] .focus-timer-head h2{margin:0;font-size:var(--text-xl);letter-spacing:-.04em;line-height:1.2}.main[data-route=pomodoro] .free-pomodoro-subtitle{margin-top:var(--space-2)}.main[data-route=pomodoro] .free-pomodoro-subtitle b{color:var(--ink)}.main[data-route=pomodoro] .free-pomodoro .focus-timer-body{grid-template-columns:minmax(190px,220px) minmax(0,1fr);gap:clamp(var(--space-4),3vw,var(--space-6));padding-block:0}.main[data-route=pomodoro] .focus-dial-column{display:grid;align-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 15%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 4%,var(--surface))}.main[data-route=pomodoro] .focus-dial-column .focus-controls{justify-content:center}.main[data-route=pomodoro] .focus-dial-column .focus-controls .btn.primary{min-width:180px}.main[data-route=pomodoro] .focus-dial{width:min(100%,184px)}.main[data-route=pomodoro] .focus-dial circle{stroke-width:3.5}.main[data-route=pomodoro] .focus-dial-track{stroke:color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 13%,var(--soft2))}.main[data-route=pomodoro] .focus-dial-progress{stroke-width:4.5}.main[data-route=pomodoro] .focus-clock{top:12%;right:12%;bottom:12%;left:12%;border-color:color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 22%,var(--line));background:radial-gradient(circle at 50% 35%,var(--surface),var(--surface-strong) 72%);box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 4%,transparent)}.main[data-route=pomodoro] .focus-clock .timer{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.06em}.main[data-route=pomodoro] .focus-clock .small{font-size:var(--text-xs)}.main[data-route=pomodoro] .free-pomodoro .focus-timer-actions{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--space-4)}.main[data-route=pomodoro] .free-pomodoro-label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px var(--space-2)}.main[data-route=pomodoro] .free-pomodoro-label small{font-size:var(--text-xs);font-weight:500}.main[data-route=pomodoro] .free-pomodoro-label input{grid-column:1 / -1}.main[data-route=pomodoro] .free-pomodoro-label input{min-height:var(--control-lg)}.main[data-route=pomodoro] .pomodoro-end-actions,.main[data-route=pomodoro] .focus-prompt,.main[data-route=pomodoro] .free-pomodoro-settings{grid-column:1 / -1}.main[data-route=pomodoro] .focus-prompt{max-width:none;margin:0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--pomodoro-phase, var(--accent));border-radius:0 var(--r-sm) var(--r-sm) 0;background:color-mix(in srgb,var(--pomodoro-phase, var(--accent)) 6%,var(--surface));font-size:var(--text-sm);line-height:1.45}.main[data-route=pomodoro] .free-pomodoro-settings,.main[data-route=pomodoro] .pomodoro-push-settings{border-color:color-mix(in srgb,var(--accent) 14%,var(--line));box-shadow:0 8px 22px -20px color-mix(in srgb,var(--accent) 40%,transparent)}.main[data-route=pomodoro] .free-pomodoro-settings-form>.settings-save-actions{justify-content:flex-start}.main[data-route=pomodoro] .pomodoro-history-bars li{grid-template-rows:18px 88px auto;gap:var(--space-2)}.main[data-route=pomodoro] .pomodoro-history-bar{max-width:42px;height:88px;padding:3px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.main[data-route=pomodoro] .pomodoro-history-bar i{min-height:4px;border-radius:inherit}@media(max-width:700px){.main[data-route=pomodoro]>.free-pomodoro{padding:var(--space-4)}.main[data-route=pomodoro] .focus-timer-head h2{font-size:var(--text-lg)}.main[data-route=pomodoro] .free-pomodoro .focus-timer-body{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.main[data-route=pomodoro] .focus-dial-column{gap:var(--space-2);padding:var(--space-2)}.main[data-route=pomodoro] .focus-dial{width:min(100%,168px)}.main[data-route=pomodoro] .free-pomodoro .focus-timer-actions{grid-template-columns:minmax(0,1fr)}.main[data-route=pomodoro] .free-pomodoro-label{text-align:left}.main[data-route=pomodoro] .pomodoro-end-actions,.main[data-route=pomodoro] .focus-prompt,.main[data-route=pomodoro] .free-pomodoro-settings{grid-column:1}.main[data-route=pomodoro] .focus-dial-column{width:min(100%,280px);justify-self:center}.main[data-route=pomodoro] .focus-dial-column .focus-controls{width:100%}.main[data-route=pomodoro] .focus-dial-column .focus-controls .btn.primary{min-width:0;flex:1 1 100%}.main[data-route=pomodoro] .free-pomodoro-presets .chip{flex:1 1 calc(50% - 6px)}.main[data-route=pomodoro] .pomodoro-history-bars{gap:5px}}@media(prefers-reduced-motion:reduce){.main[data-route=pomodoro] .focus-dial-progress{transition:none}}.welcome-card{align-items:center;flex-wrap:wrap;border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:var(--surface)}.welcome-mark{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--surface);color:var(--accent)}.welcome-copy{min-width:0;flex:1 1 300px}.welcome-copy h2{margin:0;font-size:var(--text-lg)}.welcome-copy p{margin-top:4px;color:var(--muted);line-height:1.5}.welcome-actions{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:8px}.focus-entry{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.focus-entry>div{min-width:0;flex:1 1 240px}.focus-entry p{margin-top:6px}.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats3>div{display:flex;min-width:0;flex-direction:column;gap:2px}.stats3 b{font:var(--weight-bold) var(--text-lg) var(--font-h);letter-spacing:-.02em;overflow-wrap:anywhere}.stats3 span{color:var(--muted);font-size:var(--text-xs)}.main[data-route=config] .card>.form+.row,.main[data-route=config] .card>.row{flex-wrap:wrap}.main[data-route=config] .card{border-color:var(--line);background:var(--surface-strong)}.settings-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);align-items:start;gap:var(--space-4)}.settings-menu{position:sticky;top:96px;display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface)}.settings-link{display:grid;min-width:0;min-height:64px;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-group);background:transparent;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.settings-link:hover{border-color:var(--line);background:var(--surface-soft)}.settings-link[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:var(--soft2)}.settings-link:active{background:var(--soft)}.settings-link-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:var(--r-control);background:var(--surface-strong);color:var(--accent);transition:background-color .16s ease,color .16s ease,transform .16s ease}.settings-link[aria-current=page] .settings-link-icon{border-color:transparent;background:var(--btn);color:var(--on-btn)}.settings-link-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.settings-link-copy b{font-size:var(--text-sm)}.settings-link-copy small{color:var(--muted);font-size:var(--text-2xs);line-height:1.3}.settings-link-arrow{color:var(--muted)}.settings-link[aria-current=page] .settings-link-arrow{color:var(--accent)}.settings-content{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.settings-content>.card{width:100%;margin:0}.settings-content h2{scroll-margin-top:96px}.settings-content .card .f,.settings-content .card .form{max-width:760px}.profile-settings-container{display:grid;min-width:0;gap:var(--space-4)}.profile-settings-heading{display:grid;gap:var(--space-2)}.profile-settings-heading>p{max-width:62ch;color:var(--muted);line-height:1.5}.profile-settings-group{display:grid;max-width:760px;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.profile-settings-group>div:first-child{display:grid;gap:4px}.profile-settings-group h3{font-size:var(--text-base)}.profile-settings-group>div:first-child p{max-width:62ch;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.profile-settings-group>.f{max-width:520px}.profile-settings-fields{width:100%}.profile-settings-actions,.settings-save-actions{justify-content:flex-end;flex-wrap:wrap}.profile-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-4)}.profile-intro{grid-column:1 / -1}.profile-intro{display:flex;min-width:0;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--r-large);background:var(--hero)}.profile-avatar{display:grid;width:58px;height:58px;flex:none;place-items:center;border:1px solid color-mix(in srgb,var(--on-btn) 24%,transparent);border-radius:var(--r-large);background:var(--btn);color:var(--on-btn);font-size:var(--text-2xl);font-weight:750}.profile-intro-copy{min-width:0;flex:1}.profile-eyebrow{display:block;margin-bottom:3px;color:var(--accent);font-size:var(--text-2xs);font-weight:750;letter-spacing:.09em}.profile-intro-copy h2{font-size:var(--text-xl);overflow-wrap:anywhere}.profile-intro-copy p{margin-top:4px;color:var(--muted);font-size:var(--text-sm)}.profile-intro-badge{display:inline-flex;min-height:var(--control-sm);flex:none;align-items:center;gap:7px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font-size:var(--text-xs);font-weight:650}.profile-page>.card{width:100%}.profile-identity{grid-column:1 / -1;gap:var(--space-4)}.profile-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.profile-identity-fields>div{display:flex;min-width:0;flex-direction:column;gap:var(--space-2)}.profile-identity-fields h3{font-size:var(--text-base)}.profile-legal .form{grid-template-columns:minmax(0,1fr)}.profile-about>.form{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.profile-section-head{align-items:flex-start}.profile-section-head>div{min-width:0}.profile-cycle-toggle{align-items:flex-start;gap:12px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.profile-cycle-toggle:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));transform:translateY(-1px)}.profile-cycle-toggle input{margin-top:3px}.profile-cycle-toggle>span{min-width:0}.profile-cycle-toggle .small{display:inline-block;margin-top:3px;line-height:1.45}.main[data-route=config] .card .head{padding-bottom:2px;border-bottom:1px solid var(--line)}@media(max-width:760px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.settings-menu{position:static;display:flex;overflow-x:auto;gap:6px;margin-inline:calc(-1 * var(--gut-l)) calc(-1 * var(--gut-r));padding:6px var(--gut-r) 8px var(--gut-l);border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--bg);box-shadow:none;scrollbar-width:thin;overscroll-behavior-inline:contain}.settings-link{min-width:132px;min-height:var(--control-lg);grid-template-columns:34px minmax(0,1fr);flex:none;gap:8px;padding:6px 9px}.settings-link-icon{width:34px;height:34px;border-radius:var(--r-sm)}.settings-link-copy small{white-space:nowrap}.settings-link-arrow{display:none}.profile-page{grid-template-columns:minmax(0,1fr)}.profile-identity-fields{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.profile-intro{align-items:flex-start;flex-wrap:wrap}.profile-intro-badge{margin-left:74px}}@media(max-width:480px){.welcome-actions .btn{flex:1 1 auto}.stats3{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-section-head{align-items:flex-start}.profile-intro{gap:var(--space-3);padding:var(--space-4)}.profile-avatar{width:50px;height:50px;border-radius:var(--r-group)}.profile-intro-badge{margin-left:62px}}@media(max-width:360px){.profile-intro-badge{margin-left:0}}.main[data-route=planejar]>.focus-entry{padding:var(--space-4) var(--space-5);border-color:var(--line);background:var(--surface-soft);box-shadow:none}.main[data-route=planejar]>.focus-entry h2{font-size:var(--text-lg)}.main[data-route=planejar]>.qa-card{border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.main[data-route=planejar]>.card.plain{gap:var(--space-4);padding:0;border-color:transparent;background:transparent;box-shadow:none}.main[data-route=planejar]>.card.plain>.seg{align-self:flex-start}@media(max-width:480px){.main[data-route=planejar]>.focus-entry{padding:var(--space-3)}}.main[data-route=planejar]>.focus-entry{position:relative;overflow:hidden;padding:22px 24px;border:0;border-radius:var(--r);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--p) 17%,transparent),transparent 48%),var(--surface);box-shadow:var(--card-shadow)}.main[data-route=planejar]>.focus-entry h2{font-size:var(--text-title)}.main[data-route=planejar]>.qa-card{gap:18px;padding:clamp(20px,3vw,32px);border:0;border-radius:var(--r-large);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--p) 11%,transparent),transparent 36%),var(--surface)}.main[data-route=planejar]>.qa-card .head h2.sr{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:var(--text-title);font-weight:750}.main[data-route=planejar]>.qa-card .qa-main input{min-height:60px;padding-left:17px;border-color:var(--line);border-radius:var(--r-group);background:var(--surface-strong);box-shadow:inset 0 1px 3px #23141e0d}.main[data-route=planejar]>.qa-card .qa-add{top:9px;right:9px;width:42px;height:42px}.main[data-route=planejar]>.card.plain{gap:20px;padding:24px;border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface);box-shadow:var(--card-shadow)}.main[data-route=planejar]>.card.plain>.seg{align-self:flex-start;min-width:214px;padding:4px;border-color:transparent;border-radius:var(--r-pill);background:var(--surface-soft)}.main[data-route=planejar]>.card.plain>.seg button{border-radius:var(--r-pill)}.main[data-route=planejar]>.card.plain>.seg button[aria-pressed=true]{background:var(--surface);box-shadow:0 3px 10px -7px var(--ink)}.main[data-route=planejar] .scroll-x{padding-block:2px}.main[data-route=planejar] .card.plain>.row{gap:12px}.main[data-route=planejar] .tcal-wrap{width:min(100%,560px);align-self:center}@media(max-width:700px){.main[data-route=planejar]>.qa-card{padding:20px}.main[data-route=planejar]>.card.plain{padding:18px}}@media(max-width:480px){.main[data-route=planejar]>.qa-card{padding:16px}.main[data-route=planejar]>.qa-card .head{align-items:flex-start}.main[data-route=planejar]>.qa-card .head h2.sr{font-size:var(--text-xl)}.main[data-route=planejar]>.card.plain{padding:14px}.main[data-route=planejar]>.card.plain>.seg{width:100%}.main[data-route=planejar] .seg,.main[data-route=planejar] .tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main[data-route=planejar] .seg::-webkit-scrollbar,.main[data-route=planejar] .tabs::-webkit-scrollbar{display:none}.main[data-route=planejar] .seg>*,.main[data-route=planejar] .tabs>*{flex:0 0 auto}}@media(max-width:700px){.main[data-route=planejar] .tcal .tc{min-height:var(--control-field)}}.main[data-route=planejar]{--area-tone: var(--area-planning, var(--accent))}.main[data-route=planejar]>.lead{max-width:68ch;margin-top:-18px;padding:0 8px;color:var(--muted);font-size:var(--text-base)}.main[data-route=planejar] .card>.head:first-child{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.main[data-route=planejar] .card>.head:first-child h2{font-size:var(--text-xl)}.main[data-route=planejar] .grp{display:grid;gap:8px}.main[data-route=planejar] .grp .gh{display:flex;align-items:center;gap:8px;margin:0;padding:2px 2px 0;color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.07em}.main[data-route=planejar] .grp .gh .n{display:inline-grid;min-width:21px;height:21px;place-items:center;padding-inline:5px;border-radius:var(--r-pill);background:var(--soft2);color:var(--accent);font-size:var(--text-2xs);letter-spacing:0}.main[data-route=planejar] .grp .gh.bad{color:var(--bad)}.main[data-route=planejar] .grp .gh.bad .n{background:var(--bad-soft);color:var(--bad)}.main[data-route=planejar] .tabs{padding:5px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface-soft) 78%,var(--surface))}@media(max-width:700px){.main[data-route=planejar]>.lead{margin-top:-12px;padding-inline:4px;font-size:var(--text-md)}}.main[data-route=planejar]>.planning-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(20px,4vw,36px);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--p) 12%,transparent),transparent 42%),var(--surface)}.planning-overview-copy{display:grid;justify-items:start;gap:8px}.planning-overview-copy .section-kicker{color:var(--accent);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.planning-overview-copy h2{margin:0;font-size:var(--text-heading);letter-spacing:-.035em}.planning-overview-copy h2 i{color:var(--accent)}.planning-overview-copy p{max-width:48ch;margin:0;color:var(--muted);line-height:1.5}.planning-overview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.planning-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.planning-overview-stats>div{display:grid;min-width:0;min-height:94px;align-content:center;gap:5px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--surface-strong) 82%,var(--soft))}.planning-overview-stats dt{color:var(--muted);font-size:var(--text-xs);font-weight:650;line-height:1.35}.planning-overview-stats dd{margin:0;color:var(--ink);font-size:var(--text-3xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}@media(max-width:700px){.main[data-route=planejar]>.planning-overview{grid-template-columns:minmax(0,1fr);gap:20px}}@media(max-width:480px){.main[data-route=planejar]>.planning-overview{gap:16px}.planning-overview-stats{gap:6px}.planning-overview-stats>div{min-height:78px;padding:10px 8px;border-radius:var(--r-control)}.planning-overview-stats dt{font-size:var(--text-2xs)}.planning-overview-stats dd{font-size:var(--text-2xl)}}.btn{display:inline-flex;min-height:var(--control-md);align-items:center;justify-content:center;gap:var(--button-gap);padding-inline:var(--button-padding-inline);border:1px solid var(--line-strong);border-radius:var(--button-radius);background:var(--surface);color:var(--ink);font-weight:var(--weight-bold);text-decoration:none;cursor:pointer;box-shadow:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--surface-raised);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--ink) 68%,transparent);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.sm{min-height:var(--control-sm);padding-inline:var(--button-padding-inline-sm);font-size:var(--text-sm)}.btn.large{min-height:var(--control-lg);padding-inline:var(--button-padding-inline-lg);font-size:var(--text-base)}.btn.block{width:100%}.btn.primary{border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--btn) 98%,white),var(--btn));color:var(--on-btn);box-shadow:0 12px 22px -14px color-mix(in srgb,var(--btn) 90%,transparent)}.btn.primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 26px -15px color-mix(in srgb,var(--btn) 96%,transparent)}.btn:not(.primary):not(.danger):not(.ghost){border-color:color-mix(in srgb,var(--line-strong) 72%,transparent);background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.btn:not(.primary):not(.danger):not(.ghost):hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--surface-strong);transform:translateY(-1px)}.btn.back{border-color:color-mix(in srgb,var(--line-strong) 62%,transparent);background:var(--surface-strong);color:var(--ink)}.btn.ghost{min-height:var(--control-sm);padding-inline:10px;border-color:transparent;background:transparent;color:var(--accent);font-weight:750}.btn.ghost:hover{background:var(--soft)}.btn.danger{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:color-mix(in srgb,var(--bad-soft) 58%,var(--surface));color:var(--bad)}.btn.danger:hover{border-color:var(--bad);background:var(--bad-soft);transform:translateY(-1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none!important}.ibtn,.iconbtn{display:inline-grid;width:var(--control-md);height:var(--control-md);flex:none;place-items:center;border:0;border-radius:var(--r-control);background:transparent;color:var(--muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ibtn:hover,.iconbtn:hover{background:var(--soft2);color:var(--accent);transform:translateY(-1px)}.iconbtn{border-radius:var(--r-pill);background:var(--soft);color:var(--accent)}.ibtn.dlg-close,.dlg .head .ibtn.dlg-close,.dlg-body .ibtn.dlg-close{position:relative;width:var(--control-sm);height:var(--control-sm);min-width:var(--control-sm);min-height:var(--control-sm);margin:0;align-self:flex-start;border:1px solid transparent;border-radius:var(--r-sm);background:var(--soft);color:var(--ink)}.ibtn.dlg-close:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.ibtn.dlg-close:hover,.dlg .head .ibtn.dlg-close:hover{border-color:var(--line);background:var(--soft2);color:var(--ink);transform:none}.ibtn.dlg-close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){button:not(:disabled):not([aria-disabled=true]){transition:filter var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}button:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(.96);transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.tab,.areanav a,.seg button,.chip{min-height:var(--target-size);border-radius:var(--r-control);transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.tab:hover,.areanav a:hover,.seg button:hover,.chip:hover{background:var(--soft);color:var(--accent)}.tab:active,.areanav a:active,.seg button:active,.chip:active{transform:translateY(1px)}.tab[aria-selected=true],.areanav a[aria-current=page],.seg button[aria-pressed=true],.chip[aria-pressed=true],.chip.on{background:var(--soft2);color:var(--accent);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;min-height:var(--control-md);flex:none;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease}.chip[aria-pressed=true],.chip.on{border-color:var(--accent)}.seg{min-width:0}.appearance-settings-option .seg button{min-width:0;padding-inline:8px}.appearance-settings-option .appearance-segment-label{min-width:0;text-align:center}.appearance-font-sample{font-weight:750;line-height:1}.appearance-font-sample-s{font-size:var(--text-meta)}.appearance-font-sample-m{font-size:var(--text-base)}.appearance-font-sample-l{font-size:var(--text-xl)}.appearance-settings .swatch[aria-pressed=true],.appearance-settings .appearance-custom-color.is-selected{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent)}.appearance-settings .appearance-custom-color:focus-within{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:899px){.appearance-settings-controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.menu-order-item{align-items:flex-start;padding-left:10px}.menu-order-label{flex-wrap:wrap;gap:6px;padding-block:8px}.menu-order-controls{gap:0}.menu-visibility{gap:4px;padding-inline:2px}.menu-always-visible{padding-inline:4px}.areas-navigation-item{gap:var(--space-2);padding:var(--space-2)}.areas-navigation-controls{grid-column:1 / -1;justify-content:space-between;gap:var(--space-1)}.areas-navigation-controls .menu-visibility{white-space:normal}.settings-storage-notice{align-items:flex-start;flex-direction:column}.appearance-settings-controls,.appearance-settings-heading{grid-template-columns:minmax(0,1fr)}.appearance-settings-group>.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.appearance-settings-option .seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr))}.appearance-settings-option .seg button{min-width:0;padding-inline:4px;white-space:normal;overflow-wrap:anywhere}.appearance-settings-option .appearance-segment-label{overflow-wrap:anywhere}.appearance-settings .appearance-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-settings .appearance-swatches .swatch span{overflow:visible;overflow-wrap:anywhere;text-overflow:clip}}.f>.lbl{color:var(--muted);font-size:var(--text-meta);font-weight:600}.seg{display:flex;gap:3px;overflow:visible;padding:3px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.seg button{position:relative;display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:6px;flex:1;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:600;cursor:pointer}.seg button:focus-visible{z-index:1}.seg.sm button{padding-inline:12px;font-size:var(--text-meta)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=search],input[type=tel],input[type=url],select,textarea{border-color:color-mix(in srgb,var(--line-strong) 68%,transparent);background:color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:inset 0 1px 1px #1e191608;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent);outline:0}.ds-select{position:relative;display:block;width:100%;min-width:0}select.ds-select__native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden;border:0;opacity:0;pointer-events:none}.ds-select__trigger{position:relative;display:flex;box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-field);align-items:center;padding:10px 40px 10px 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 68%,transparent);border-radius:var(--r-control);background:color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:inset 0 1px 1px #1e191608;color:var(--ink);font-size:max(16px,var(--text-base));font-weight:var(--weight-regular);line-height:var(--leading-body);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.ds-select__trigger:after{position:absolute;top:50%;right:15px;width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);content:"";pointer-events:none;transform:translateY(-70%) rotate(45deg);transition:transform var(--duration-fast) var(--ease-standard)}.ds-select__trigger[aria-expanded=true]:after{transform:translateY(-20%) rotate(225deg)}.ds-select__trigger:hover:not([aria-disabled=true]){border-color:color-mix(in srgb,var(--line-strong) 65%,var(--accent))}.ds-select__trigger:focus-visible{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent);outline:0}.ds-select__trigger[aria-invalid=true]{border-color:var(--bad)}.ds-select__trigger[aria-invalid=true]:focus-visible{outline-color:var(--bad)}.ds-select__trigger[aria-disabled=true]{cursor:not-allowed;opacity:.58}.ds-select__menu{position:fixed;z-index:var(--z-popover);display:block;min-width:0;max-height:var(--select-menu-max-height);padding:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface-raised);box-shadow:var(--shadow);color:var(--ink);font:var(--text-base)/var(--leading-body) var(--font);scrollbar-color:var(--line-strong) transparent}.ds-select__group+.ds-select__group,.ds-select__group+.ds-select__option,.ds-select__option+.ds-select__group{margin-top:4px;border-top:1px solid var(--line);padding-top:4px}.ds-select__group-label{display:block;padding:8px 10px 4px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ds-select__option{position:relative;display:flex;min-height:var(--control-md);align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px 10px;border-radius:var(--r-sm);color:var(--ink);overflow-wrap:anywhere;cursor:pointer}.ds-select__option:hover,.ds-select__option[data-active=true]{background:var(--soft);color:var(--accent)}.ds-select__option[aria-selected=true]{background:var(--soft2);color:var(--accent);font-weight:var(--weight-semibold)}.ds-select__option[aria-selected=true]:after{width:6px;height:10px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:rotate(45deg) translate(-2px,-1px)}.ds-select__option[aria-disabled=true]{color:var(--muted);cursor:not-allowed;opacity:.62}.ds-select__option[aria-disabled=true]:hover,.ds-select__option[aria-disabled=true][data-active=true]{background:transparent;color:var(--muted)}.mini .ds-select{width:auto;min-width:0;flex:1}.mini .ds-select__trigger{min-height:var(--control-sm);padding:0 24px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:var(--text-sm)}.mini .ds-select__trigger:after{right:8px;width:7px;height:7px}.mini .ds-select__trigger[aria-invalid=true]:not([aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--bad)}.ds-select__trigger.impcat{min-height:var(--control-sm);padding:6px 32px 6px 10px;font-size:var(--text-sm)}.ds-select__trigger.impcat:after{right:11px}@media(forced-colors:active){.ds-select__trigger,.ds-select__menu,.ds-select__option{border-color:CanvasText}.ds-select__option[aria-selected=true]{outline:1px solid Highlight}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);background:var(--soft2);color:var(--accent);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.empty{display:flex;min-height:176px;align-items:center;justify-content:center;gap:9px;padding:var(--space-5);border:1px dashed var(--line);border-radius:var(--r-group);background:color-mix(in srgb,var(--surface-soft) 72%,transparent);color:var(--muted);text-align:center}.empty .eic{display:grid;flex:none;width:58px;height:58px;place-items:center;margin-bottom:5px;border-radius:var(--r-control);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);background:linear-gradient(145deg,var(--soft2),color-mix(in srgb,var(--surface) 82%,var(--soft)));box-shadow:0 10px 20px -18px color-mix(in srgb,var(--accent) 70%,transparent)}.empty-copy{display:grid;justify-items:center;gap:5px}.empty b{color:var(--ink);font-size:var(--text-lg);letter-spacing:-.02em}.empty-copy>span{max-width:42ch;font-size:var(--text-sm);line-height:1.5}.empty-action{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.empty-action>.btn{min-width:188px}.empty-action>.btn:not(.danger){border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--btn) 98%,white),var(--btn))!important;color:var(--on-btn);box-shadow:0 12px 22px -14px color-mix(in srgb,var(--btn) 88%,transparent)}.empty-action>.btn:not(.danger):hover{background:linear-gradient(135deg,color-mix(in srgb,var(--btn) 98%,white),var(--btn))}@media(max-width:480px){.empty{min-height:160px;flex-direction:column;padding:var(--space-4)}.empty-copy{width:100%;min-width:0}.empty-action{flex-direction:column}.empty-action,.empty-action>.btn{width:100%}}.main[data-route]{--progress-tone: var(--area-tone, var(--accent))}.bar{overflow:hidden;border:1px solid color-mix(in srgb,var(--progress-tone) 14%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--progress-tone) 10%,var(--surface))}.bar{height:8px}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--progress-tone);box-shadow:inset -1px 0 color-mix(in srgb,white 34%,transparent);transition:width var(--duration-base) var(--ease-standard)}.bar.near>span{background:var(--warn)}.bar.over>span{background:var(--bad)}.save-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.save-indicator:before{width:7px;height:7px;border-radius:50%;background:var(--ok);content:""}.save-indicator[data-status=warning]:before{background:var(--warn)}.app-status{justify-content:flex-end;max-width:var(--content-width);min-height:20px;margin-top:auto;padding-inline:var(--gut-r) var(--gut-l)}.pwa-update-notice{position:fixed;z-index:var(--z-toast);inset:auto max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;max-width:760px;align-items:center;justify-content:space-between;gap:var(--space-3);margin-inline:auto;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);pointer-events:none}.pwa-update-notice p{margin:0;font-size:var(--text-sm)}.pwa-update-actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--space-2)}.pwa-update-actions>button{pointer-events:auto}.offline-banner{position:sticky;z-index:9;top:68px;display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--warn) 42%,var(--line));box-shadow:var(--shadow-sm)}.offline-banner>.ic{flex:none;margin-top:2px}.save-problem-banner{display:flex;align-items:center;gap:var(--space-3)}.save-problem-banner>.ic{flex:none}.save-problem-copy{min-width:0;flex:1}.save-problem-banner>.btn{flex:none}@media(max-width:700px){.save-indicator{justify-content:center}.save-problem-banner{align-items:flex-start;flex-wrap:wrap}.save-problem-copy{flex-basis:calc(100% - 32px)}.save-problem-banner>.btn{margin-left:32px}.pwa-update-notice{align-items:stretch;flex-direction:column}.pwa-update-actions>.btn{flex:1}}@media(max-width:899px){.offline-banner{top:72px}:root[data-scrolled=true] .offline-banner{top:58px}}@keyframes completion-feedback{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 0%,transparent)}35%{transform:translateY(-2px);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 18%,transparent)}to{transform:translateY(0);box-shadow:0 0 color-mix(in srgb,var(--ok) 0%,transparent)}}.completion-feedback{animation:completion-feedback .72s var(--ease-standard)}@media(prefers-reduced-motion:reduce){.completion-feedback{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 24%,transparent)}}.strip-enable{min-height:72px;border:1px solid var(--line);font:inherit;text-align:left;cursor:pointer}.strip-enable:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--soft)}.strip-enable:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.week-planner{display:flex;flex-direction:column;gap:var(--space-3)}.week-planner>.mnav{flex-wrap:wrap}.week-planner>.mnav>b{min-width:0;flex:1;text-align:center}.week-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.week-day{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:10px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-strong)}.week-day.is-today{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.week-day>.head{align-items:center;margin:0}.week-day h3{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.week-day .list{min-width:0}.week-day>.btn{align-self:flex-start}.habit-schedule{min-width:0;margin:0;padding:0;border:0}.habit-schedule legend{margin-bottom:8px;font-size:var(--text-sm);font-weight:700}.habit-weekday-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.habit-weekday-picker label{position:relative;display:grid;min-width:0;min-height:var(--control-md);place-items:center}.habit-weekday-picker input{position:absolute;width:1px;height:1px;opacity:0}.habit-weekday-picker span{display:grid;width:100%;min-height:var(--control-md);place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-size:var(--text-meta);font-weight:650;cursor:pointer}.habit-weekday-picker label{min-height:var(--control-sm)}.habit-weekday-picker span{min-height:var(--control-sm);border-color:transparent;border-radius:var(--r-sm);background:var(--surface-soft);font-size:var(--text-xs)}.habit-weekday-picker label.is-today span{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent)}.habit-weekday-picker input:checked+span{border-color:var(--accent);background:var(--soft);color:var(--accent)}.habit-weekday-picker input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.habit-schedule .small{margin-top:8px}.habit-actions{flex-wrap:wrap;gap:6px}.habit-actions .btn,.habit-archived .habit-row>.btn{min-height:36px}.habit-edit-history{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.habit-edit-history .habit-month{border:0;padding:0}.habit-month{border-top:1px solid var(--line);padding-top:2px}.habit-month>summary,.habit-archived>summary{min-height:36px;display:flex;align-items:center;cursor:pointer;font-size:var(--text-meta);font-weight:650}.habit-month .mnav{margin-block:6px}.habit-month .mnav>b{flex:1;text-align:center}.habit-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.habit-month-weekday,.habit-month-day,.habit-month-empty{display:grid;min-width:0;min-height:36px;place-items:center}.habit-month-weekday{color:var(--muted);font-size:var(--text-2xs);font-weight:700}.habit-month-day{position:relative;align-content:center;gap:0;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--surface);color:var(--ink);font-size:var(--text-xs)}.habit-month-day.is-off{opacity:.55}.habit-month-day.is-done{border-color:color-mix(in srgb,var(--ok) 42%,var(--line));background:var(--ok-soft);color:var(--ok)}.habit-month-day.is-skipped{border-style:dashed;background:var(--surface-soft);color:var(--muted)}.habit-month-day.is-future{border-style:dashed}.habit-month-day .ic{position:absolute;right:1px;bottom:0}.weekly-review{display:grid;gap:var(--space-3)}.weekly-review-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:clamp(20px,3vw,30px);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:var(--r-large);background:radial-gradient(circle at 90% 14%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 16rem),linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface-strong)),var(--surface-strong) 62%);box-shadow:var(--card-shadow)}.weekly-review-hero>div:first-child{min-width:0}.weekly-review-hero>div:first-child>span,.review-discovery>span{color:var(--accent);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em}.weekly-review-hero h2{margin:6px 0 0;font-size:var(--text-section)}.weekly-review-hero p{max-width:60ch;margin:6px 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.weekly-review-actions{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:8px}.review-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.review-stats .stat{min-width:0}.review-stats .stat small{display:block;margin-top:4px;color:var(--muted);font-size:var(--text-2xs);line-height:1.4}.weekly-reflection .f{margin-top:var(--space-2)}.weekly-reflection textarea{width:100%;resize:vertical}.weekly-plan-guidance{margin:0 0 var(--space-2)}.weekly-plan-task{flex-wrap:wrap}.weekly-plan-actions{display:flex;min-width:0;flex:1 0 100%;grid-column:1 / -1;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding-top:4px}.weekly-plan-actions .btn{min-height:var(--target-size)}.review-habits{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.review-habits h3{margin-bottom:4px}.review-habits p{margin:0;color:var(--muted);font-size:var(--text-sm)}.weekly-review-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3)}.weekly-review-alert{border-color:color-mix(in srgb,var(--bad) 26%,var(--line))}.weekly-review-clear{display:flex;align-items:center;gap:12px;border-color:color-mix(in srgb,var(--ok) 24%,var(--line));background:color-mix(in srgb,var(--ok) 5%,var(--surface))}.weekly-review-clear>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:var(--r-sm);background:color-mix(in srgb,var(--ok) 15%,var(--surface));color:var(--ok)}.weekly-review-clear h2{margin:0;font-size:var(--text-base)}.weekly-review-clear p{margin:4px 0 0;color:var(--muted);font-size:var(--text-meta)}.review-discovery,.planning-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.review-discovery>span,.planning-shortcuts>span{margin-right:4px;color:var(--muted)}.review-discovery button,.review-discovery a,.planning-shortcuts button,.planning-shortcuts a{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:var(--weight-bold) var(--text-xs) var(--font-h);text-decoration:none;cursor:pointer}.review-discovery button:hover,.review-discovery a:hover,.planning-shortcuts button:hover,.planning-shortcuts a:hover{background:var(--soft2);color:var(--accent)}.planning-shortcuts{margin-bottom:2px}.global-search-head{align-items:flex-start}.global-search-head p{margin-top:3px}.global-search-input{flex:none}.global-search-results{display:grid;max-height:min(48vh,420px);gap:12px;overflow:auto;overscroll-behavior:contain}.global-search-group{display:grid;gap:5px}.global-search-group>h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:var(--text-xs);font-weight:750}.global-search-group>h3>span{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:var(--r-pill);background:var(--soft2);color:var(--ink);font-size:var(--text-2xs)}.global-search-result{display:flex;width:100%;min-width:0;min-height:56px;align-items:center;gap:10px;padding:8px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.global-search-result:hover{background:var(--surface-soft)}.global-search-result .grow{display:flex;min-width:0;flex-direction:column;gap:2px}.global-search-result .ttl,.global-search-result small{overflow-wrap:anywhere}.global-search-kind{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft2);color:var(--accent)}@media(max-width:700px){.weekly-review-hero{align-items:stretch;flex-direction:column}.weekly-review-actions{justify-content:stretch}.weekly-review-actions .btn{flex:1}.weekly-plan-actions{justify-content:stretch}.weekly-plan-actions .btn{flex:1 1 120px}.review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-review-grid,.week-days{grid-template-columns:minmax(0,1fr)}.week-planner>.mnav{gap:6px}.week-planner>.mnav>b{font-size:var(--text-sm)}}@media(max-width:380px){.habit-weekday-picker{gap:3px}.habit-weekday-picker span{font-size:var(--text-xs)}.review-stats{gap:6px}.review-stats .stat{padding:10px 8px}.review-stats .stat span{font-size:var(--text-2xs)}}.habit-today{gap:var(--space-3)}.habit-today-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.habit-today-head h2{margin:0}.habit-today-head p{margin:2px 0 0}.habit-today-bar{height:8px;overflow:hidden;border-radius:var(--r-pill);background:var(--soft2)}.habit-today-bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.habit-list{display:grid;gap:var(--list-gap);margin:0;padding:0;list-style:none}.habit-row{--hc: var(--accent);display:grid;min-width:0;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:var(--list-row-gap);padding:var(--list-row-padding-block) var(--list-row-padding-inline);border:1px solid var(--list-row-border);border-radius:var(--list-row-radius);background:var(--list-row-surface);transition:border-color .2s ease,background-color .2s ease}.habit-row.is-done{border-color:color-mix(in srgb,var(--hc) 40%,var(--line));background:color-mix(in srgb,var(--hc) 7%,var(--surface))}.habit-row.is-off{opacity:.82}.habit-row:has(>.btn){grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center}.habit-circle{position:relative;display:grid;width:52px;height:52px;place-items:center;border:2px solid color-mix(in srgb,var(--hc) 55%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--hc) 12%,var(--surface));color:var(--hc);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .15s ease,border-color .2s ease}.habit-circle:hover:not(:disabled){transform:scale(1.05);border-color:var(--hc)}.habit-circle:active:not(:disabled){transform:scale(.94)}.habit-circle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.habit-circle:disabled,.habit-circle.is-static{cursor:default;opacity:.6}.habit-circle>span{display:grid;place-items:center;grid-area:1 / 1;transition:opacity .18s ease,transform .18s ease}.habit-circle-check{opacity:0;transform:scale(.4)}.habit-row.is-done .habit-circle{border-color:var(--hc);background:var(--hc);color:var(--on-solid)}.habit-row.is-done .habit-circle-icon{opacity:0;transform:scale(.4)}.habit-row.is-done .habit-circle-check{opacity:1;transform:none}.habit-more{min-width:0;grid-column:1 / -1;grid-row:1}.habit-row>.habit-circle{grid-column:1;grid-row:1;z-index:1}.habit-more>summary{padding-left:64px}.habit-more-body{min-width:0}.habit-more[open]>summary{padding-bottom:6px}.habit-more>summary,.habit-others>summary,.habit-ideas>summary,.habit-archived>summary{display:flex;min-height:var(--control-lg);align-items:center;gap:10px;cursor:pointer;list-style:none}.habit-more>summary::-webkit-details-marker,.habit-others>summary::-webkit-details-marker,.habit-ideas>summary::-webkit-details-marker,.habit-archived>summary::-webkit-details-marker{display:none}.habit-more>summary:focus-visible,.habit-others>summary:focus-visible,.habit-ideas>summary:focus-visible,.habit-archived>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r-control)}.habit-more>summary .chev,.habit-others>summary .chev,.habit-ideas>summary .chev,.habit-archived>summary .chev{flex:none;margin-left:auto;color:var(--muted);transition:transform .2s ease}.habit-more[open]>summary .chev,.habit-others[open]>summary .chev,.habit-ideas[open]>summary .chev,.habit-archived[open]>summary .chev{transform:rotate(180deg)}.habit-main{display:grid;min-width:0;flex:1;gap:2px}.habit-title{overflow-wrap:anywhere;font-weight:750;font-size:var(--text-base);line-height:1.25}.habit-sub{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:var(--text-meta)}.habit-sub .ic{color:var(--hc)}.habit-more-body{display:grid;gap:12px;padding:4px 0 6px}.habit-more-body>p{margin:0}.water-tracker{display:grid;min-width:0;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--hc) 28%,var(--line));border-radius:var(--r-group);background:color-mix(in srgb,var(--hc) 5%,var(--surface))}.water-tracker-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;font-size:var(--text-sm)}.water-tracker-summary>span,.water-tracker>p{color:var(--muted)}.water-tracker progress{width:100%;height:10px;accent-color:var(--hc)}.water-add-form{display:grid;gap:6px}.water-add-form>label{font-size:var(--text-meta);font-weight:700}.water-add-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.water-add-controls input{width:100%;min-width:0}.habit-week{display:flex;width:100%;max-width:320px;min-width:0;grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:2px;padding-top:2px}.habit-dot{display:grid;width:auto;min-width:32px;min-height:var(--control-sm);flex:1 1 0;place-items:center;border:1.5px solid var(--line-strong);border-radius:var(--r-control);color:var(--muted);font-size:var(--text-2xs);font-weight:700}.habit-dot i{font-style:normal;text-transform:uppercase}.habit-dot.is-off{border-style:dashed;opacity:.5}.habit-dot.is-done{border-color:var(--hc);background:var(--hc);color:var(--on-solid)}.habit-dot.is-skipped{border-style:dashed;background:var(--surface-soft);color:var(--muted)}.habit-dot.is-today{box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--hc) 55%,transparent)}.habit-management{border-top:1px solid var(--line);padding-top:4px}.habit-management>summary{display:flex;min-height:var(--control-md);align-items:center;gap:8px;color:var(--muted);font-size:var(--text-sm);font-weight:700;cursor:pointer;list-style:none}.habit-management>summary::-webkit-details-marker{display:none}.habit-management-indicator{flex:none;margin-left:auto;transition:transform var(--duration-fast) var(--ease-standard)}.habit-management[open] .habit-management-indicator{transform:rotate(180deg)}.habit-management>summary:focus-visible,.habit-reminder-note>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r-control)}.habit-empty{display:flex;min-height:64px;align-items:center;gap:12px;padding:8px 0;color:var(--muted)}.habit-empty>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:50%;background:var(--soft2);color:var(--area-tone, var(--accent))}.habit-empty b{color:var(--ink);font-size:var(--text-sm)}.habit-empty p{margin:3px 0 0;font-size:var(--text-xs)}.habit-others,.habit-ideas,.habit-archived{padding-block:6px}.habit-others>summary b,.habit-archived>summary b,.habit-ideas>summary b{font:var(--weight-strong) var(--text-lg)/1.2 var(--font-h)}.habit-others>.habit-list,.habit-archived>.habit-list{margin-top:var(--list-gap)}.habit-ideas>summary>span:first-child{display:grid;min-width:0;gap:2px}.habit-ideas>summary small{color:var(--muted)}.habit-count{flex:none;padding:3px 9px;border-radius:var(--r-pill);background:var(--soft2);color:var(--muted);font-size:var(--text-xs);font-weight:700}.habit-idea-tools{display:grid;gap:10px;padding-top:12px}.habit-idea-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.habit-idea-filter-grid .f{gap:5px;font-size:var(--text-xs)}.habit-idea-filter-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.habit-idea-filter-status p{margin:0}.habit-idea-filter-status [hidden]{display:none}.habit-idea-tools>p,.habit-idea-empty{margin:0}.habit-idea-categories{display:grid;gap:18px;padding-top:4px}.habit-idea-categories.is-preview{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.habit-idea-section{display:grid;gap:8px}.habit-idea-categories.is-preview .habit-idea-section,.habit-idea-categories.is-preview .habit-idea-grid{display:contents}.habit-idea-categories.is-preview .habit-idea-section[hidden],.habit-idea-categories.is-preview .habit-idea-section h3,.habit-idea-categories.is-preview .habit-idea-tags{display:none}.habit-idea-section h3{margin:0;color:var(--muted);font-size:var(--text-sm)}.habit-idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}.habit-idea{--hc: var(--accent);display:grid;min-width:0;min-height:112px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.habit-idea:hover{border-color:var(--hc);transform:translateY(-2px)}.habit-idea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.habit-idea[hidden],.habit-idea-section[hidden],.habit-idea-empty[hidden],.habit-ideas-expand[hidden]{display:none}.habit-idea-copy{display:grid;min-width:0;justify-items:start;gap:6px}.habit-idea-copy>b{overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.25}.habit-idea-copy>small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:var(--text-xs);line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.habit-idea-tags{display:flex;flex-wrap:wrap;gap:4px}.habit-idea-tag{padding:3px 7px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-soft);color:var(--muted);font-size:var(--text-2xs);line-height:1.2}.habit-idea-cta{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--hc);font-size:var(--text-2xs);font-weight:750}.habit-idea-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--hc) 16%,var(--surface));color:var(--hc)}.habit-idea-detail{margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--area-tone, var(--accent));border-radius:0 var(--r-control) var(--r-control) 0;background:var(--surface-soft);color:var(--muted);line-height:1.5}.habit-reminder-note{margin:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--area-tone) 24%,var(--line));border-radius:var(--r-control);background:color-mix(in srgb,var(--area-tone) 5%,var(--surface))}.habit-reminder-note>summary{display:flex;min-height:var(--control-sm);align-items:center;gap:8px;color:var(--ink);font-size:var(--text-xs);font-weight:700;cursor:pointer;list-style:none}.habit-reminder-note>summary::-webkit-details-marker{display:none}.habit-reminder-note>summary>span{color:var(--muted);font-weight:500}.habit-reminder-note>summary .habit-disclosure-indicator{margin-left:auto}.habit-reminder-note[open]>summary .habit-disclosure-indicator{transform:rotate(180deg)}.habit-reminder-content{display:grid;gap:8px;padding-top:8px;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.habit-reminder-content p{margin:0}.habit-reminder-content .btn,.habit-ideas-expand{justify-self:start}.home-habit-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--hc, var(--accent)) 16%,var(--surface));color:var(--hc, var(--accent))}.habit-look{min-width:0;margin:0;padding:0;border:0}.habit-look legend{margin-bottom:8px;font-size:var(--text-sm);font-weight:700}.habit-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.water-weight-input{position:relative;display:flex;min-width:0;align-items:center}.water-weight-input input{padding-right:48px}.water-weight-input>span{position:absolute;right:12px;color:var(--muted);font-size:var(--text-sm);font-weight:700;pointer-events:none}.habit-color-picker{display:flex;flex-wrap:wrap;gap:10px}.habit-icon-picker label,.habit-color-picker label{position:relative;display:block}.habit-icon-picker input,.habit-color-picker input{position:absolute;width:1px;height:1px;opacity:0}.habit-icon-picker span{display:grid;min-height:var(--control-md);place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer}.habit-icon-picker input:checked+span{border-color:var(--accent);background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.habit-icon-picker input:focus-visible+span,.habit-color-picker input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.habit-color-picker span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--c);color:var(--on-solid);cursor:pointer}.habit-color-picker span .ic{opacity:0}.habit-color-picker input:checked+span{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--c)}.habit-color-picker input:checked+span .ic{opacity:1}@media(max-width:700px){.habit-today-head .btn{padding-inline:12px}.habit-row{grid-template-columns:44px minmax(0,1fr)}.habit-circle{width:44px;height:44px}.habit-more>summary{padding-left:54px}.habit-row>.habit-circle{grid-column:1}.habit-week{max-width:none}.habit-dot{min-width:32px;min-height:var(--control-md)}.habit-reminder-note{padding-inline:10px}}@media(max-width:520px){.habit-idea-filter-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.habit-circle,.habit-circle>span,.habit-today-bar>span{transition:none}}button.habit-dot{padding:0;background:transparent;font:inherit;cursor:pointer}button.habit-dot:disabled{cursor:default}button.habit-dot:not(:disabled):hover{border-color:var(--hc)}button.habit-dot.is-done{background:var(--hc);color:var(--on-solid)}button.habit-dot:focus-visible,button.habit-month-day:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button.habit-month-day{font:inherit;color:inherit;cursor:pointer}.habit-year{padding-top:2px;border-top:1px solid var(--line)}.habit-year>summary{display:flex;min-height:var(--control-sm);align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;font-size:var(--text-sm);list-style:none}.habit-year>summary::-webkit-details-marker{display:none}.habit-month>summary{justify-content:space-between;list-style:none}.habit-month>summary::-webkit-details-marker{display:none}.habit-disclosure-indicator{flex:none;margin-left:auto;color:var(--muted);transition:transform var(--duration-fast) var(--ease-standard)}.habit-month[open] .habit-disclosure-indicator,.habit-year[open] .habit-disclosure-indicator,.habit-resume-list[open] .habit-disclosure-indicator{transform:rotate(180deg)}.habit-year-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,11px);grid-auto-columns:11px;gap:3px;max-width:100%;margin-top:8px;padding-bottom:6px;overflow-x:auto}.habit-year-cell{display:inline-block;width:11px;height:11px;border-radius:calc(var(--r-xs) / 3);background:var(--soft2)}.habit-year-cell.is-missed{background:color-mix(in srgb,var(--hc, var(--accent)) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hc, var(--accent)) 30%,transparent)}.habit-year-cell.is-skipped{background:repeating-linear-gradient(135deg,var(--surface-soft),var(--surface-soft) 2px,var(--line) 2px,var(--line) 3px)}.habit-year-cell.is-done{background:var(--hc, var(--accent))}.habit-year-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0}.habit-year-legend .habit-year-cell{margin-left:8px}.habit-year-legend .habit-year-cell:first-child{margin-left:0}.habit-more-body{grid-template-columns:minmax(0,1fr)}.habit-more-body>*{min-width:0}.habit-year{max-width:100%}.habit-record{border-color:var(--line);box-shadow:0 6px 16px -18px color-mix(in srgb,var(--ink) 55%,transparent);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.habit-record:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--surface) 84%,var(--soft));box-shadow:0 12px 24px -22px color-mix(in srgb,var(--ink) 65%,transparent)}.habit-record-meta,.habit-record-summary{font-size:var(--text-xs)}.habit-record-streak{display:inline-flex;align-items:center;min-height:22px;padding-inline:7px;border-radius:var(--r-pill);background:var(--surface-soft)}.habit-record-icon{border-radius:var(--r-sm)}.main[data-route=habitos]{--progress-tone: var(--area-habits, var(--ok))}.habit-water-inline-progress{overflow:hidden;border:1px solid color-mix(in srgb,var(--progress-tone) 14%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--progress-tone) 10%,var(--surface))}.habit-water-inline-progress>span{display:block;height:100%;border-radius:inherit;background:var(--progress-tone);box-shadow:inset -1px 0 color-mix(in srgb,white 34%,transparent);transition:width var(--duration-base) var(--ease-standard)}.main[data-route=habitos] .habit-water-inline-progress{--progress-tone: var(--area-water)}@media(max-width:700px){.habit-record-actions .btn,.habit-record-actions .ibtn{min-height:var(--control-sm)}}.main[data-route=habitos]{--area-tone: var(--area-habits, var(--ok))}.main[data-route=habitos]>.lead{max-width:68ch;margin-top:-18px;padding:0 8px;color:var(--muted);font-size:var(--text-base)}.main[data-route=habitos] .card>.head:first-child{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.main[data-route=habitos] .card>.head:first-child h2{font-size:var(--text-xl)}.main[data-route=habitos] .habit-reminder-note{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:-4px 0 2px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--area-tone) 24%,var(--line));border-radius:var(--r-control);background:color-mix(in srgb,var(--area-tone) 8%,var(--surface));color:var(--muted);font-size:var(--text-xs);line-height:1.45}.main[data-route=habitos] .habit-reminder-note p{margin:0}.main[data-route=habitos] .habit-week-overview{display:grid;gap:10px}.main[data-route=habitos] .habit-week-overview h2{margin:0;font-size:var(--text-lg)}.main[data-route=habitos] .habit-week-overview>div>p{margin:4px 0 0}.main[data-route=habitos] .habit-week-overview>progress{width:100%;height:8px;accent-color:var(--area-tone)}.main[data-route=habitos] .habit-review{border-top:1px solid var(--line);padding-top:8px}.main[data-route=habitos] .habit-review>summary{display:flex;min-height:var(--control-md);align-items:center;gap:8px;cursor:pointer;list-style:none}.main[data-route=habitos] .habit-review>summary::-webkit-details-marker{display:none}.main[data-route=habitos] .habit-review>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r-control)}.main[data-route=habitos] .habit-review>summary>span:first-child{display:grid;min-width:0;gap:2px}.main[data-route=habitos] .habit-review>summary small{color:var(--muted);font-size:var(--text-xs);font-weight:500}.main[data-route=habitos] .habit-review .habit-disclosure-indicator{flex:none;margin-left:auto;color:var(--muted);transition:transform .2s ease}.main[data-route=habitos] .habit-review[open] .habit-disclosure-indicator{transform:rotate(180deg)}.main[data-route=habitos] .habit-review ul{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.main[data-route=habitos] .habit-review li{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface)}.main[data-route=habitos] .habit-review-copy{display:grid;min-width:0;gap:3px}.main[data-route=habitos] .habit-review-copy>b{overflow-wrap:anywhere;font-size:var(--text-sm)}.main[data-route=habitos] .habit-review-copy>p{margin:0;color:var(--muted);font-size:var(--text-xs);line-height:1.4}.main[data-route=habitos] .habit-review-copy>progress{width:100%;height:6px;accent-color:var(--hc, var(--area-tone))}.main[data-route=habitos] .habit-review-copy>small{color:var(--area-tone);font-size:var(--text-2xs);font-weight:700}.main[data-route=habitos] .habit-resume-list{border-top:1px solid var(--line);padding-top:8px}.main[data-route=habitos] .habit-resume-list>summary{display:flex;min-height:36px;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm);font-weight:700;list-style:none}.main[data-route=habitos] .habit-resume-list>summary::-webkit-details-marker{display:none}.main[data-route=habitos] .habit-resume-list .habit-disclosure-indicator{margin-left:auto}.main[data-route=habitos] .habit-resume-list ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.main[data-route=habitos] .habit-resume-list li{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.main[data-route=habitos] .habit-resume-list li>span{min-width:0;overflow-wrap:anywhere}.main[data-route=habitos] .habit-row.is-pending{border-color:color-mix(in srgb,var(--area-tone) 28%,var(--line))}.main[data-route=habitos] .habit-reminder-note .ic{flex:none;margin-top:1px;color:var(--area-tone)}.main[data-route=habitos] .habit-record-actions>.btn{min-height:var(--control-sm);padding-inline:14px}:root[data-theme=dark] .habit-record{background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.main[data-route=habitos] .tabs{padding:5px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface-soft) 78%,var(--surface))}@media(max-width:700px){.main[data-route=habitos]>.lead{margin-top:-12px;padding-inline:4px;font-size:var(--text-md)}}.pk,button.habit-dot,button.habit-month-day{position:relative}.pk:after,button.habit-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}a.inline-link{position:relative}a.inline-link:after{content:"";position:absolute;top:-14px;right:-6px;bottom:-14px;left:-6px}.planning-shortcuts button,.planning-shortcuts a{min-height:var(--control-md)}.ibtn,.iconbtn{min-width:var(--control-sm);min-height:var(--control-sm)}.fin-hero,.cycle-overview,.weekly-review-hero,.profile-intro{border-radius:var(--r-large);background:var(--hero);box-shadow:var(--card-shadow)}.fin-hero{border-inline-start-width:1px}.home-today-card{border-color:color-mix(in srgb,var(--accent) 26%,var(--line));box-shadow:var(--card-shadow),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}@media(max-width:640px){.home-quick-copy p{display:none}.home-quick-card{gap:12px;padding-block:16px}}@keyframes check-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.habit-circle.completion-feedback,button.habit-dot.completion-feedback,.task.completion-feedback .check{animation:check-pop .42s var(--ease-standard)}@media(prefers-reduced-motion:reduce){.habit-circle.completion-feedback,button.habit-dot.completion-feedback,.task.completion-feedback .check{animation:none}}:root[data-motion=reduce] .habit-circle.completion-feedback,:root[data-motion=reduce] button.habit-dot.completion-feedback{animation:none}.habit-year-grid{grid-template-rows:repeat(7,14px);grid-auto-columns:14px;gap:3px}.habit-year-cell{width:14px;height:14px}.fr .amt,.fr-main .amt{min-width:6.5ch;text-align:right;white-space:nowrap}:root[data-theme=dark] .card{border-color:color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 7%,transparent),var(--card-shadow)}.field-err{display:block;margin-top:2px}.f>input[aria-invalid=true],.f>select[aria-invalid=true]{border-color:var(--bad)}.f>input[aria-invalid=true]:focus-visible{outline-color:var(--bad)}@media(max-width:700px){.main[data-route=financas] .fin-section-menu{flex-wrap:nowrap;border-radius:var(--r-pill)}.main[data-route=financas] .fin-section-option{white-space:nowrap}}.nav-scrim{display:none}@media(max-width:899px){.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-nav) - 1);display:block;background:color-mix(in srgb,var(--ink) 52%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root[data-theme=dark] .nav-scrim{background:color-mix(in srgb,#000 62%,transparent)}.nav-more-menu{background:var(--surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 48px -12px color-mix(in srgb,#000 55%,transparent)}}.dlg:focus{outline:none}@media(pointer:coarse),(max-width:640px){.dlg-back:has(.dlg-body :is(textarea,select,input:not([type=checkbox],[type=radio],[type=button],[type=range]))){align-items:start;padding-top:max(12px,env(safe-area-inset-top,0px))}}.dlg-body{padding-inline:20px;padding-bottom:24px}.dlg-foot{position:relative;padding-inline:20px;padding-bottom:14px}.dlg-foot:before{content:"";position:absolute;inset:auto 0 100% 0;height:26px;background:linear-gradient(to top,var(--surface-strong),transparent);pointer-events:none}@media(max-width:640px){.dlg-body{padding-inline:16px;padding-bottom:24px}.dlg-foot{padding-inline:16px}}.dlg-body{overflow-x:hidden;overflow-x:clip;overscroll-behavior:contain}.dlg-back:not(:has(.scroll-x)){touch-action:pan-y}.habit-icon-picker input,.habit-color-picker input,.habit-weekday-picker input{top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.habit-weekday-picker label,.habit-icon-picker label,.habit-color-picker label{position:relative}.account-gate{--account-page-gutter: var(--space-6);width:100%;max-width:var(--content-width);min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);grid-template-rows:auto auto;align-items:center;align-content:start;column-gap:clamp(var(--space-5),7vw,var(--space-12));row-gap:var(--space-5);margin-inline:auto;padding-block:var(--space-4) var(--space-7);padding-inline:var(--account-page-gutter)}.account-gate:has(>.account-public-header){max-width:none;padding-inline:0;grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(360px,520px) minmax(0,1fr)}.account-gate>.account-public-header{box-sizing:border-box;grid-row:1;grid-column:1 / -1;width:100%;margin-inline:0;padding-inline:max(var(--space-6),calc((100% - var(--content-width)) / 2 + var(--space-6)))}.account-public-header~.account-intro,.account-public-header~.account-card{grid-row:2}.account-public-header~.account-intro{grid-column:2}.account-public-header~.account-card{grid-column:3}.account-public-header~.account-intro .account-intro-brand,.account-public-header~.account-card .account-brand{display:none}.account-intro{display:grid;justify-items:start;gap:var(--space-4);padding:var(--space-5)}.account-intro-brand{margin:0;color:var(--accent);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.06em}.account-intro h2{max-width:12ch;font-size:var(--text-page-title);line-height:1.08}.account-card{width:100%;display:grid;gap:var(--space-3);padding:clamp(var(--space-5),5vw,var(--space-7));border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface);box-shadow:var(--shadow)}.account-brand{margin:0;color:var(--accent);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.account-card h1{margin:0;font-size:var(--text-section)}.account-card h1:focus{outline:none}.account-description,.account-security-note{margin:0;color:var(--muted);line-height:var(--leading-relaxed)}.account-security-note{padding:var(--space-3);border-radius:var(--r-sm);background:var(--warn-soft)}.account-config-guide{display:grid;min-width:0;gap:var(--space-3)}.account-config-guide>p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow-wrap:anywhere}.account-config-code{max-width:100%;margin:0;padding:var(--space-3);overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-soft);color:var(--ink);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Consolas, monospace);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.account-config-guide>.account-config-warning{padding:var(--space-3);border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn)}.account-form{display:grid;gap:var(--space-4)}.account-form[data-account-mode=signup],.account-form[data-account-mode=signup-access]{gap:var(--space-3)}.account-remember-session{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-half) var(--space-2);align-items:start;color:var(--ink);cursor:pointer;font-size:var(--text-sm)}.account-remember-session input{grid-row:span 2;width:20px;height:20px;margin:0;accent-color:var(--btn)}.account-remember-session .account-field-help{grid-column:2}.account-remember-session input:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.account-terms-consent{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.account-terms-consent input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--btn)}.account-terms-label{cursor:pointer}.account-terms-group{display:grid;gap:var(--space-2)}.account-terms-copy{margin:0 0 0 calc(20px + var(--space-2));color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.account-terms-copy a{color:var(--accent);font-weight:var(--weight-semibold);text-underline-offset:.18em}.account-terms-consent input:focus-visible,.account-terms-copy a:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.account-form-group{min-width:0;display:grid;gap:var(--space-3);margin:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:color-mix(in srgb,var(--surface) 72%,var(--soft))}.account-form-group legend{padding-inline:var(--space-2);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em}.account-password-group{align-content:start}.account-field{min-width:0;display:grid;gap:var(--space-2)}.account-birth-field,.account-birth-field .account-input-control,.account-birth-field input[type=date]{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.account-birth-field input[type=date]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.account-birth-field{justify-self:stretch}.account-field.has-email-suggestions{position:relative;z-index:2}.account-email-suggestions{position:absolute;z-index:3;top:calc(100% + var(--space-1));right:0;left:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--shadow)}.account-email-suggestion-list{max-height:min(12rem,35vh);overflow-y:auto;overscroll-behavior:contain}.account-email-suggestion{display:block;width:100%;min-height:var(--control-field);padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit;text-align:left}.account-email-suggestion:hover,.account-email-suggestion[aria-selected=true]{background:var(--surface-soft);color:var(--accent)}.account-email-suggestion:focus-visible{outline:3px solid var(--ring);outline-offset:-3px}.account-email-suggestion-hint{display:block;padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-xs)}.account-field label{color:var(--ink);font-weight:var(--weight-semibold)}.account-field input,.account-field .ds-select__trigger{box-sizing:border-box;width:100%;min-height:var(--control-field);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font:inherit;scroll-margin-block:var(--space-5)}.account-field input[aria-invalid=true],.account-field .ds-select__trigger[aria-invalid=true]{border-color:var(--bad)}.account-field .ds-select__trigger{cursor:pointer;color:var(--ink);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.account-field input:focus-visible,.account-field .ds-select__trigger:focus-visible,.account-card button:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.account-message{min-height:1.5em;margin:0;color:var(--bad)}.account-message[data-tone=success]{color:var(--ok)}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);scroll-margin-block:var(--space-5)}.account-card>.account-actions{width:100%;margin-top:var(--space-1)}.account-actions .btn{width:100%;min-height:var(--control-lg)}.account-oauth{min-width:0;display:grid;gap:var(--space-2);margin:0;padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--line)}.account-oauth legend{margin-inline:auto;padding-inline:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.account-oauth-button{width:100%;min-height:var(--control-lg);white-space:normal}.account-google-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.account-google-icon{width:20px;height:20px;flex:none}.account-oauth-note{margin:0;color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-relaxed);text-align:center}.account-link{min-height:var(--control-sm);padding-inline:var(--space-3)}.account-link-return{min-height:var(--control-md)}.account-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.account-link-switch{width:100%;min-height:var(--control-md);justify-content:center;margin-bottom:var(--space-1);white-space:normal;text-align:center}.account-secret{overflow-wrap:anywhere;padding:var(--space-3);border-radius:var(--r-sm);background:var(--surface-soft);color:var(--ink);-webkit-user-select:all;user-select:all}.account-session-label{max-width:180px;overflow:hidden;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}[data-status=pending].save-indicator:before{background:var(--warn)}@media(max-width:480px){.account-gate{--account-page-gutter: var(--space-4);width:100%;min-height:100svh;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-3);padding-block:var(--space-3) var(--space-4);padding-inline:var(--account-page-gutter)}.account-gate>.account-public-header{grid-row:1}.account-public-header~.account-intro,.account-public-header~.account-card{grid-row:auto}.account-intro{gap:var(--space-2);padding:var(--space-2) var(--space-1)}.account-intro-brand{font-size:var(--text-xl)}.account-intro h2{font-size:var(--text-2xl)}.account-card{gap:var(--space-3);padding:var(--space-4)}.account-links{justify-content:flex-start}.account-card h1{font-size:var(--text-xl)}.account-session-label{display:none}}@media(min-width:481px)and (max-width:760px){.account-gate{--account-page-gutter: var(--space-5);width:100%;max-width:560px;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-inline:var(--account-page-gutter)}.account-gate>.account-public-header{grid-row:1}.account-public-header~.account-intro{display:none}.account-public-header~.account-card{grid-row:2}.account-card{width:min(100%,520px);justify-self:center}}@media(max-width:760px){.account-gate:has(>.account-public-header){grid-template-columns:minmax(0,1fr);padding-inline:0}.account-gate>.account-public-header{padding-inline:var(--space-4)}.account-public-header~.account-intro,.account-public-header~.account-card{grid-column:1}.account-public-header~.account-intro{display:none}.account-public-header~.account-card{grid-row:2;width:min(100%,520px);justify-self:center}.account-gate:has(>.account-public-header) .account-card{max-height:none;overflow:visible}}.account-gate{max-width:var(--content-width);align-content:center;column-gap:clamp(var(--space-5),5vw,var(--space-8));row-gap:var(--space-4);padding-block:var(--space-4);animation:account-page-enter var(--duration-base) var(--ease-standard) both}@keyframes account-page-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.account-gate:has(>.account-public-header){grid-template-columns:minmax(0,1fr) minmax(280px,400px) minmax(340px,480px) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(var(--space-4),4vw,var(--space-6));padding-top:0}.account-gate:has(>.account-public-header) .account-card{align-self:center}.account-gate>.account-public-header{padding-inline:var(--gut-l) var(--gut-r)}.account-card{min-width:0;gap:var(--space-3);padding:var(--space-5);border-radius:var(--r);background:var(--surface-strong);box-shadow:var(--card-shadow)}.account-description,.account-security-note{font-size:var(--text-sm)}.account-description.account-security-note{background:var(--soft)}.account-security-note{display:flex;align-items:flex-start;gap:var(--space-2)}.account-security-icon{flex:none;color:var(--accent)}.account-field label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.account-field input{border-radius:var(--r-sm);background:var(--surface-raised);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.account-field .ds-select__trigger{background:var(--surface-raised)}.account-field input::placeholder{color:var(--muted);opacity:1}.account-field input:hover,.account-field .ds-select__trigger:hover,.account-field input:active,.account-field .ds-select__trigger:active{border-color:var(--accent)}.account-field input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:0}.account-field input[aria-invalid=true]:focus-visible,.account-field .ds-select__trigger[aria-invalid=true]:focus-visible{border-color:var(--bad);box-shadow:var(--focus-ring-shadow)}.account-field .ds-select__trigger:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:0}.account-field input{text-transform:none}.account-field input:disabled{border-color:var(--line);background:var(--surface);color:var(--muted);cursor:not-allowed}.account-card button:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.account-input-control,.account-password-control{position:relative;display:flex;align-items:center}.account-password-control input{padding-right:calc(var(--control-md) + var(--space-3))}.account-password-toggle{position:absolute;right:var(--space-1);display:grid;width:var(--control-md);height:var(--control-md);place-items:center;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.account-password-toggle:hover{background:var(--soft);color:var(--accent)}.account-field-help{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.account-age-status{margin:calc(-1 * var(--space-1)) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.account-age-status[data-state=invalid]{color:var(--bad)}.account-age-status[data-state=eligible]{color:var(--ok)}.account-message{font-size:var(--text-sm)}.account-actions .btn.is-loading{cursor:progress}.account-spinner{width:var(--space-4);height:var(--space-4);border:2px solid currentColor;border-right-color:transparent;border-radius:var(--r-pill);animation:account-spin .8s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}.account-loading{display:grid;width:min(100%,620px);min-height:100svh;place-items:center;margin-inline:auto;padding:clamp(var(--space-5),7vw,var(--space-8));animation:account-page-enter var(--duration-base) var(--ease-standard) both}.account-loading-shell{width:min(100%,560px);display:grid;gap:var(--space-4)}.account-loading-brand-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.account-loading-brand{display:inline-flex;align-items:center;gap:var(--space-2);width:max-content;max-width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface-strong) 92%,var(--soft));box-shadow:var(--shadow-sm)}.account-loading-brand-mark{display:inline-block;width:12px;height:12px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong, var(--accent)) 100%);box-shadow:0 0 0 4px color-mix(in srgb,var(--soft2) 75%,transparent)}.account-loading-brand-text{color:var(--ink);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.17em;text-transform:uppercase}.account-loading-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.account-loading-status-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--soft2) 85%,transparent);animation:account-loading-pulse 1.4s ease-in-out infinite}.account-loading-card{display:grid;gap:var(--space-4);width:min(100%,520px);justify-self:center;padding:clamp(var(--space-5),6vw,var(--space-8));border:1px solid var(--line);border-radius:var(--r-large);background:linear-gradient(180deg,var(--surface-strong) 0%,color-mix(in srgb,var(--surface-strong) 78%,var(--soft)) 100%);box-shadow:var(--card-shadow)}.account-loading-line{height:var(--space-4);border-radius:var(--r-pill);background:var(--soft2)}.account-loading-line.is-title{width:68%;height:var(--space-6)}.account-loading-line.is-field{height:var(--control-field);border:1px solid var(--line);background:var(--surface)}.account-loading-line.is-button{height:var(--control-field);background:var(--soft2)}.account-loading-line.is-short{width:42%}.account-loading-card [aria-hidden=true],.account-loading-line{background-image:linear-gradient(105deg,transparent 20%,color-mix(in srgb,var(--surface) 72%,var(--soft2)) 48%,transparent 78%);background-size:220% 100%;animation:account-skeleton-shimmer 1.6s var(--ease-standard) infinite}@keyframes account-skeleton-shimmer{to{background-position:-220% 0}}@keyframes account-loading-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.72}}@media(max-width:480px){.account-loading{padding-inline:var(--space-4)}.account-loading-brand-row{flex-direction:column;align-items:flex-start}.account-loading-brand{width:100%;justify-content:center}.account-loading-status{letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.account-gate,.account-loading,.account-loading-card [aria-hidden=true],.account-spinner{animation:none}}:root[data-motion=reduce] .account-loading-card [aria-hidden=true]{animation:none}.account-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.account-gate[data-account-stage="3"] .account-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.account-step{position:relative;display:flex;min-width:0;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-tight)}.account-step-number{display:grid;width:var(--control-md);height:var(--control-md);flex:none;place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);font-weight:var(--weight-semibold)}.account-step[aria-current=step] .account-step-label{color:var(--ink)}.account-step.is-current{color:var(--accent);font-weight:var(--weight-semibold)}.account-step.is-current .account-step-number{border-color:var(--accent);background:var(--soft2);color:var(--accent)}.account-step.is-complete .account-step-number{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.account-step-separator{display:flex;flex:none;color:var(--muted)}.account-password-strength{display:grid;gap:var(--space-1);margin-top:var(--space-2)}.account-strength-track{height:var(--space-1);overflow:hidden;border-radius:var(--r-pill);background:var(--line)}.account-strength-track span{display:block;width:20%;height:100%;border-radius:inherit;background:var(--bad);transition:width var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.account-password-strength[data-strength=medium] .account-strength-track span{width:66%;background:var(--warn)}.account-password-strength[data-strength=strong] .account-strength-track span{width:100%;background:var(--ok)}.account-strength-label{color:var(--muted);font-size:var(--text-xs)}.account-password-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;padding:0;list-style:none}.account-password-criterion{display:flex;align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-xs)}.account-password-criterion-icon{display:inline-flex;flex:none;color:var(--bad)}.account-password-criterion.is-met,.account-password-criterion.is-met .account-password-criterion-icon{color:var(--ok)}.account-field-error{color:var(--bad);font-size:var(--text-xs)}.account-links{flex-wrap:wrap;justify-content:center}.account-links .account-switch{box-sizing:border-box;display:flex;flex:1 0 100%;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.account-switch-prompt{min-width:0;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.account-switch .account-link-switch{width:auto;min-height:var(--control-sm);flex:0 1 auto;margin:0;border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:var(--surface);color:var(--accent);white-space:normal;text-align:center}.account-links .account-link:not(.account-link-switch):not(.account-link-return){min-width:0;color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:normal}.account-links .account-link:not(.account-link-switch):not(.account-link-return):hover{text-decoration:underline;text-underline-offset:.2em}.account-secret{min-width:0;border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:none}@media(max-width:480px){.account-gate{min-height:100dvh;padding-block:var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.account-intro-brand,.account-intro h2{max-width:none;font-size:var(--text-xl)}.account-card{padding:var(--space-4);border-radius:var(--r)}.account-steps{gap:var(--space-1)}.account-step{align-items:center;gap:var(--space-1);font-size:var(--text-2xs)}.account-step-number{width:var(--control-sm);height:var(--control-sm)}.account-password-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.account-gate>.account-intro .account-intro-brand{display:none}.account-gate:has(>.account-public-header){grid-template-columns:minmax(0,1fr)}.account-gate:has(>.account-public-header)>.account-intro,.account-gate:has(>.account-public-header)>.account-card{box-sizing:border-box;width:calc(100% - var(--space-4) * 2);justify-self:center}.account-gate:has(>.account-public-header)>.account-intro{display:grid;grid-row:2;grid-column:1}.account-gate:has(>.account-public-header)>.account-card{grid-row:3;grid-column:1;max-height:none;overflow:visible}}.settings-layout{gap:22px}.settings-menu{padding:10px;border-color:color-mix(in srgb,var(--line) 78%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--surface) 82%,var(--bg));box-shadow:none}.settings-link{min-height:68px}.settings-link[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:var(--soft2);color:var(--accent)}.settings-link[aria-current=page] .settings-link-icon{background:var(--surface);color:var(--accent)}.settings-link[aria-current=page] .settings-link-copy small,.settings-link[aria-current=page] .settings-link-arrow{color:var(--muted)}.main[data-route=config] .card .head{padding-bottom:10px}.setting-toggle{border-radius:var(--r-group);background:var(--surface-soft)}@media(max-width:760px){.settings-link[aria-current=page] .settings-link-copy small{white-space:nowrap}}.main[data-route=config] .settings-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-compact-min-width)),min(100%,var(--card-compact-max-width))));justify-content:start;gap:var(--card-compact-gap)}.main[data-route=config] .areas-settings{container-type:inline-size}.main[data-route=config] .setting-toggle{min-height:104px;grid-template-columns:42px minmax(0,1fr) 24px;gap:12px;padding:16px;border-color:var(--line);border-radius:var(--r-large);background:var(--surface);transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.home-layout-settings{display:grid;gap:14px;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line)}.home-layout-settings>.settings-section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}.home-layout-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.home-layout-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface-soft)}.home-layout-toggle{display:flex;min-width:0;align-items:center;gap:10px;cursor:pointer}.home-layout-toggle input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.home-layout-toggle span{display:grid;min-width:0;gap:2px}.home-layout-toggle b{font-size:var(--text-sm)}.home-layout-toggle small{color:var(--muted);font-size:var(--text-xs);line-height:1.35}.home-layout-controls{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--text-xs)}.home-layout-controls>span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.home-mode-grid,.home-shortcut-options,.appearance-area-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px}.home-mode-option{display:grid;min-width:0;min-height:76px;align-content:center;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.home-mode-option[aria-pressed=true]{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.home-mode-option small{color:var(--muted);font-size:var(--text-xs);line-height:1.4}.home-shortcut-settings{display:grid;gap:10px;min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--r-group)}.home-shortcut-settings legend{padding-inline:5px;font-size:var(--text-sm);font-weight:750}.home-shortcut-settings>p{margin:0}.home-shortcut-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.home-shortcut-options .home-layout-toggle{min-height:var(--control-lg);padding:8px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface)}.home-message-field{display:grid;max-width:760px;gap:6px}.home-message-field>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:var(--text-sm);font-weight:700}.home-message-field>span small,.home-message-count{color:var(--muted);font-size:var(--text-xs);font-weight:400}.home-message-field textarea{width:100%;min-width:0;min-height:68px;resize:vertical}.home-message-count{text-align:right}.appearance-area-colors{max-width:760px}.appearance-area-color{display:grid;min-width:0;gap:5px;font-size:var(--text-sm);font-weight:700}.appearance-area-color select{width:100%;min-width:0}.routine-settings-links{display:flex;flex-wrap:wrap;gap:8px}.routine-settings-links .btn{min-height:var(--control-sm)}@media(max-width:700px){.home-layout-item{grid-template-columns:minmax(0,1fr);gap:8px}.home-layout-controls{justify-content:flex-end}.home-mode-grid,.home-shortcut-options,.appearance-area-colors{grid-template-columns:minmax(0,1fr)}}.main[data-route=config] .setting-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--surface-soft)}.main[data-route=config] .setting-toggle:has(>input:checked){border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--soft) 72%,var(--surface))}.setting-toggle-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--r-control);background:color-mix(in srgb,var(--area-color, var(--accent)) 13%,var(--surface));color:var(--area-color, var(--accent))}.setting-toggle-icon[data-area=pomodoro]{--area-color: var(--area-pomodoro, var(--accent))}.setting-toggle-icon[data-area=finances]{--area-color: var(--area-finances)}.setting-toggle-icon[data-area=habits]{--area-color: var(--area-habits, var(--ok))}.setting-toggle-icon[data-area=water]{--area-color: var(--area-water)}.setting-toggle-icon[data-area=cycle]{--area-color: var(--area-cycle)}.main[data-route=config] .setting-toggle-copy{gap:5px}.main[data-route=config] .setting-toggle-copy b{font-size:var(--text-md)}.main[data-route=config] .setting-toggle-copy>span{line-height:1.4}.main[data-route=config] .setting-toggle input{display:grid;width:24px;height:24px;place-items:center;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--line-strong);border-radius:var(--r-xs);background:var(--surface);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.main[data-route=config] .setting-toggle input:after{width:6px;height:11px;border:solid var(--on-btn);border-width:0 2px 2px 0;content:"";opacity:0;transform:rotate(45deg) translate(-1px,-1px)}.main[data-route=config] .setting-toggle input:checked{border-color:var(--btn);background:var(--btn)}.main[data-route=config] .setting-toggle input:checked:after{opacity:1}.main[data-route=config] .setting-toggle input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:700px){.main[data-route=config] .settings-options{grid-template-columns:minmax(0,1fr)}.main[data-route=config] .setting-toggle{min-height:88px;padding:14px}}@container (max-width: 620px){.main[data-route=config] .settings-options{grid-template-columns:minmax(0,1fr)}.main[data-route=config] .setting-toggle{min-height:88px;padding:14px}}:root[data-density=compact] .main[data-route=config] .setting-toggle{min-height:88px;padding-block:12px}@media(prefers-reduced-motion:reduce){.main[data-route=config] .setting-toggle,.main[data-route=config] .setting-toggle input{transition:none}}.settings-overview{display:flex;width:100%;max-width:var(--content-width);align-items:center;margin-top:-20px;padding:0 8px}.settings-overview>div:first-child{display:grid;gap:6px}.settings-overview-eyebrow{color:var(--accent);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em}.settings-overview h2{margin:0;font-family:var(--font-h);font-size:var(--text-xl);line-height:1.2}.settings-overview p{max-width:64ch;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.settings-menu-heading{display:block;padding:6px 10px 3px;color:var(--muted);font-size:var(--text-2xs);font-weight:750;letter-spacing:.1em}.settings-menu-group{display:grid;gap:6px}.settings-menu-group+.settings-menu-group{padding-top:10px;border-top:1px solid var(--line);margin-top:10px}.settings-menu .settings-link:focus-visible{outline-offset:2px}.settings-unsaved-bar{position:sticky;right:0;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,860px);margin:0 auto;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--r-large);background:color-mix(in srgb,var(--surface-strong) 94%,var(--bg));box-shadow:var(--card-shadow)}.settings-unsaved-bar>span{color:var(--ink);font-weight:700}.settings-unsaved-actions{display:flex;align-items:center;gap:8px}.main[data-route=config] .settings-layout{grid-template-columns:232px minmax(0,1fr);gap:26px}.main[data-route=config] .settings-menu{position:sticky;z-index:1;top:92px;align-self:start;max-height:calc(100vh - 112px);overflow-y:auto;padding:10px;border-color:color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.main[data-route=config] .settings-link{min-height:var(--control-field);grid-template-columns:34px minmax(0,1fr) 14px;gap:9px;padding:7px 8px}.main[data-route=config] .settings-link-icon{width:34px;height:34px;border-radius:var(--r-sm)}.main[data-route=config] .settings-link-copy b{font-size:var(--text-meta)}.main[data-route=config] .settings-link-copy small{display:block;line-height:1.25}.main[data-route=config] .settings-link[aria-current=page]{box-shadow:0 8px 16px -14px var(--ink)}.main[data-route=config] .settings-content{gap:18px}.main[data-route=config] .settings-content>.card{max-width:900px}.main[data-route=config] .account-session-heading,.main[data-route=config] .account-delete-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.main[data-route=config] .account-delete-heading>div{flex:1 1 18rem;min-width:0}.main[data-route=config] .profile-settings-group,.main[data-route=config] .appearance-settings-group{padding:18px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--r-group);background:color-mix(in srgb,var(--surface-soft) 62%,var(--surface))}.main[data-route=config] .profile-settings-group+.profile-settings-group,.main[data-route=config] .appearance-settings-group+.appearance-settings-group{border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}@media(max-width:480px){.main[data-route=config] .appearance-settings-group{padding:var(--space-3)}}.main[data-route=config] .profile-settings-actions,.main[data-route=config] .settings-save-actions{margin-top:2px;padding-top:16px;border-top:1px solid var(--line)}.profile-settings-heading{gap:6px}.profile-settings-heading>p{margin:0}.profile-greeting-preview{display:flex;max-width:760px;min-width:0;align-items:center;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--r-group);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--p) 12%,transparent),transparent 48%),var(--surface-soft)}.profile-greeting-avatar{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:var(--r-control);background:color-mix(in srgb,var(--profile-avatar-color) 14%,var(--surface));color:var(--profile-avatar-color)}.profile-greeting-avatar .ic{width:22px;height:22px}.profile-appearance-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.profile-appearance-heading>div{display:grid;gap:4px}.profile-appearance-controls{display:grid;max-width:760px;gap:var(--space-4)}.profile-appearance-option{display:grid;min-width:0;gap:var(--space-2)}.profile-avatar-options,.profile-avatar-colors{display:flex;flex-wrap:wrap;gap:8px}.profile-avatar-option,.profile-avatar-color{display:grid;width:var(--control-md);height:var(--control-md);flex:none;place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--muted);cursor:pointer}.profile-avatar-option:hover,.profile-avatar-color:hover{border-color:var(--accent);background:var(--surface-soft)}.profile-avatar-option[aria-pressed=true],.profile-avatar-color[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent)}.profile-avatar-option:focus-visible,.profile-avatar-color:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.profile-avatar-color>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--profile-avatar-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);color:var(--surface-strong)}.profile-avatar-color[aria-pressed=true]>span{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--surface) 70%,transparent),0 0 0 2px var(--accent)}.profile-appearance-option .seg{width:100%;max-width:420px}.profile-greeting-copy{display:grid;min-width:0;gap:3px}.profile-settings-overview{margin-top:0}.profile-settings-overview h2{margin:0;font-family:var(--font-h);font-size:var(--text-section)}.compact-preview{display:flex;align-items:center;gap:12px;max-width:420px;padding:12px 14px;border-radius:var(--r-group);background:var(--surface-soft)}.danger-zone{border-color:color-mix(in srgb,var(--bad) 26%,var(--line));background:color-mix(in srgb,var(--bad-soft) 38%,var(--surface))}.profile-greeting-copy>span:first-child{color:var(--muted);font-size:var(--text-2xs);font-weight:750;letter-spacing:.1em}.profile-greeting-copy b{overflow-wrap:anywhere;font-size:var(--text-base)}.profile-greeting-copy b>span{color:var(--accent)}.profile-field-help{color:var(--muted);font-size:var(--text-xs);line-height:1.4}.profile-settings-fields .f{align-content:start}.backup-file-label{position:relative;cursor:pointer}.backup-file-label:focus-within{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:760px){.settings-overview{margin-top:-12px;padding:0 4px}.settings-menu-heading{display:none}.main[data-route=config] .settings-layout{grid-template-columns:minmax(0,1fr);gap:18px}.main[data-route=config] .settings-menu{display:flex;flex-direction:row;grid-template-columns:none;overflow-x:auto;gap:6px;padding:6px var(--gut-r) 8px var(--gut-l);overscroll-behavior-inline:contain;scrollbar-color:var(--accent) transparent;scrollbar-width:auto}.main[data-route=config] .settings-menu:after{position:sticky;right:0;display:grid;flex:0 0 28px;align-self:stretch;place-items:center;margin-left:-28px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 82%,var(--bg)) 70%);color:var(--accent);content:"›";font-size:var(--text-3xl);font-weight:700;pointer-events:none}.main[data-route=config] .settings-link{width:auto;min-width:100px;flex:0 0 100px;grid-template-columns:minmax(0,1fr);justify-items:center;padding:7px 4px;text-align:center}.main[data-route=config] .settings-link-copy{width:100%;align-items:center}.main[data-route=config] .settings-link-copy small{display:none}.main[data-route=config] .settings-link-copy b{width:100%;font-size:var(--text-xs);line-height:1.2}.main[data-route=config] .settings-link-copy b .tab-label-group{display:inline;white-space:normal}.main[data-route=config] .settings-link-icon{width:32px;height:32px}.main[data-route=config] .profile-settings-actions{position:sticky;z-index:1;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-block:12px;background:var(--surface)}.main[data-route=config] .profile-settings-actions>.btn{flex:1 1 auto;min-height:var(--control-field)}}@media(max-width:480px){.profile-greeting-preview{padding:12px}.profile-appearance-heading{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.settings-link,.settings-link-icon{transition:none}}.main[data-route=config]{--area-tone: var(--accent)}.settings-link[aria-current=page] .tab-label{color:var(--accent)!important}:root[data-theme=dark] .settings-menu{border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}:root[data-theme=dark] .setting-toggle{background:color-mix(in srgb,var(--surface) 88%,var(--bg))}@media(max-width:760px){.account-gate[data-account-stage="1"]>.account-intro{display:none}}.account-gate[data-account-mode=legal-consent]{max-width:760px;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center}.account-gate[data-account-mode=legal-consent]>.account-intro{display:none}.account-gate[data-account-mode=legal-consent]>.account-card{width:min(100%,640px);grid-column:1;padding:clamp(var(--space-5),6vw,var(--space-7));border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface-strong)),var(--surface-strong) 48%)}.account-legal-eyebrow{width:fit-content;margin:0;padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em}.account-terms-group-updated{gap:var(--space-3)}.account-legal-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.account-legal-document{min-width:0;display:grid;align-content:start;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.account-legal-document:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--surface-soft)}.account-legal-document:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.account-legal-document-title{color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.account-legal-document-description{color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-body)}.account-terms-group-updated .account-terms-consent{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}@media(max-width:480px){.account-gate[data-account-mode=legal-consent]{--account-page-gutter: var(--space-4);width:100%;padding-block:var(--space-4)}.account-gate[data-account-mode=legal-consent]>.account-card{padding:var(--space-4)}.account-legal-documents{grid-template-columns:minmax(0,1fr)}}.main[data-route=config] .settings-menu-heading{margin:0 6px 4px;padding:8px 10px 12px;border-bottom:1px solid var(--line)}.main[data-route=config] .settings-link{border-radius:var(--r-control)}.main[data-route=config] .settings-content>.card{padding:var(--card-padding-compact)}.main[data-route=config] .settings-section-card{gap:var(--space-4)}.main[data-route=config] .settings-section-card>.settings-section-heading{gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.main[data-route=config] .settings-section-heading h2{font-size:var(--text-xl);line-height:1.25}.main[data-route=config] .settings-section-heading>p{max-width:68ch;margin:0;line-height:1.5}:root[data-density=compact] .main[data-route=config] .settings-content>.card{padding:var(--space-3)}:root[data-density=compact] .main[data-route=config] .settings-section-card{gap:var(--space-3)}:root[data-density=compact] .main[data-route=config] .settings-section-card>.settings-section-heading{padding-bottom:var(--space-3)}.main[data-route=config] .profile-settings-group{max-width:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start}.main[data-route=config] .profile-settings{container-type:inline-size}.main[data-route=config] .profile-settings-fields{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.main[data-route=config] .profile-settings-fields>.f:only-child,.main[data-route=config] .profile-settings-fields>.f:last-child:nth-child(3){grid-column:1 / -1}.main[data-route=config] .profile-greeting-preview{max-width:none}.main[data-route=config] .areas-navigation-settings{container-type:inline-size}.main[data-route=config] .areas-navigation-list.compact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}@container (max-width: 620px){.main[data-route=config] .areas-navigation-list.compact-card-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.main[data-route=config] .profile-settings-group,.main[data-route=config] .profile-settings-fields{grid-template-columns:minmax(0,1fr)}}@container (max-width: 800px){.main[data-route=config] .profile-settings-group[aria-labelledby=profile-appearance-title]{grid-template-columns:minmax(0,1fr)}}.account-gate:has(>.account-public-header){position:relative;isolation:isolate;background:radial-gradient(ellipse at 16% 58%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 38%),var(--bg)}.account-gate:has(>.account-public-header)>.account-intro{position:relative;isolation:isolate;overflow:hidden;min-height:390px;align-content:center;gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-7));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--r-large);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--soft) 72%,var(--surface)),var(--surface-strong));box-shadow:var(--card-shadow)}.account-gate:has(>.account-public-header)>.account-intro:before{position:absolute;z-index:-1;top:-110px;right:-112px;width:250px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 38px color-mix(in srgb,var(--accent) 3%,transparent);content:"";pointer-events:none}.account-intro-eyebrow{width:fit-content;margin:0;padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em}.account-gate:has(>.account-public-header)>.account-intro h2{max-width:13ch;margin:0;font-size:var(--text-page-title);line-height:1.08;letter-spacing:-.045em}.account-intro-description{max-width:38ch;margin:0;color:var(--muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.account-intro-topics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0 0;padding:0;list-style:none}.account-intro-topics li{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 74%,transparent);color:var(--ink);font-size:var(--text-xs);font-weight:var(--weight-medium)}.account-gate:has(>.account-public-header)>.account-card{position:relative;gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-7));border-color:color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:var(--r-large);background:var(--surface);box-shadow:0 24px 60px -38px color-mix(in srgb,var(--accent) 30%,var(--ink))}.account-gate:has(>.account-public-header)>.account-card h1{font-size:var(--text-section);line-height:1.15;letter-spacing:-.035em}.account-gate:has(>.account-public-header) .account-form{gap:var(--space-4)}.account-gate:has(>.account-public-header) .account-field label{color:var(--ink);font-weight:var(--weight-semibold)}.account-gate:has(>.account-public-header) .account-field input{min-height:var(--control-lg);border-radius:var(--r-control)}.account-gate:has(>.account-public-header) .account-actions .btn{min-height:calc(var(--control-lg) + var(--space-1));border-radius:var(--r-control);font-weight:var(--weight-bold)}.account-gate:has(>.account-public-header) .account-steps{gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.account-gate:has(>.account-public-header) .account-step{gap:var(--space-2);font-size:var(--text-sm)}.account-gate:has(>.account-public-header) .account-step-number{width:var(--control-lg);height:var(--control-lg);border-width:1.5px}@media(max-width:760px){.account-gate:has(>.account-public-header)>.account-intro{min-height:0;gap:var(--space-3);padding:var(--space-4);border-radius:var(--r)}.account-gate:has(>.account-public-header)>.account-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--r)}}.account-gate:has(>.account-public-header){min-height:0;align-content:start}.account-gate:has(>.account-public-header)>.account-intro{min-height:0;align-self:start}@media(max-width:760px){.account-gate:has(>.account-public-header)>.account-intro{display:none}.account-gate:has(>.account-public-header)>.account-card{grid-row:2;grid-column:1}}.public-site{--public-page-gutter: var(--space-5);display:flex;width:100%;min-height:100vh;min-height:100dvh;flex-direction:column;margin-inline:auto;background:radial-gradient(circle at 12% 0%,var(--public-glow),transparent 24%),var(--bg)}.public-site>.public-topbar{box-sizing:border-box;width:100%;margin-inline:0;padding-inline:var(--gut-l) var(--gut-r);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-header-actions{gap:var(--space-1)}.public-account-action{min-height:var(--control-sm);padding-inline:var(--space-3);font-size:var(--text-sm);white-space:nowrap}.public-account-action[aria-current=page]{cursor:default;opacity:1}.public-topbar .brand{flex:none}.public-site>.public-topbar .wordmark{display:block}.public-brand-icon{width:36px;height:36px;flex:none}.public-topbar .accessibility-control{position:static;display:inline-flex}.public-topbar:has(.public-accessibility-panel:not([hidden])){-webkit-backdrop-filter:none;backdrop-filter:none}.public-topbar .accessibility-panel{position:fixed;top:calc(68px + env(safe-area-inset-top,0px) + var(--space-2));right:max(12px,env(safe-area-inset-right,0px))}.account-public-header{grid-column:1 / -1;width:100%;margin-inline:0;padding-inline:var(--gut-l) var(--gut-r)}.account-public-header .brand{flex:none}.account-public-header .public-header-actions{margin-left:auto}.public-brand span,.public-hero h1 span,.demo-heading h1 span{color:var(--accent)}.public-main{display:flex;flex:1;flex-direction:column;justify-content:center;gap:clamp(var(--space-7),7vw,var(--space-12));box-sizing:border-box;width:100%;max-width:1180px;margin-inline:auto;padding:clamp(var(--space-7),7vw,var(--space-12)) var(--public-page-gutter);scroll-margin-top:calc(var(--space-12) + env(safe-area-inset-top,0px))}.public-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);align-items:center;gap:clamp(var(--space-6),7vw,var(--space-12))}.public-hero-card{position:relative;box-sizing:border-box;padding:clamp(var(--space-5),4vw,var(--space-7));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--r);background:var(--hero);box-shadow:var(--card-shadow)}.public-eyebrow{display:flex;align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-meta);font-weight:var(--weight-bold);letter-spacing:.045em}.public-hero-card .public-eyebrow{width:fit-content;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--accent);letter-spacing:.01em}.public-eyebrow>span{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--ok);box-shadow:var(--status-halo-shadow)}.public-hero h1,.demo-heading h1{max-width:13ch;margin-top:var(--space-4);font-size:var(--text-page-title);line-height:1.08}.public-hero-card h1{color:var(--ink);max-width:8.4ch;font-size:var(--text-display);line-height:.96;letter-spacing:-.03em}.public-lead{max-width:48ch;margin-top:var(--space-4);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.public-hero-card .public-lead{max-width:50ch;margin-top:var(--space-4);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.public-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.public-proof{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.public-proof li{display:inline-flex;flex-direction:column;gap:2px;min-width:120px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);color:var(--ink)}.public-proof strong{color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-bold)}.public-proof span{color:var(--muted);font-size:var(--text-xs)}.public-hero-card .public-actions{margin-top:var(--space-5)}@media(min-width:1100px){.public-hero-card .public-actions{gap:var(--space-2)}.public-hero-card .public-actions .btn{padding-inline:var(--space-3)}}.public-reassurance{max-width:50ch;margin-top:var(--space-4);color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-relaxed)}.public-hero-card .public-reassurance{margin-top:var(--space-4);color:var(--muted);font-size:var(--text-meta)}.public-reassurance span{padding-right:var(--space-1);color:inherit;font-weight:var(--weight-regular)}.product-preview{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--r);background:var(--surface);box-shadow:var(--card-shadow)}.product-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 8%,transparent),transparent 20%);content:""}.preview-picture{display:block;position:relative;z-index:1}.preview-picture-dark{display:none}:root[data-theme=dark] .preview-picture-light{display:none}:root[data-theme=dark] .preview-picture-dark{display:block}.preview-capture{display:block;width:100%;height:auto;background:var(--surface)}.public-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.public-value{display:flex;min-width:0;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--surface) 32%,transparent);box-shadow:var(--shadow-sm)}.public-value-icon{display:grid;width:var(--control-lg);height:var(--control-lg);flex:none;place-items:center;border-radius:var(--r-control);background:var(--soft);color:var(--accent);font-size:var(--text-xl)}.public-value h2{font-size:var(--text-base)}.public-value p{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-relaxed)}.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);gap:var(--space-5);padding:clamp(var(--space-4),4vw,var(--space-6));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--r-large);background:var(--hero)}.demo-cta h2{margin-top:var(--space-2);font-size:var(--text-xl)}.demo-cta p{max-width:58ch;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.demo-app{min-height:100vh;min-height:100dvh}.demo-app .topbar .nav a[aria-disabled=true]{cursor:default}.demo-app .topbar .nav a[aria-disabled=true]:hover{background:transparent}.demo-app .header-actions{margin-left:auto}.demo-badge{white-space:nowrap}.demo-disclaimer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font-size:var(--text-meta)}.demo-disclaimer .ic{flex:none;color:var(--accent)}.demo-ring svg{display:block}.demo-main .home-head .home-action:disabled,.demo-main button:disabled{opacity:1;cursor:pointer}.demo-main .chk[aria-disabled=true],.demo-main .task .tt{cursor:default}.demo-dashboard{grid-template-columns:minmax(0,1.32fr) minmax(280px,.88fr)}.demo-side{gap:var(--space-4)}.demo-focus-card>.head>.ic{flex:none;color:var(--accent)}.demo-focus-card .timer{align-self:center;color:var(--accent);font-size:var(--text-4xl)}.demo-area-card .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.demo-area-card .tile{min-height:136px}.demo-area-card .tile .mk{margin:0}.demo-habit-dots{display:flex;flex:none;gap:var(--space-1)}.demo-habit-dots i{width:12px;height:12px;border:1px solid var(--line-strong);border-radius:50%}.demo-cta .public-actions{flex:none;margin:0}@media(max-width:900px){.public-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:var(--space-5)}.public-values{gap:var(--space-3)}.public-value{flex-direction:column}.public-site>.public-topbar .wordmark{display:none}}@media(max-width:1099px){.demo-dashboard{grid-template-columns:minmax(0,1fr)}}@media(min-width:900px)and (max-width:1099px){.demo-app>.public-topbar{grid-template-columns:minmax(0,1fr) max-content}.demo-app .public-header-actions{grid-column:2;justify-self:end}}@media(max-width:700px){.public-site{--public-page-gutter: var(--space-4)}.public-site>.public-topbar{min-height:72px}.public-header-actions{gap:0}.public-account-action{min-height:var(--control-sm);padding-inline:var(--space-1);font-size:var(--text-xs)}.public-main{gap:var(--space-6);padding-block:var(--space-6)}.public-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.public-copy{max-width:none}.public-hero h1{max-width:14ch}.public-lead{font-size:var(--text-base)}.public-faq-list,.public-values{grid-template-columns:minmax(0,1fr)}.public-value{flex-direction:row}.public-cta-panel{flex-direction:column;align-items:flex-start}.public-cta-panel .public-actions{width:100%}.demo-cta{align-items:flex-start;flex-direction:column}.demo-cta .public-actions{width:100%}}@media(max-width:480px){.public-main{padding-block:var(--space-5)}.public-topbar .accessibility-panel{top:calc(var(--space-12) + env(safe-area-inset-top,0px) + var(--space-3));width:min(380px,calc(100vw - 48px))}.public-actions{flex-direction:column}.public-actions .btn{width:100%}.public-value{padding:var(--space-3)}.demo-app .topbar{gap:var(--space-2)}.demo-badge{display:none}.demo-disclaimer{align-items:flex-start;border-radius:var(--r-control)}.demo-dashboard{gap:var(--space-4)}.demo-area-card .tile{min-height:124px}.demo-habit-dots{gap:var(--space-1)}.demo-habit-dots i{width:var(--space-2);height:var(--space-2)}}@media(max-width:450px){.public-topbar{display:grid;grid-template-columns:minmax(0,1fr) max-content}.public-topbar .brand{grid-column:1;min-width:0}.public-topbar .public-header-actions{grid-column:2;width:auto;justify-content:flex-end;margin-left:0}}@media(max-width:360px){.public-account-action{padding-inline:var(--space-half)}}@media(max-width:380px){.public-topbar .header-actions .iconbtn{width:var(--control-md);height:var(--control-md)}}.demo-main{scroll-margin-top:calc(var(--space-12) + env(safe-area-inset-top,0px))}.demo-main[data-route=inicio]{display:flex;flex-direction:column;align-items:stretch}.public-site{--public-page-gutter: var(--space-5)}.public-site>.public-topbar{position:sticky;top:0;z-index:var(--z-header);max-width:none;padding-inline:var(--gut-l) var(--gut-r)}.public-main{max-width:var(--content-width)}.public-main{gap:clamp(var(--space-6),6vw,var(--space-8))}.public-hero{position:relative;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(var(--space-5),5vw,var(--space-8))}.public-copy{max-width:560px}.public-eyebrow{width:fit-content;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-soft);color:var(--accent);font-size:var(--text-sm);letter-spacing:0}.public-eyebrow>span{width:var(--space-2);height:var(--space-2);box-shadow:var(--status-halo-shadow)}.public-hero h1{max-width:560px;font-size:var(--text-display);line-height:var(--leading-tight)}.public-lead{max-width:50ch}.public-actions{gap:var(--space-3)}.public-reassurance{display:flex;align-items:flex-start;gap:var(--space-2);max-width:52ch;font-size:var(--text-sm)}.public-reassurance .ic{flex:none;color:var(--accent)}.public-reassurance span{padding:0;font-weight:var(--weight-regular)}.product-preview{isolation:isolate}.product-preview:before{position:absolute;z-index:-1;inset-block:-12%;inset-inline:0;border-radius:var(--r-large);background:radial-gradient(ellipse at center,var(--public-glow),transparent 70%);content:""}.public-section-heading{display:grid;justify-items:start;gap:var(--space-3)}.public-section-heading>.public-eyebrow{margin:0}.public-section-heading h2{font-size:var(--text-heading);letter-spacing:-.02em}.public-section-lead{max-width:62ch;margin:0;color:var(--muted);line-height:var(--leading-relaxed)}.public-journey{display:grid;gap:var(--space-5)}.public-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.public-journey-step{position:relative;display:grid;min-width:0;align-content:start;gap:var(--space-3);padding:clamp(var(--space-4),2.5vw,var(--space-6));border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface)}.public-journey-number{color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em}.public-journey-step .public-value-icon{margin:0}.public-journey-step h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.public-journey-step p{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.public-values{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.public-value{flex:1 1 var(--card-compact-max-width);flex-direction:row;width:100%;max-width:var(--card-compact-max-width);min-height:0;padding:var(--space-5);border-color:var(--line);border-radius:var(--r-group);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.public-value:hover{transform:translateY(calc(-1 * var(--space-half)));border-color:color-mix(in srgb,var(--accent) 24%,var(--line));box-shadow:var(--shadow-hover)}.public-value h2,.public-value h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.public-value p{font-size:var(--text-sm)}.public-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:clamp(var(--space-4),4vw,var(--space-6));border:1px solid var(--line);border-radius:var(--r-large);background:linear-gradient(135deg,var(--surface),var(--hero));box-shadow:var(--card-shadow)}.public-cta-panel h2{max-width:17ch;margin:var(--space-2) 0 0;font-size:var(--text-section);letter-spacing:-.02em;line-height:1.1}.public-cta-copy{max-width:62ch}.public-cta-copy>p:not(.public-eyebrow){margin-top:var(--space-3);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.public-faq{display:grid;gap:var(--space-3)}.public-faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.public-faq-item{display:grid;align-content:start;gap:var(--space-3);border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.public-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ink);font-weight:var(--weight-semibold);cursor:pointer;list-style:none}.public-faq-item summary::-webkit-details-marker{display:none}.public-faq-item summary>.ic{flex:none;color:var(--accent);transition:transform var(--duration-fast) var(--ease-standard)}.public-faq-item[open] summary>.ic{transform:rotate(180deg)}.public-faq-item p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.public-faq-item a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}.public-header-tools{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:var(--space-2)}.public-header-tools .iconbtn{min-width:var(--control-md);min-height:var(--control-md)}.public-account-action{min-height:var(--control-md);padding-inline:var(--space-3);font-size:var(--text-sm)}.public-account-action.is-current{border-color:var(--accent);box-shadow:var(--current-control-shadow)}.public-account-action[aria-current=page]{color:var(--accent)}.demo-disclaimer{position:relative;width:fit-content;align-self:center;border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.demo-main>.demo-disclaimer{width:fit-content;max-width:100%;margin-inline:auto}.demo-main .card h2,.demo-main .card h3{font-weight:var(--weight-semibold)}.demo-muted,.demo-main .meta,.demo-main .tile .s{font-size:var(--text-sm)}.demo-habit-dots i{width:var(--space-3);height:var(--space-3);border-color:var(--line-strong)}.demo-habit-dots i.is-complete{border-color:var(--ok);background:var(--ok)}.demo-cta .public-actions{gap:var(--space-3)}@media(max-width:900px){.public-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.public-faq-list{grid-template-columns:minmax(0,1fr)}.public-journey-grid{gap:var(--space-3)}.public-journey-step{padding:var(--space-4)}}@media(max-width:700px){.public-site{--public-page-gutter: var(--space-4)}.public-hero{grid-template-columns:minmax(0,1fr)}.public-hero h1{max-width:560px}.public-journey-grid{grid-template-columns:minmax(0,1fr)}.public-value{max-width:100%}.public-header-tools{margin-left:var(--space-1)}.public-header-tools .iconbtn{width:var(--control-sm);height:var(--control-sm)}}@media(max-width:480px){.public-actions{align-items:stretch;flex-direction:column}.public-actions .btn{width:100%}.public-reassurance{font-size:var(--text-sm)}.demo-cta .public-actions{flex-direction:column}.demo-cta .public-actions .btn{width:100%}.demo-habit-dots{gap:var(--space-1)}.demo-habit-dots i{width:var(--space-3);height:var(--space-3)}}@media(max-width:380px){.public-account-action{padding-inline:var(--space-1)}.public-header-tools{gap:0;margin-left:0}.public-header-tools .iconbtn{width:var(--control-sm);height:var(--control-sm)}}.public-main,.demo-main{animation:public-view-enter var(--duration-base) var(--ease-standard) both}@keyframes public-view-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.public-error{display:grid;min-height:100svh;grid-template-rows:auto 1fr;gap:var(--space-8);width:min(100%,var(--content-width));margin-inline:auto;padding:var(--space-5);animation:public-view-enter var(--duration-base) var(--ease-standard) both}.public-error-brand{justify-self:start}.public-error-brand img{width:36px;height:36px}.public-error-card{display:grid;width:min(100%,560px);justify-items:center;align-content:center;gap:var(--space-4);justify-self:center;align-self:center;padding:clamp(var(--space-6),8vw,var(--space-10));border:1px solid var(--line);border-radius:var(--r);background:var(--surface-strong);box-shadow:var(--card-shadow);text-align:center}.public-error-code{color:var(--accent);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:.12em}.public-error-card h1{font-size:var(--text-section)}.public-error-card h1 i{color:var(--accent);font-style:normal}.public-error-card p{max-width:42ch;color:var(--muted);line-height:var(--leading-relaxed)}.public-error-card .btn{min-height:var(--control-field)}@media(max-width:480px){.public-error{padding:var(--space-4)}.public-error-card{padding:var(--space-5)}.public-error-card .btn{width:100%}}@media(prefers-reduced-motion:reduce){.public-main,.demo-main,.public-error{animation:none}.public-value,.public-faq-item summary>.ic,.demo-nav-link{transition:none}.public-value:hover{transform:none}}@media(max-width:700px){.public-main{gap:var(--space-5);padding-block:var(--space-5)}.public-hero{gap:var(--space-4)}}@media(max-width:480px){.public-main{gap:var(--space-4);padding-block:var(--space-4)}.public-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.public-reassurance{margin-top:var(--space-3)}}@media(min-width:900px){.public-site>.public-topbar,.demo-app>.public-topbar,.account-gate>.account-public-header{padding-inline:clamp(20px,4vw,52px)}}.public-site .public-hero{padding:clamp(var(--space-5),5vw,var(--space-8));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy preview" "support preview";row-gap:var(--space-4);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--r);background:var(--hero);color:var(--ink);box-shadow:var(--card-shadow)}.public-hero .public-copy{grid-area:copy}.public-hero .product-preview{grid-area:preview;align-self:center}.public-hero-support{position:relative;z-index:1;grid-area:support}.public-site .public-hero h1,.public-site .public-hero .public-lead,.public-site .public-hero .public-reassurance,.public-site .public-hero .public-reassurance .ic,.public-site .public-hero .public-reassurance span{color:var(--ink)}.public-site .public-hero h1 span{color:var(--accent)}.public-site .public-hero .public-lead,.public-site .public-hero .public-reassurance{color:var(--muted)}.public-site .public-hero .public-reassurance .ic{color:var(--accent)}.public-hero .public-actions{margin-top:var(--space-5)}.public-hero .product-preview{margin:0}.public-hero-support .public-proof{margin-top:0}.public-hero-support .public-reassurance{margin-top:var(--space-3)}.public-site .public-hero .product-preview{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:var(--surface)}.public-site .public-hero .public-proof li{border-color:var(--line);background:var(--surface);color:var(--ink)}.public-site .public-hero .public-proof strong{color:var(--ink)}.public-site .public-hero .public-proof span{color:var(--muted)}.public-faq-item:focus-within{border-color:var(--focus)}.public-journey-step,.public-value,.public-faq-item{border-color:var(--line);border-radius:var(--r);background:var(--surface-strong);box-shadow:var(--card-shadow)}.public-journey-step{min-height:100%}.public-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.public-value{width:auto;max-width:none;min-height:124px;padding:var(--space-4)}.public-value:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:var(--shadow-hover)}.public-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.public-cta-panel{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--r);background:linear-gradient(135deg,color-mix(in srgb,var(--soft) 76%,var(--surface)),var(--surface) 62%);box-shadow:var(--card-shadow)}@media(max-width:700px){.public-site .public-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "preview" "support";row-gap:var(--space-3)}.public-values{grid-template-columns:repeat(2,minmax(0,1fr))}.public-faq-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.public-faq-list.compact-card-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.public-site .public-hero{padding:var(--space-4);row-gap:var(--space-3)}.public-site .public-hero h1,.public-site .public-hero .public-lead{margin-top:var(--space-2)}.public-hero .public-actions{gap:var(--space-2);margin-top:var(--space-3)}.public-hero-support .public-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.public-hero-support .public-proof li{min-width:0;padding:var(--space-2);border-radius:var(--r-control)}.public-hero-support .public-proof li:last-child{grid-column:1 / -1}.public-hero-support .public-proof strong{font-size:var(--text-sm)}.public-hero-support .public-proof span{font-size:var(--text-xs)}.public-hero-support .public-reassurance{margin-top:var(--space-2)}}@media(max-width:480px){.public-site .public-hero h1{margin-top:var(--space-2)}.public-site .public-hero .public-lead{margin-top:var(--space-2);font-size:var(--text-base)}.public-hero .public-actions{gap:var(--space-2);margin-top:var(--space-3)}.public-site .public-hero .public-reassurance{margin-top:var(--space-2);font-size:var(--text-meta)}.public-hero .product-preview{width:100%}.public-hero .preview-picture{height:clamp(calc(var(--space-12) + var(--space-6)),32vw,calc(var(--space-12) + var(--space-12)));overflow:hidden}.public-hero .preview-capture{width:100%;height:100%;object-fit:cover;object-position:top center}.public-values{grid-template-columns:minmax(0,1fr)}.public-value{min-height:0}}@media(max-width:700px){.public-site .public-hero{grid-template-areas:"copy" "support"}.public-site .public-hero .product-preview{display:none}}@media(max-width:700px){.preview-shell .header-actions .notification-trigger,.preview-shell .header-actions [data-action=reload-app]{display:none}.preview-shell .header-actions{gap:0}.footer-preview-label{color:var(--muted)}}.demo-app{background:var(--bg)}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink);font-size:var(--text-xs)}.demo-main{display:grid;align-content:start;gap:var(--space-5)}.demo-screen{display:grid;align-content:start;gap:var(--space-5);min-width:0}.demo-nav{grid-template-columns:repeat(6,minmax(0,1fr))}@media(min-width:900px){.topbar .demo-nav{flex-direction:row;grid-template-columns:none}}@media(min-width:1200px){.app.demo-app>.topbar{padding-inline:20px}.app.demo-app>.topbar .demo-nav{width:100%;max-width:none;flex-direction:column}.app.demo-app>.topbar .public-header-actions{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:var(--space-2);padding:var(--space-2)}.app.demo-app>.topbar .public-account-action{width:100%}.app.demo-app>.topbar .public-header-tools{display:flex;justify-content:center}}.demo-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-xs)}.demo-page-heading h1{font-size:var(--text-heading);letter-spacing:-.02em}.demo-area-panel .head{margin-bottom:var(--space-3)}.demo-area-panel h2{font-size:var(--text-base)}.demo-area-panel .section-kicker{margin-bottom:var(--space-1)}.demo-task-list{display:grid;gap:var(--space-1);margin:0}.demo-task-list .task{min-width:0}.demo-task-list .task.done{border-color:var(--line);background:var(--surface-soft);box-shadow:none;color:var(--muted)}.demo-task-list .task.done .ttl,.demo-task-list .task.done .meta{color:var(--muted)}.demo-task-list .task.is-next{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--soft)}.demo-task-list .task.is-next .meta:before{content:"→ "}.demo-task-list .tt{min-width:0}.demo-task-list .ttl{overflow-wrap:anywhere}.demo-focus-card,.demo-habit-card{display:grid;min-width:0;align-content:start;gap:var(--space-3);padding:var(--space-4)}.demo-focus-card>.head>.ic,.demo-habit-card>.head>.ic{flex:none;color:var(--accent)}.demo-focus-card .timer{align-self:center;color:var(--accent);font-size:var(--text-4xl);font-variant-numeric:tabular-nums}.demo-muted{color:var(--muted);font-size:var(--text-sm)}.demo-focus-presets{display:flex;flex-wrap:wrap;gap:var(--space-1)}.demo-focus-presets [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.demo-habit-week{display:flex;justify-content:space-between;gap:var(--space-1)}.demo-habit-week span{display:grid;width:30px;height:30px;flex:none;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:var(--text-xs)}.demo-habit-week span.is-complete{border-color:var(--ok);background:var(--ok);color:var(--on-solid)}.demo-page-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.demo-page-heading>div{display:grid;gap:var(--space-2)}.demo-page-heading>div>p:last-child{max-width:65ch;color:var(--muted);line-height:var(--leading-relaxed)}.demo-area-panel{width:100%;padding:var(--space-5)}.demo-area-panel .demo-add-form{display:grid;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line)}.demo-area-panel .demo-add-form label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.demo-add-form>div{display:flex;gap:var(--space-2)}.demo-add-form input{min-width:0;flex:1}.demo-area-single{display:grid;width:min(100%,760px);gap:var(--space-4)}.demo-focus-card--large{gap:var(--space-4);padding:clamp(var(--space-5),5vw,var(--space-8))}.demo-focus-card--large .timer{font-size:var(--text-timer-large)}.demo-habit-card--large{padding:clamp(var(--space-5),5vw,var(--space-8))}.demo-habit-card--large .demo-habit-week{justify-content:flex-start;gap:var(--space-3)}.demo-habit-note p:last-child{margin-top:var(--space-2);color:var(--muted);line-height:var(--leading-relaxed)}.demo-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}.demo-calendar button{display:grid;min-width:0;min-height:var(--control-lg);place-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit}.demo-calendar button span{color:var(--muted);font-size:var(--text-2xs)}.demo-calendar button.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.demo-cycle-detail{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--r-control);background:var(--surface-raised)}.demo-cycle-detail h3{margin-top:var(--space-1);font-size:var(--text-base)}.demo-cycle-detail p:last-child,.demo-note{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.demo-finance-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.demo-finance-summary article{display:grid;min-width:0;gap:var(--space-2);padding:var(--space-4);border-radius:var(--r-control);background:var(--surface-raised)}.demo-finance-summary span{color:var(--muted);font-size:var(--text-sm)}.demo-finance-summary strong{overflow-wrap:anywhere;font-size:var(--text-lg)}.demo-list-heading{margin-top:var(--space-5);font-size:var(--text-sm)}.demo-finance-list{display:grid;margin:var(--space-2) 0 0;padding:0;list-style:none}.demo-finance-list li{display:flex;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.demo-finance-list li>span:nth-child(2){display:grid;min-width:0;flex:1;gap:var(--space-1)}.demo-finance-list b,.demo-finance-list strong{overflow-wrap:anywhere;font-size:var(--text-sm)}.demo-finance-list small{color:var(--muted)}.demo-finance-mark{color:var(--accent)}.demo-month-controls{display:flex;flex:none;gap:var(--space-1)}.demo-cta{flex-wrap:wrap}.demo-cta .public-actions{margin:0}@media(max-width:700px){.demo-main{gap:var(--space-4)}body:has(.demo-app) #pwa-install-notice{bottom:calc(var(--control-lg) + var(--space-4) + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.demo-area-panel{padding:var(--space-4)}.demo-add-form>div{align-items:stretch;flex-direction:column}.demo-add-form .btn{width:100%}.demo-finance-summary{grid-template-columns:minmax(0,1fr)}.demo-calendar{gap:var(--space-1)}.demo-calendar button{min-height:var(--control-md);padding:var(--space-1)}.demo-finance-list li{gap:var(--space-2)}}.public-site .public-values{grid-template-columns:repeat(6,minmax(0,1fr))}.public-site .public-value{grid-column:span 2;justify-self:center;width:100%;max-width:320px}.public-site .public-value:nth-child(4){grid-column:2 / span 2}.public-site .public-value:nth-child(5){grid-column:4 / span 2}@media(max-width:900px){.public-site .public-values{grid-template-columns:repeat(2,minmax(0,1fr))}.public-site .public-value{grid-column:auto;justify-self:stretch;max-width:100%}.public-site .public-value:nth-child(4),.public-site .public-value:nth-child(5){grid-column:auto}}@media(max-width:480px){.public-site .public-hero{row-gap:var(--space-2);padding:var(--space-3)}.public-site .public-hero-support .public-proof{display:none}}@media(min-width:361px)and (max-width:480px){.public-site .public-hero .public-actions{flex-direction:row}.public-site .public-hero .public-actions .btn{width:auto;min-width:0;flex:1 1 0;padding-inline:var(--space-2)}}@media(max-width:360px){.public-site .public-hero h1{font-size:var(--text-2xl)}.public-site .public-hero .public-actions{flex-direction:row}.public-site .public-hero .public-actions .btn{width:auto;min-width:0;flex:1 1 0;padding-inline:var(--space-2);font-size:var(--text-xs);white-space:nowrap}.public-site .public-hero-support .public-proof{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity}.public-site .public-hero-support .public-proof li{flex:0 0 calc(var(--space-12) + var(--space-6));scroll-snap-align:start}.public-site .public-hero-support .public-proof{display:none}}@media(max-width:700px){.public-site .public-hero{grid-template-areas:"copy" "preview" "support"}.public-site .public-hero .product-preview{display:block}.public-hero .preview-picture{height:clamp(calc(var(--space-12) + var(--space-6)),32vw,calc(var(--space-12) + var(--space-12)));overflow:hidden}.public-hero .preview-capture{width:100%;height:100%;object-fit:cover;object-position:top center}.public-site .public-hero .product-preview{border-radius:var(--r-large);-webkit-mask-image:linear-gradient(to bottom,var(--ink) 85%,transparent 100%);mask-image:linear-gradient(to bottom,var(--ink) 85%,transparent 100%)}.public-journey-grid{grid-template-columns:minmax(0,1fr);gap:0}.public-journey-step{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:0;padding:var(--space-3) var(--space-4);border-radius:0;box-shadow:none}.public-journey-step:first-child{border-radius:var(--r) var(--r) 0 0}.public-journey-step+.public-journey-step{border-top:0}.public-journey-step:last-child{border-radius:0 0 var(--r) var(--r)}.public-journey-step .public-journey-number{font-size:var(--text-xs);letter-spacing:.08em}.public-journey-step .public-value-icon{width:var(--control-md);height:var(--control-md)}.public-journey-step p{margin-top:var(--space-1);font-size:var(--text-xs)}.public-site .public-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.public-site .public-value{display:grid;grid-template-columns:var(--control-md) minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:0;padding:var(--space-3);border-radius:var(--r-control)}.public-site .public-value>div{display:contents}.public-site .public-value .public-value-icon{width:var(--control-md);height:var(--control-md)}.public-site .public-value h3{grid-column:2;grid-row:1;font-size:var(--text-sm)}.public-site .public-value p{grid-column:1 / -1;margin:0;font-size:var(--text-xs)}.public-site .public-value:last-child:nth-child(odd){grid-column:1 / -1}.public-site .public-hero-support .public-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.public-site .public-hero-support .public-proof li{padding:var(--space-2)}.public-site .public-hero-support .public-proof li:last-child{grid-column:auto}.public-site .public-hero-support .public-proof strong{font-size:var(--text-xs)}.public-site .public-hero-support .public-proof span{font-size:var(--text-2xs)}.public-faq-more{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-strong);box-shadow:var(--card-shadow)}.public-faq-more>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-weight:var(--weight-semibold);cursor:pointer;list-style:none}.public-faq-more>summary::-webkit-details-marker{display:none}.public-faq-more>summary>.ic{flex:none;color:var(--accent);transition:transform var(--duration-fast) var(--ease-standard)}.public-faq-more[open]>summary>.ic{transform:rotate(180deg)}.public-faq-extra{display:grid;gap:var(--space-3)}.public-faq-more:not([open])>.public-faq-extra{display:none}}@media(min-width:701px){.public-faq-more{display:contents}.public-faq-more>summary{display:none}.public-faq-extra{display:contents}}@media(max-width:480px){.public-main{gap:var(--space-4)}.public-site .public-hero{row-gap:var(--space-1);padding:var(--space-3)}.public-site .public-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.public-site .public-values{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.demo-nav-link,.public-value,.public-faq-more>summary>.ic{transition:none}.public-value:hover{transform:none}}.site-footer{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:var(--space-6) clamp(20px,4vw,52px) var(--space-5);border-top:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 3%,var(--bg)),var(--bg) 58%);text-align:left}.site-footer-content{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(160px,.8fr) minmax(260px,1.4fr);align-items:start;gap:clamp(var(--space-4),2.8vw,var(--space-5));width:100%;max-width:1360px;margin-inline:auto}.footer-brand,.footer-nav{display:grid;justify-items:start;gap:var(--space-2);align-content:start;min-width:0}.footer-brand-mark{display:flex;align-items:center;gap:var(--space-2)}.footer-brand-mark img{display:block;width:36px;height:36px;border-radius:var(--r-control);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 14%,transparent)}.footer-brand-mark .wordmark{color:var(--ink);font-size:var(--text-xl);font-weight:800;letter-spacing:-.04em}.footer-brand-mark .wordmark span{color:var(--accent)}.footer-brand p{max-width:24ch;color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-relaxed)}.footer-nav h2{margin:0;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.footer-link-list{display:grid;justify-items:start;gap:var(--space-1)}.footer-link{display:inline-flex;min-height:32px;align-items:center;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--text-sm);text-align:left;text-decoration:none;cursor:pointer}.footer-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.18em}.footer-faq{grid-column:1 / -1;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-group);background:color-mix(in srgb,var(--surface) 72%,transparent)}.footer-faq>summary,.footer-faq-content>details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-sm);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.footer-faq>summary{display:flex;min-height:var(--control-field);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);list-style:none}.footer-faq>summary::-webkit-details-marker,.footer-faq-content>details>summary::-webkit-details-marker{display:none}.footer-faq>summary span{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;color:var(--accent);transition:transform .2s ease}.footer-faq[open]>summary span{transform:rotate(180deg)}.footer-faq-content>details>summary>span{display:grid;width:var(--control-sm);height:var(--control-sm);flex:none;place-items:center;color:var(--muted);transition:transform var(--duration-fast) var(--ease-standard)}.footer-faq-content>details[open]>summary>span{transform:rotate(180deg)}.footer-faq[open]>summary{border-bottom:1px solid var(--line);color:var(--ink)}.footer-faq-content{display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.footer-faq-content>details{padding-top:var(--space-2);border-top:1px solid var(--line)}.footer-faq-content>details:first-child{border-top:0}.footer-faq-content p{max-width:58ch;padding:0 0 var(--space-2);color:var(--muted);font-size:var(--text-meta);line-height:var(--leading-relaxed)}.footer-suggestion-form{display:grid;gap:var(--space-2);max-width:520px;padding-bottom:var(--space-3)}.footer-suggestion-form label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.footer-suggestion-form input,.footer-suggestion-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-field);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font:inherit}.footer-suggestion-form textarea{min-height:112px;resize:vertical}.footer-suggestion-form input:focus-visible,.footer-suggestion-form textarea:focus-visible,.footer-suggestion-form button:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.footer-suggestion-form button{justify-self:start;min-height:var(--control-md)}.footer-meta{grid-column:1 / -1;display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-xs)}.footer-back-to-top{align-self:flex-end;white-space:nowrap}.app-footer.site-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-6);padding-inline:clamp(20px,4vw,52px)}.app>.app-footer.site-footer{padding-bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px))}.app-footer .save-indicator{order:2;min-height:20px;align-content:center;align-self:flex-end}.app-footer .site-footer-content{order:1}.app-footer .save-indicator{justify-self:auto}.account-page{display:flex;min-height:100svh;flex-direction:column}.account-gate-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:none;width:100%;margin-top:auto;padding-top:var(--space-7);padding-inline:clamp(20px,4vw,52px);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom,0px))}.account-page>.account-gate{flex:1 0 auto;min-height:0}@media(max-width:1024px){.site-footer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.footer-brand,.footer-faq{grid-column:1 / -1}}@media(max-width:700px){.site-footer{padding-inline:16px}.site-footer-content{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.footer-brand,.footer-nav,.footer-faq{grid-column:auto;width:100%}.footer-meta{flex-direction:column;align-items:flex-start}}@media(min-width:900px){.app>.main{padding-bottom:var(--space-5)}.app>.app-footer.site-footer{padding-bottom:24px}}@media(max-width:700px){.app-footer{flex-direction:column;gap:4px;padding-bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom,0px))}.app-footer .save-indicator{align-self:center}}.legal-page{min-height:100vh;background:var(--bg);color:var(--ink)}.legal-skip-link{position:absolute;z-index:2;top:var(--space-2);left:var(--space-2);transform:translateY(-160%);padding:var(--space-2) var(--space-3);border-radius:var(--r-control);background:var(--surface);color:var(--ink)}.legal-skip-link:focus{transform:translateY(0)}.legal-header{box-sizing:border-box;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) clamp(20px,4vw,52px);border-bottom:1px solid var(--line);background:var(--surface)}.legal-header a,.legal-document a{color:var(--accent);text-underline-offset:.18em}.legal-header a:focus-visible,.legal-document a:focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}.legal-brand{color:var(--ink)!important;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.04em;text-decoration:none}.legal-brand span{color:var(--accent)}.legal-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);font-size:var(--text-sm)}.legal-document{box-sizing:border-box;width:min(100% - var(--space-4) * 2,820px);margin:var(--space-7) auto;padding:clamp(var(--space-4),5vw,var(--space-7));border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--card-shadow)}.legal-eyebrow{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.legal-document h1{margin:0 0 var(--space-5);font-size:var(--text-display);line-height:var(--leading-tight)}.legal-document section{margin-top:var(--space-5)}.legal-document h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.legal-document p,.legal-document li{color:var(--muted);font-size:var(--text-base);line-height:var(--leading-relaxed);overflow-wrap:anywhere}.legal-document p{margin:0 0 var(--space-3)}.legal-document ul{display:grid;gap:var(--space-2);margin:0;padding-left:1.4em}.legal-document li strong{color:var(--ink)}.legal-document-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-xs)}.legal-modal:not([open]){display:none}.legal-modal{box-sizing:border-box;width:min(760px,calc(100vw - var(--space-4) * 2));max-width:none;max-height:min(calc(100vh - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px))),820px);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-large);background:var(--surface-strong);color:var(--ink);box-shadow:var(--shadow)}@supports (height: 100dvh){.legal-modal{max-height:min(calc(100dvh - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px))),820px)}}.legal-modal::backdrop{background:color-mix(in srgb,var(--ink) 48%,transparent)}.legal-modal>.legal-modal-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--dialog-padding);border-bottom:1px solid var(--line);background:var(--surface-strong)}.legal-modal>.legal-modal-header h2{margin:0;font-size:var(--text-heading);line-height:var(--leading-tight)}.legal-modal-status{flex:none;margin:var(--space-4) var(--dialog-padding) 0;color:var(--muted)}.legal-modal-content{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0}.legal-modal-content .legal-document{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.legal-modal-footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--dialog-padding)}.legal-modal-footer .btn{flex:1 1 auto}.legal-modal-content>.legal-document+.legal-document{border-top:1px solid var(--line)}.legal-modal-content :focus-visible,.legal-modal-header :focus-visible{outline:3px solid var(--ring);outline-offset:var(--space-half)}@media(max-width:520px){.legal-header{align-items:flex-start;flex-direction:column}.legal-document{margin-block:var(--space-4)}.legal-modal{width:calc(100vw - var(--space-3) * 2);border-radius:var(--r-large)}.legal-modal>.legal-modal-header{padding:var(--dialog-padding-compact)}.legal-modal-content{padding:0}.legal-modal-footer{padding:var(--space-3) var(--dialog-padding-compact)}.legal-document-footer{flex-direction:column}}.main[data-route=config]{--settings-surface: color-mix(in srgb, var(--surface) 92%, var(--bg));--settings-edge: color-mix(in srgb, var(--accent) 16%, var(--line));--settings-card-gap: var(--space-4);--settings-card-padding: clamp(var(--space-4), 3vw, var(--space-6))}.main[data-route=config] .settings-layout{grid-template-columns:minmax(220px,252px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.8vw,32px)}.main[data-route=config] .settings-menu{top:84px;max-height:calc(100dvh - 104px);gap:12px;padding:14px;border-color:var(--settings-edge);border-radius:var(--r-large);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--settings-surface) 55%);box-shadow:var(--shadow-sm)}.main[data-route=config] .settings-menu-heading{margin:0 4px 2px;padding:5px 8px 10px;border-bottom-color:var(--line);color:var(--muted);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase}.main[data-route=config] .settings-menu-group{gap:5px}.main[data-route=config] .settings-menu-group+.settings-menu-group{margin-top:0;padding-top:9px}.main[data-route=config] .settings-link{position:relative;min-height:62px;grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;padding:8px;border-radius:var(--r-control)}.main[data-route=config] .settings-link:before{position:absolute;top:12px;bottom:12px;left:-1px;width:3px;border-radius:var(--r-pill);background:transparent;content:""}.main[data-route=config] .settings-link:hover{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.main[data-route=config] .settings-link[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--ink);box-shadow:none}.main[data-route=config] .settings-link[aria-current=page]:before{background:var(--accent)}.main[data-route=config] .settings-link-icon{width:36px;height:36px;border-color:transparent;border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}.main[data-route=config] .settings-link[aria-current=page] .settings-link-icon{background:var(--btn);color:var(--on-btn)}.main[data-route=config] .settings-link-copy{gap:3px}.main[data-route=config] .settings-link-copy b{font-size:var(--text-sm);font-weight:var(--weight-bold)}.main[data-route=config] .settings-link-copy small{font-size:var(--text-2xs);line-height:1.35}.main[data-route=config] .settings-link-arrow{width:14px}.main[data-route=config] .settings-content{gap:var(--space-4);min-width:0}.main[data-route=config] .settings-content>.card{max-width:none;border-color:var(--settings-edge);border-radius:var(--r-large);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 2.5%,var(--surface-strong)),var(--surface-strong) 38%);box-shadow:var(--card-shadow)}.main[data-route=config] .settings-content>.card,.main[data-route=config] .settings-content>.profile-settings-container>.card,.main[data-route=config] .settings-content>.settings-account-list>.card{gap:var(--settings-card-gap);padding:var(--settings-card-padding)}.main[data-route=config] .settings-section-heading>p,.main[data-route=config] .profile-settings-heading>p,.main[data-route=config] .appearance-settings-heading>div>p{max-width:64ch;line-height:1.6}.main[data-route=config] .profile-settings-container{gap:var(--space-4)}.main[data-route=config] .profile-settings{gap:var(--space-5)}.main[data-route=config] .profile-settings-heading h2,.main[data-route=config] .appearance-settings-heading h2{font-size:var(--text-2xl)}.main[data-route=config] .profile-greeting-preview{padding:clamp(var(--space-4),3vw,var(--space-5));border-color:color-mix(in srgb,var(--accent) 23%,var(--line));border-radius:var(--r);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 48%),color-mix(in srgb,var(--accent) 4%,var(--surface))}.main[data-route=config] .profile-settings-group,.main[data-route=config] .appearance-settings-group{gap:var(--space-4);grid-template-columns:minmax(0,1fr);padding:var(--space-4) 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.main[data-route=config] .profile-settings-group[aria-labelledby=profile-name-title]{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--space-3)}.main[data-route=config] .profile-settings-group[aria-labelledby=profile-name-title]>div:first-child{margin-bottom:var(--space-1)}.main[data-route=config] .profile-settings-fields{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:var(--space-4);row-gap:var(--space-3)}.main[data-route=config] .profile-settings-group+.profile-settings-group,.main[data-route=config] .appearance-settings-group+.appearance-settings-group{border-top:1px solid var(--line)}.main[data-route=config] .profile-settings-group h3,.main[data-route=config] .appearance-settings-copy h3{font-size:var(--text-lg)}.main[data-route=config] .appearance-settings-heading{align-items:center;gap:var(--space-4)}.main[data-route=config] .profile-appearance-controls{gap:var(--space-3)}.main[data-route=config] .profile-appearance-option{grid-template-columns:minmax(108px,140px) minmax(0,1fr);align-items:center;gap:var(--space-3)}.main[data-route=config] .profile-appearance-option .seg{max-width:420px}.main[data-route=config] .appearance-settings-controls{gap:var(--space-5)}.main[data-route=config] .appearance-preset,.main[data-route=config] .settings-data-action,.main[data-route=config] .areas-navigation-item{border-color:var(--line);background:var(--surface)}.main[data-route=config] .appearance-preset{min-height:76px;padding:var(--space-4);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.main[data-route=config] .appearance-preset:hover{transform:translateY(-1px)}.main[data-route=config] .appearance-preset[aria-pressed=true]{border-color:var(--accent)}.main[data-route=config] .areas-navigation-item{gap:var(--space-3);padding:var(--space-4);border-radius:var(--r);box-shadow:0 8px 18px -18px var(--ink)}.main[data-route=config] .areas-navigation-settings{gap:var(--settings-card-gap)}.main[data-route=config] .areas-navigation-controls{gap:var(--space-3)}.main[data-route=config] .settings-data-action{gap:var(--space-3);padding:var(--space-5);border-radius:var(--r)}.main[data-route=config] .settings-data-action h3{font-size:var(--text-lg)}.main[data-route=config] .settings-data-action-icon{width:42px;height:42px;border-radius:var(--r-control)}.main[data-route=config] .settings-data-trash .trash-list>li{padding:var(--space-3);border-color:var(--line);background:var(--surface)}.main[data-route=config] .settings-data-care .settings-data-danger{border-color:color-mix(in srgb,var(--bad) 42%,var(--line));background:color-mix(in srgb,var(--bad-soft) 56%,var(--surface))}.main[data-route=config] .settings-account-list{gap:var(--space-4)}.main[data-route=config] .account-session-card .settings-section-heading,.main[data-route=config] .account-delete-card .settings-section-heading,.main[data-route=config] .account-resources-card .settings-section-heading{align-items:center}.main[data-route=config] .settings-unsaved-bar{border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}:root[data-density=compact] .main[data-route=config]{--settings-card-gap: var(--space-3);--settings-card-padding: var(--space-3)}@container (max-width: 620px){.main[data-route=config] .profile-settings-fields{grid-template-columns:minmax(0,1fr)}.main[data-route=config] .profile-appearance-option{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}}@media(max-width:900px)and (min-width:761px){.main[data-route=config] .settings-layout{grid-template-columns:minmax(190px,220px) minmax(0,1fr);gap:var(--space-4)}.main[data-route=config] .settings-link{grid-template-columns:34px minmax(0,1fr)}.main[data-route=config] .settings-link-arrow,.main[data-route=config] .settings-link-copy small{display:none}}@media(max-width:760px){.main[data-route=config] .settings-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.main[data-route=config] .settings-menu{position:relative;top:auto;display:flex;max-height:none;gap:var(--space-2);margin-inline:calc(-1 * var(--gut-l)) calc(-1 * var(--gut-r));padding:8px var(--gut-r);overflow-x:auto;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--bg);box-shadow:none;scrollbar-width:thin;overscroll-behavior-inline:contain}.main[data-route=config] .settings-menu-group{display:contents}.main[data-route=config] .settings-menu-heading{display:none}.main[data-route=config] .settings-menu-group+.settings-menu-group{padding:0;border:0}.main[data-route=config] .settings-link{display:flex;width:auto;min-width:92px;min-height:72px;flex:0 0 auto;flex-direction:column;justify-content:center;gap:5px;padding:7px 10px;border-color:transparent;text-align:center}.main[data-route=config] .settings-link:before,.main[data-route=config] .settings-link-arrow{display:none}.main[data-route=config] .settings-link-icon{width:32px;height:32px}.main[data-route=config] .settings-link-copy{width:100%;align-items:center}.main[data-route=config] .settings-link-copy b{font-size:var(--text-xs)}.main[data-route=config] .settings-link-copy small{display:none}.main[data-route=config] .settings-content>.card,.main[data-route=config] .settings-content>.profile-settings-container>.card,.main[data-route=config] .settings-content>.settings-account-list>.card{--settings-card-padding: var(--space-4)}}@media(max-width:520px){.main[data-route=config] .settings-content>.card,.main[data-route=config] .settings-content>.profile-settings-container>.card,.main[data-route=config] .settings-content>.settings-account-list>.card{--settings-card-padding: var(--space-3);border-radius:var(--r)}.main[data-route=config] .settings-section-heading>p{font-size:var(--text-sm)}.main[data-route=config] .appearance-settings-heading{grid-template-columns:minmax(0,1fr);align-items:start}.main[data-route=config] .appearance-settings-heading>.btn{justify-self:start}.main[data-route=config] .profile-settings-group,.main[data-route=config] .appearance-settings-group{padding:var(--space-3) 0 0}.main[data-route=config] .settings-data-action{padding:var(--space-4)}.main[data-route=config] .areas-navigation-controls{align-items:flex-start}.main[data-route=config] .settings-save-actions>.btn{flex:1 1 auto}.main[data-route=config] .settings-unsaved-bar{align-items:stretch;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.main[data-route=config] .settings-unsaved-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main[data-route=config] .settings-unsaved-actions>.btn{min-width:0;padding-inline:var(--space-2)}}@media(prefers-reduced-motion:reduce){.main[data-route=config] .appearance-preset{transition:none}.main[data-route=config] .appearance-preset:hover{transform:none}}.main>.page-title{position:relative;display:flex;min-height:112px;align-items:center;overflow:hidden;padding:var(--space-5) var(--space-5);border:1px solid color-mix(in srgb,var(--area-tone, var(--accent)) 20%,var(--line));border-radius:var(--r-large);background:var(--hero);box-shadow:var(--card-shadow)}.main>.page-title:after{position:absolute;top:50%;right:var(--space-5);width:72px;height:72px;border:1px solid color-mix(in srgb,var(--area-tone, var(--accent)) 28%,transparent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--area-tone, var(--accent)) 5%,transparent),0 0 0 24px color-mix(in srgb,var(--area-tone, var(--accent)) 3%,transparent);content:"";transform:translateY(-50%)}.main>.page-title .page-title-copy{position:relative;z-index:1;display:grid;gap:var(--space-1);max-width:min(70ch,calc(100% - 120px))}.main>.page-title .page-title-eyebrow{color:var(--area-tone, var(--accent));font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.1em}.main>.page-title h1{position:relative;z-index:1;font-size:var(--text-page-title);letter-spacing:-.055em}.main>.page-title h1 i{color:var(--area-tone, var(--accent))}.main>.page-title p{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.main>.page-title:has(.finance-page-action):after{display:none}@media(max-width:700px){.main>.page-title{min-height:78px;padding:var(--space-4);border-radius:var(--r)}.main>.page-title:after{top:50%;right:var(--space-4);width:54px;height:54px}.main>.page-title .page-title-copy{max-width:calc(100% - 68px)}.main>.page-title p{display:none}}