:root{color-scheme:dark;--bg-main: #000000;--bg-sidebar: #0b0f1a;--bg-card: #111625;--bg-card-hover: #161c30;--border-subtle: #1c2238;--divider: #1a2034;--text-primary: #f5f7ff;--text-secondary: #b7bedd;--text-muted: #7c84a8;--accent: #8b7cff;--accent-hover: #a094ff;--accent-soft: rgba(139, 124, 255, .18);--accent-glow: rgba(139, 124, 255, .35);--surface-overlay: rgba(255, 255, 255, .03);--surface-overlay-soft: rgba(255, 255, 255, .02);--surface-overlay-hover: rgba(255, 255, 255, .06);--surface-border-strong: rgba(255, 255, 255, .12);--sidebar-glass-bg: rgba(11, 15, 26, .72);--sidebar-glass-border: rgba(255, 255, 255, .12);--sidebar-glass-shadow: 10px 0 30px rgba(0, 0, 0, .3);--mobile-toggle-shadow: 0 4px 16px rgba(0, 0, 0, .4);--overlay-backdrop: rgba(0, 0, 0, .4);--ring-track: #232b47;--success: #ffd36b;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-main-title: 28px;--font-section-title: 22px;--font-text: 14px;--font-small: 12px;--font-scale: 1;--sidebar-width: 250px;--sidebar-width-collapsed: 86px}:root[data-theme=light]{color-scheme:light;--bg-main: #eef2f7;--bg-sidebar: #e3e9f4;--bg-card: #f7f9fd;--bg-card-hover: #edf1f8;--border-subtle: #c9d4e7;--divider: #d5deec;--text-primary: #101729;--text-secondary: #425171;--text-muted: #607196;--accent: #6f63ef;--accent-hover: #5f53da;--accent-soft: rgba(111, 99, 239, .14);--accent-glow: rgba(111, 99, 239, .28);--surface-overlay: rgba(16, 23, 41, .04);--surface-overlay-soft: rgba(16, 23, 41, .03);--surface-overlay-hover: rgba(16, 23, 41, .08);--surface-border-strong: rgba(16, 23, 41, .14);--sidebar-glass-bg: rgba(239, 244, 251, .88);--sidebar-glass-border: rgba(120, 145, 186, .36);--sidebar-glass-shadow: 10px 0 30px rgba(21, 38, 66, .16);--mobile-toggle-shadow: 0 6px 18px rgba(25, 42, 70, .18);--overlay-backdrop: rgba(15, 23, 42, .14);--ring-track: #d7def0;--success: #d4901f}:root[data-density=compact]{--radius-lg: 14px;--radius-xl: 16px;--space-md: 12px;--font-text: 13px;--font-small: 11px}@media(max-width:768px){:root{--font-main-title: 20px;--font-section-title: 20px}}:root[data-contrast=high]{--text-secondary: color-mix(in srgb, var(--text-primary), #ffffff 20%);--border-subtle: color-mix(in srgb, var(--text-primary), transparent 70%)}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Inter,Arial,sans-serif;background:var(--bg-main);color:var(--text-primary);font-size:calc(var(--font-text) * var(--font-scale));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,[role=button]{-webkit-tap-highlight-color:transparent}a:focus:not(:focus-visible),button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}@media(hover:none)and (pointer:coarse){a,button,[role=button]{touch-action:manipulation;transition:transform .16s ease,filter .16s ease}a:active,button:active,[role=button]:active{transform:scale(.98);filter:brightness(1.04)}}.main-title{margin:0;font-size:calc(var(--font-main-title) * var(--font-scale));font-weight:700;line-height:1.15}.section-title{margin:0;font-size:calc(var(--font-section-title) * var(--font-scale));font-weight:600;line-height:1.2}.text-secondary{color:var(--text-secondary);font-size:calc(var(--font-text) * var(--font-scale))}.text-muted{color:var(--text-muted);font-size:calc(var(--font-small) * var(--font-scale))}.layout{display:flex;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;background:var(--bg-main)}.app-shell,.layout-native-mobile{position:relative;display:block;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.app-shell .sidebar,.app-shell .mobile-nav-toggle,.app-shell .sidebar-overlay,.layout-native-mobile .sidebar,.layout-native-mobile .mobile-nav-toggle,.layout-native-mobile .sidebar-overlay{display:none!important}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);padding:18px 21px;display:flex;flex-direction:column;transition:width .34s cubic-bezier(.22,1,.36,1);flex-shrink:0;overflow-x:hidden}.glass-sidebar{background:var(--sidebar-glass-bg)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-right:1px solid var(--sidebar-glass-border)!important}.sidebar-close-mobile{position:absolute;top:14px;right:14px;width:36px!important;height:36px!important;background:var(--surface-overlay)!important;border:1px solid var(--surface-border-strong)!important;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:100;cursor:pointer;transition:all .2s ease}.sidebar-close-mobile:active{transform:scale(.92);background:var(--surface-overlay-hover)!important}.sidebar:not(.open){width:var(--sidebar-width-collapsed)}.glass-sidebar{background:var(--sidebar-glass-bg)!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border-right:1px solid var(--sidebar-glass-border)!important;box-shadow:var(--sidebar-glass-shadow)}.sidebar-top{display:flex;flex-direction:column;align-items:flex-start;padding-left:0;min-height:120px;margin-bottom:20px;position:relative}.sidebar:not(.open) .sidebar-top{padding-left:0}.sidebar-toggle{width:44px;height:44px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.sidebar-toggle:hover{background:var(--surface-overlay);border-color:var(--border-subtle);box-shadow:0 0 10px var(--accent-glow)}.sidebar-close-mobile{position:absolute;top:18px;right:18px;width:36px;height:36px;background:var(--surface-overlay);border:1px solid var(--surface-border-strong);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:100;cursor:pointer;box-shadow:var(--mobile-toggle-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-user-area{margin-top:18px;position:relative;width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;transition:none}.sidebar:not(.open) .sidebar-user-area{gap:0;justify-content:flex-start}.sidebar-user-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid rgba(139,124,255,.25);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--accent);transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar.open .sidebar-user-avatar{opacity:1;transform:scale(1);position:static;pointer-events:auto}.sidebar-user-box{transition:opacity .3s ease;width:100%;flex-shrink:0;white-space:nowrap}.sidebar:not(.open) .sidebar-user-box{opacity:0;pointer-events:none}.sidebar-greeting{margin:0 0 6px;color:var(--text-muted);font-size:var(--font-small);white-space:nowrap}.sidebar-user-box h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sidebar-links{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-links a,.sidebar-bottom a,.sidebar-logout{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px 14px;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:all .2s ease;overflow:hidden}.link-label{transition:opacity .3s ease;display:inline-block;flex-shrink:0}.sidebar:not(.open) .link-label{opacity:0;pointer-events:none;position:absolute;left:56px}.sidebar-links a:hover,.sidebar-bottom a:hover,.sidebar-logout:hover{background:var(--surface-overlay);border-color:var(--border-subtle);color:var(--text-primary);box-shadow:0 0 10px var(--accent-glow)}.sidebar-links a.active,.sidebar-bottom a.active{background:var(--accent-soft);border-color:#8b7cff59;color:var(--text-primary)}:root[data-theme=light] .sidebar-toggle:hover,:root[data-theme=light] .sidebar-links a:hover,:root[data-theme=light] .sidebar-bottom a:hover,:root[data-theme=light] .sidebar-logout:hover{box-shadow:0 8px 18px color-mix(in srgb,var(--accent),transparent 88%)}.sidebar:not(.open) .sidebar-links a,.sidebar:not(.open) .sidebar-bottom a,.sidebar:not(.open) .sidebar-logout{width:44px;height:44px;min-width:44px;padding:0;justify-content:center}.mobile-nav-toggle{display:none;position:fixed;top:calc(14px + env(safe-area-inset-top));left:14px;z-index:1200;width:44px;height:44px;border-radius:var(--radius-md);background:var(--sidebar-glass-bg);border:1px solid var(--sidebar-glass-border);color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--mobile-toggle-shadow);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transition:all .3s cubic-bezier(.22,1,.36,1)}.mobile-nav-toggle.hidden{transform:translate(-100px);opacity:0;pointer-events:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.sidebar-bottom{display:flex;flex-direction:column;gap:8px}.dashboard{--dashboard-gap: clamp(14px, 1.6vw, 20px);flex:1;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.94fr);gap:var(--dashboard-gap);padding:clamp(14px,1.6vw,20px);min-width:0;height:100%;overflow:visible;box-sizing:border-box;align-items:stretch}.left-column{display:flex;flex-direction:column;gap:var(--dashboard-gap);min-width:0;overflow:visible;min-height:0}.dashboard.dashboard-single-column{grid-template-columns:1fr}.right-column{display:flex;flex-direction:column;gap:var(--dashboard-gap);min-width:0;min-height:0;overflow:hidden}.page-content{flex:1;display:flex;flex-direction:column;overflow:visible;height:100%;min-width:0;min-height:0}.layout-native-mobile .page-content{width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 var(--mobile-bottom-nav-height, calc(64px + env(safe-area-inset-bottom, 0px)) ) 0!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.layout-native-mobile .page-content-dashboard,.layout-native-mobile .page-content-score,.layout-native-mobile .page-content-todos,.layout-native-mobile .page-content-routines,.layout-native-mobile .page-content-settings{padding:0!important}.layout-native-mobile .page-content-dashboard,.layout-native-mobile .page-content-score,.layout-native-mobile .page-content-settings{overflow:hidden!important}.page-content-dashboard{container-type:inline-size;container-name:dashboard-page}.sync-status-chip{position:fixed;right:18px;bottom:18px;z-index:1400;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--bg-sidebar),transparent 12%);border:1px solid var(--sidebar-glass-border);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 30px #0000003d;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);pointer-events:none}.sync-status-chip-dot{width:8px;height:8px;border-radius:999px;background:#f6c94c;box-shadow:0 0 12px #f6c94c73}@media(min-width:769px){.page-content-dashboard{overflow:visible!important}}.mobile-page-intro{display:none}.habits-section{min-height:0;height:100%}.habit-list{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 10px 6px 6px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#3a4266 transparent}.habit-list::-webkit-scrollbar{width:10px}.habit-list::-webkit-scrollbar-track{background:transparent;border-radius:999px}.habit-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a4266,#4c5788);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.habit-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#55619a,#6775ba);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.chart-wrapper{width:100%;height:240px}.layout-native-mobile .sync-status-chip,.app-shell .sync-status-chip{right:14px;bottom:calc(var(--mobile-bottom-nav-height, 64px) + 14px);font-size:11px;padding:7px 10px}@media(max-width:768px){.web-shell.web-shell--mobile .mobile-nav-toggle{display:inline-flex}.web-shell.web-shell--mobile .sidebar-overlay{display:block}.web-shell.web-shell--mobile .sidebar.mobile-open{position:fixed;inset:0 auto 0 0;z-index:1100;width:min(320px,calc(100vw - 20px));padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));box-shadow:var(--sidebar-glass-shadow)}.web-shell.web-shell--mobile .page-content{padding-top:calc(env(safe-area-inset-top,0px) + 56px);overflow-y:auto!important}.web-shell.web-shell--mobile .page-content-dashboard{overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important}.web-shell.web-shell--mobile .dashboard{display:flex!important;flex-direction:column!important;padding:16px!important;gap:16px!important;overflow-y:auto!important;flex:1!important;height:100%!important;min-height:0!important}.web-shell.web-shell--mobile .left-column,.web-shell.web-shell--mobile .right-column,.web-shell.web-shell--mobile .left-stack{display:contents!important}.web-shell.web-shell--mobile .momentum-card{order:1!important;flex-shrink:0!important}.web-shell.web-shell--mobile .habits-section{order:2!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.web-shell.web-shell--mobile .habit-list{display:flex!important;flex-direction:column!important;flex:1!important;overflow-y:auto!important;padding-right:4px!important;min-height:0!important;gap:12px!important}.web-shell.web-shell--mobile .routines-section,.web-shell.web-shell--mobile .routines-card,.web-shell.web-shell--mobile .performance-section,.web-shell.web-shell--mobile .chart-card,.web-shell.web-shell--mobile .todo-drawer{display:flex!important}.web-shell.web-shell--mobile .performance-section,.web-shell.web-shell--mobile .chart-card{order:4!important;min-height:320px!important}.web-shell.web-shell--mobile .todo-drawer{order:5!important}.web-shell.web-shell--mobile .sync-status-chip{right:14px;bottom:14px;font-size:11px;padding:7px 10px}}@media(min-width:769px){@container dashboard-page (max-width: 1100px){.dashboard{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:clamp(14px,1.8vw,20px)!important;padding:clamp(14px,1.8vw,20px)!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.left-column,.right-column,.left-stack{display:contents!important;height:auto!important;overflow:visible!important}.dashboard .card,.dashboard .todo-drawer{width:100%!important;height:auto!important;min-height:auto!important;flex:0 0 auto!important}.dashboard .habits-section{min-height:0!important;height:auto!important;max-height:none!important}}}@media(max-width:768px){.momentum-card--mobile-compact{padding:8px 12px!important;min-height:auto!important;gap:6px!important}.momentum-card--mobile-compact .momentum-visual-wrap{height:80px!important;margin-bottom:4px!important}.momentum-card--mobile-compact .momentum-label{font-size:14px!important;margin-bottom:4px!important}.momentum-card--mobile-compact .momentum-stats-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding:4px 0!important;scrollbar-width:none}.momentum-card--mobile-compact .momentum-stats-grid::-webkit-scrollbar{display:none}.momentum-card--mobile-compact .momentum-stat-pill{flex:0 0 auto!important;padding:8px 6px!important;min-width:80px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;height:52px!important;background:#ffffff08!important;border-radius:10px!important}.momentum-card--mobile-compact .momentum-stat-label{font-size:10px!important;margin:0 0 6px!important;text-transform:uppercase!important;letter-spacing:.1em!important;opacity:.5!important;line-height:1!important;display:block!important}.momentum-card--mobile-compact .momentum-stat-value{font-size:16px!important;line-height:1!important;font-weight:700!important;display:block!important}.score-page-stack--mobile{display:flex!important;flex-direction:column!important;height:100%!important;gap:12px!important;overflow:hidden!important}.score-page-stack--mobile .score-tab-momentum-card{flex:0 0 calc(33% - 6px)!important;overflow:hidden!important;padding:12px!important}.score-page-stack--mobile .chart-card{flex:1!important;min-height:0!important}.score-tab-mobile-label,.score-tab-mobile-summary p{display:none!important}.routines-grid{max-height:480px!important;overflow-y:auto!important;padding:4px!important}}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px}.interactive-card{transition:background .22s ease,border-color .22s ease,box-shadow .28s ease,transform .18s ease}.interactive-card:hover{background:var(--bg-card-hover);border-color:#8b7cff52;box-shadow:0 0 0 1px #8b7cff1a,0 8px 26px #8b7cff1a;transform:translateY(-1px)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.center-header{justify-content:center}.icon-button{width:40px;height:40px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-overlay);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,box-shadow .22s ease,transform .16s ease}.icon-button:hover{background:var(--accent-soft);border-color:#8b7cff57;box-shadow:0 0 0 1px #8b7cff1f,0 0 18px #8b7cff2e;transform:translateY(-1px)}.primary-button,.secondary-button,.chip-button{border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;transition:background .2s ease,border-color .2s ease,box-shadow .22s ease,transform .16s ease,opacity .2s ease}.primary-button svg,.secondary-button svg,.chip-button svg{flex-shrink:0;display:block}.primary-button{background:var(--accent);color:#fff;height:40px;padding:0 16px;font-size:var(--font-text);font-weight:500;display:inline-flex;align-items:center;justify-content:center}.routine-details-edit-actions .primary-button,.routine-details-edit-actions .secondary-button,.routine-details-actions .primary-button,.routine-player-actions .secondary-button{min-height:44px}.primary-button:hover{background:var(--accent-hover);box-shadow:0 0 0 1px #8b7cff29,0 0 20px #8b7cff3d;transform:translateY(-1px)}.secondary-button{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-subtle);height:40px;padding:0 16px;font-size:var(--font-text);display:inline-flex;align-items:center;justify-content:center}.secondary-button:hover{background:var(--accent-soft);border-color:#8b7cff57;box-shadow:0 0 0 1px #8b7cff1a,0 0 16px #8b7cff29;transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.chip-button:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.97);filter:brightness(.95)}.left-column{min-width:0;min-height:0;display:flex;flex-direction:column;height:100%}.left-stack{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,0fr);gap:0;min-height:0;height:100%;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),gap .42s cubic-bezier(.22,1,.36,1)}.left-stack.todo-open{grid-template-rows:minmax(300px,1.16fr) minmax(220px,.92fr);gap:var(--dashboard-gap, 20px)}.habits-section,.momentum-section,.performance-section,.routines-section{min-height:0;height:100%;display:flex;flex-direction:column;min-width:0;overflow:visible}.habit-list{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:clamp(12px,1.6vw,20px);align-content:start;flex:1;min-height:0;overflow-y:auto;overflow-x:visible;padding-top:4px;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.habit-list::-webkit-scrollbar{display:none;width:0;height:0}.dashboard-habits-section .card-header{margin-bottom:12px}.web-shell:not(.web-shell--mobile) .dashboard-habits-section .habit-list{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}.dashboard-habits-expand-wrap{margin-top:14px;display:flex;justify-content:center;flex-shrink:0}.dashboard-habits-expand-button{min-width:140px}.dashboard-mobile-end-spacer{display:none}.habit-card{--habit-accent: #339AF0;--habit-accent-glow: color-mix(in srgb, var(--habit-accent), transparent 84%);--habit-accent-soft: color-mix(in srgb, var(--habit-accent), transparent 92%);background:linear-gradient(165deg,color-mix(in srgb,var(--habit-accent),transparent 88%) 0%,var(--bg-card) 46%,color-mix(in srgb,var(--habit-accent),transparent 94%) 100%)!important;border:1px solid color-mix(in srgb,var(--habit-accent),var(--border-subtle) 72%)!important;border-radius:18px!important;padding:12px 14px!important;display:flex!important;flex-direction:column!important;gap:12px!important;position:relative!important;min-width:0;overflow:visible!important}.habit-card:hover{transform:translateY(-2px)!important;border-color:var(--habit-accent)!important;box-shadow:0 10px 24px -4px #00000040,0 0 16px -2px var(--habit-accent-glow)!important}.habit-card.streaking{border-color:color-mix(in srgb,var(--habit-accent),#ffffff 20%)!important;box-shadow:0 8px 20px -8px #00000047,0 0 0 1px color-mix(in srgb,var(--habit-accent),transparent 78%),0 0 18px -3px var(--habit-accent-glow)!important}.habit-card-locked{cursor:pointer;opacity:.72}.habit-card-locked:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#03060c24,#03060c52);pointer-events:none}.habit-card-locked:hover{transform:none!important;border-color:color-mix(in srgb,var(--habit-accent),transparent 64%)!important;box-shadow:0 6px 16px #00000038,0 0 0 1px color-mix(in srgb,var(--habit-accent),transparent 88%)!important}.habit-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}.habit-header-left{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0;flex:1}.habit-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative;z-index:1}.habit-emoji{font-size:1.35rem;line-height:1;margin-top:2px;flex-shrink:0}.habit-title-group{min-width:0;display:flex;flex-direction:column;gap:2px}.habit-name{margin:0!important;font-size:1rem!important;font-weight:700!important;color:var(--text-primary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-target-mini{margin-top:2px;font-size:.75rem;opacity:.65;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-edit-trigger{background:#ffffff0a!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;width:28px!important;height:28px!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important}.habit-lock-badge{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#070b12b8;color:#e2e8ffdb;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #00000038}.habit-stats-row{display:flex!important;justify-content:space-between!important;align-items:center!important}.habit-flame-idle{color:var(--text-secondary)!important;opacity:.22!important}.habit-flame-streak{color:var(--habit-accent)!important;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--habit-accent),transparent 70%))!important}.habit-flame-completed{color:color-mix(in srgb,var(--habit-accent),#ffffff 22%)!important;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--habit-accent),transparent 58%)) drop-shadow(0 0 16px color-mix(in srgb,var(--habit-accent),transparent 74%))!important}.habit-period-progress{font-size:.8rem!important;color:var(--text-secondary)!important;font-weight:600!important}.habit-history-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:100%;margin-top:6px;padding-inline:1px;min-width:0;overflow:visible}.habit-card-extended-history .habit-history-grid{grid-template-columns:repeat(var(--habit-visible-days, 10),minmax(0,1fr))}.habit-history-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;overflow:visible}.habit-history-label{display:flex;flex-direction:column;align-items:center;font-size:.62rem;font-weight:700;opacity:.45;line-height:1}.habit-history-cell.is-today .habit-history-label{opacity:1}.habit-history-label .day-name{text-transform:uppercase}.habit-history-label .day-num{margin-top:2px;font-size:.58rem;opacity:.7}.habit-history-box{position:relative;background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important;width:100%;max-width:100%;min-width:0;aspect-ratio:1;border-radius:7px;box-sizing:border-box;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer!important;color:transparent!important}.habit-history-box:disabled{cursor:wait!important;opacity:.8}.habit-history-cell.checked .habit-history-box,.habit-history-box.is-checked{background:var(--habit-accent);border-color:var(--habit-accent);box-shadow:0 4px 12px -2px var(--habit-accent-glow),0 0 0 1px color-mix(in srgb,var(--habit-accent),#ffffff 22%);color:#fff!important}.habit-history-cell.checked .habit-history-box svg,.habit-history-box.is-checked svg{stroke-width:2.6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.habit-history-box:hover{transform:scale(1.08);background:#ffffff0f!important}.danger-button{border-color:#ff828238;color:#ffd3d3}.danger-button:hover{background:#ff6e6e1a;border-color:#ff828252;box-shadow:0 0 14px #ff6e6e1a}.score-card{min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.momentum-card{align-items:stretch;justify-content:flex-start;container-type:inline-size;padding:clamp(14px,1.8vh,20px) clamp(14px,1.4vw,20px) clamp(16px,2.2vh,24px);border-color:var(--momentum-border, var(--border-subtle));position:relative;isolation:isolate;overflow:hidden;box-shadow:0 4px 20px #00000026;transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1)}.momentum-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(72% 58% at 50% 34%,var(--momentum-glow, transparent) 0%,rgba(0,0,0,0) 72%);opacity:.95;pointer-events:none;z-index:0}.momentum-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--momentum-border, transparent),inset 0 0 34px #ffffff04;pointer-events:none;z-index:0}.momentum-card>*{position:relative;z-index:1}.momentum-card:hover{transform:none;border-color:var(--momentum-border, rgba(139, 124, 255, .45));box-shadow:0 14px 32px #00000042,0 0 0 1px #ffffff05}:root[data-theme=light] .momentum-card{box-shadow:0 18px 34px #4961841f,0 4px 12px #6f63ef0f}:root[data-theme=light] .momentum-card:before{background:radial-gradient(78% 64% at 50% 34%,color-mix(in srgb,var(--momentum-glow, transparent),#ffffff 38%),#fff0 80%);opacity:.72}:root[data-theme=light] .momentum-card:hover{box-shadow:0 20px 38px #49618429,0 4px 16px #6f63ef14}.momentum-card--circle{--momentum-circle-shift: 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar topbar" "visual stats" "label stats";align-items:center;column-gap:clamp(28px,3.5vw,48px);row-gap:clamp(12px,1.6vh,22px)}.momentum-topbar{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:0;position:relative;z-index:4}.momentum-topbar .chart-settings-button{width:40px;height:40px;min-width:40px;padding:0;border-radius:10px;box-sizing:border-box;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center}.momentum-card--circle .momentum-topbar{grid-area:topbar;margin-bottom:0;align-self:start}.momentum-topbar-spacer{width:40px;height:40px;visibility:hidden}.momentum-title{text-align:left;margin:0}.momentum-visual-wrap{width:100%;display:flex;align-items:center;justify-content:center;flex:1;margin-top:0;margin-bottom:4px;position:relative;z-index:1}.momentum-card--circle .momentum-visual-wrap{grid-area:visual;height:auto;margin:0;justify-content:center;padding-left:var(--momentum-circle-shift)}.momentum-card--circle .score-circle{width:clamp(152px,31cqi,250px);height:clamp(152px,31cqi,250px)}.momentum-card--circle .score-text{font-size:clamp(30px,6cqi,56px)}.score-bar-wrap{width:min(520px,100%);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:8px;column-gap:0}.score-bar-track{grid-column:1 / -1;grid-row:1;height:20px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.score-bar-fill{height:100%;border-radius:999px;transition:width .35s ease,background .25s ease}.score-bar-value{grid-column:1;grid-row:2;justify-self:center;min-width:56px;text-align:center;font-size:24px;font-weight:700;color:var(--text-primary)}.momentum-label{margin:clamp(2px,.8vh,6px) 0 0 0;text-align:center;font-size:14px;font-weight:600;color:var(--text-primary)}.momentum-card--circle .momentum-label{grid-area:label;text-align:center;margin:2px 0 0;justify-self:stretch;padding-left:var(--momentum-circle-shift)}.momentum-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,10px);width:min(100%,420px);margin:auto auto 0}.momentum-card--circle .momentum-stats-grid{grid-area:stats;margin-top:0;align-self:center;padding-right:4px;width:100%;max-width:none;margin-left:0;margin-right:0}.momentum-stat-pill{border:1px solid var(--border-subtle);border-radius:14px;padding:10px 14px;min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.momentum-stat-label{font-size:12px;color:var(--text-secondary)}.momentum-stat-value{font-size:18px;color:var(--text-primary);font-weight:700}@media(min-width:769px){.momentum-card,.momentum-card--circle{padding:20px}.momentum-card:not(.momentum-card--circle) .momentum-topbar{margin-bottom:20px}.momentum-card--circle .momentum-topbar{margin-bottom:0}.momentum-card--circle{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:clamp(32px,4vw,48px);row-gap:20px;align-items:center}.momentum-card--circle .momentum-visual-wrap{min-height:204px;align-self:center;justify-self:center;width:100%;padding-left:0}.momentum-card--circle .score-circle{width:204px;height:204px}.momentum-card--circle .score-text{font-size:clamp(30px,2.4vw,36px)}.momentum-card--circle .momentum-label{margin-top:0;padding-left:0;justify-self:center;width:min(240px,100%)}.momentum-card--circle .momentum-stats-grid{grid-area:stats;margin-top:0;align-self:center;padding-right:4px;width:100%;max-width:none;margin-left:0;margin-right:0}.momentum-card--circle .momentum-stat-pill{min-height:82px;padding:12px 14px}.momentum-card:not(.momentum-card--circle) .momentum-visual-wrap{height:90px;margin-top:0;margin-bottom:8px}.momentum-card:not(.momentum-card--circle) .score-bar-wrap{width:min(540px,100%)}.momentum-card:not(.momentum-card--circle) .momentum-label{margin:0 0 14px}.momentum-card:not(.momentum-card--circle) .momentum-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,10px);width:min(100%,420px);margin:auto auto 0}.momentum-card:not(.momentum-card--circle) .momentum-stat-pill{min-height:clamp(56px,6.8vh,68px)}}.momentum-page-card{max-width:1100px}.momentum-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.score-info-text{margin:8px 0 0;text-align:center}.score-page-subtitle{margin:10px 0 24px}.score-page-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.score-page-main-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.score-page-stats-card{display:flex;flex-direction:column;gap:14px;justify-content:center}.score-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.score-stat-row:last-child{border-bottom:none}.score-circle{width:160px;height:160px;position:relative;flex-shrink:0;overflow:visible}.score-circle svg{width:100%;height:100%;display:block;transform:rotate(-90deg);overflow:visible}.score-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text-primary);will-change:transform,opacity}.score-text.is-updating{animation:score-text-update .24s ease}@keyframes score-text-update{0%{transform:scale(.92);opacity:.8}to{transform:scale(1);opacity:1}}.chart-card{min-height:0;height:100%;display:flex;flex-direction:column}.chart-header{align-items:flex-start;position:relative;margin-bottom:14px}.chart-subtitle{margin:6px 0 0}.chart-header-actions{display:flex;align-items:center;gap:10px}.chart-score-pill{min-width:118px;padding:9px 12px;border-radius:14px;border:1px solid var(--border-subtle);background:#ffffff08}.chart-score-pill-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chart-score-pill-label{font-size:12px;color:var(--text-secondary)}.chart-score-pill-value{font-size:18px;font-weight:700;color:var(--text-primary)}.chart-settings-wrap{position:relative;z-index:6}.chart-settings-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0}.chart-settings-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px;box-shadow:0 12px 30px #0006;z-index:40;display:flex;flex-direction:column;gap:4px;pointer-events:auto}.habit-sort-menu{min-width:210px}.habit-sort-menu-label{padding:4px 8px 6px;font-size:12px;font-weight:700;color:var(--text-secondary)}.habit-sort-option,.habit-sort-direction-button{justify-content:space-between;width:100%}.habit-sort-menu-divider{height:1px;margin:4px 0;background:var(--border-subtle)}.chart-menu-button{justify-content:center;white-space:nowrap}.chart-menu-button.active{background:var(--accent-soft);border-color:#8b7cff61}.chart-empty-state{min-height:0;flex:1}.chart-wrapper{width:100%;min-height:140px;height:auto;flex:1;margin:0;padding:0 2px 10px 6px}.chart-wrapper,.chart-wrapper .recharts-wrapper,.chart-wrapper .recharts-surface,.chart-wrapper .recharts-surface *{-webkit-tap-highlight-color:transparent}.chart-wrapper:focus,.chart-wrapper:focus-visible,.chart-wrapper:active,.chart-wrapper .recharts-wrapper:focus,.chart-wrapper .recharts-wrapper:focus-visible,.chart-wrapper .recharts-wrapper:active,.chart-wrapper .recharts-surface:focus,.chart-wrapper .recharts-surface:focus-visible,.chart-wrapper .recharts-surface:active,.chart-wrapper .recharts-surface *:focus,.chart-wrapper .recharts-surface *:focus-visible,.chart-wrapper .recharts-surface *:active{outline:none;box-shadow:none}.chart-hover-tooltip{background:color-mix(in srgb,var(--bg-card),transparent 4%);border:1px solid color-mix(in srgb,var(--accent),transparent 72%);border-radius:10px;padding:8px 10px;box-shadow:0 14px 30px #0c122242,0 0 18px color-mix(in srgb,var(--accent),transparent 88%);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}.chart-hover-tooltip-date{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.chart-hover-tooltip-score{font-size:16px;font-weight:700;color:var(--text-primary)}:root[data-theme=light] .chart-hover-tooltip{background:#f7f9fdf5;border-color:#6f63ef38;box-shadow:0 16px 32px #2d426524,0 0 0 1px #ffffffb8}:root[data-theme=light] .chart-hover-tooltip-date{color:#5c6d91}.right-column{display:flex;flex-direction:column;gap:20px;min-width:0;min-height:0;height:100%;overflow:hidden}.dashboard .right-column{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--dashboard-gap, 20px);align-items:stretch}.right-column>.score-card{flex:1 1 0}.right-column>.chart-card{flex:1 1 0}.right-column>.routines-card{flex:1 1 0}.right-column>.score-card,.right-column>.chart-card,.right-column>.routines-card{min-height:0}.dashboard .right-column>.score-card,.dashboard .right-column>.chart-card,.dashboard .right-column>.routines-card,.dashboard .right-column>.momentum-card,.dashboard .right-column>.momentum-card.momentum-card--circle,.dashboard .right-column>.momentum-card.momentum-card--bar{height:100%;min-height:0!important}.routines-card{min-height:0;height:100%;display:flex;flex-direction:column;margin-top:0}.dashboard .routines-card{container-type:inline-size}.routines-header-actions,.chart-header-actions,.habits-header-actions{display:flex;align-items:flex-start;gap:12px}.routines-header-actions,.habits-header-actions{align-items:center}.routines-subtitle{margin:6px 0 0}.routines-add-button{display:inline-flex;align-items:center;justify-content:center}.routines-header-actions>.routines-add-button.primary-button,.routines-header-actions .chart-settings-button{width:40px;min-width:40px;height:40px;padding:0;border-radius:10px;box-sizing:border-box;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center}.add-habit-button.primary-button,.routines-add-button.primary-button{width:40px;min-width:40px;height:40px;padding:0;border-radius:10px;font-size:24px;line-height:1}.habits-page-add-button.primary-button{white-space:nowrap}.routines-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.8vh,20px);flex:1;min-height:0;overflow-y:auto;padding-top:4px;padding-right:4px;margin-top:-4px;scrollbar-width:none;-ms-overflow-style:none}.routines-grid::-webkit-scrollbar{display:none;width:0;height:0}.routine-slot{min-height:clamp(90px,12vh,112px);border-radius:18px;border:1px solid var(--border-subtle);background:#ffffff05;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.routine-slot-filled{--routine-accent: var(--accent);padding:16px;text-align:left;border-color:color-mix(in srgb,var(--routine-accent),var(--border-subtle) 68%);background:linear-gradient(160deg,color-mix(in srgb,var(--routine-accent),transparent 90%),#ffffff05 42%,color-mix(in srgb,var(--routine-accent),transparent 94%))}.routine-slot-filled:hover{background:linear-gradient(160deg,color-mix(in srgb,var(--routine-accent),transparent 86%),#ffffff0a 42%,color-mix(in srgb,var(--routine-accent),transparent 92%));border-color:color-mix(in srgb,var(--routine-accent),transparent 44%);box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 78%),0 0 18px color-mix(in srgb,var(--routine-accent),transparent 80%)}.habit-history-box.is-streak:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--habit-accent),transparent 70%);border-radius:inherit;pointer-events:none}.habit-history-box.is-streak-strong:after{border-color:color-mix(in srgb,var(--habit-accent),transparent 64%)}.chart-score-pill.is-protected{background:linear-gradient(145deg,#78b7ff21,#1a375b2e)}.chart-hover-tooltip-protection{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;color:#9dccff;font-size:.72rem;font-weight:700}.routine-slot-locked{opacity:.72}.routine-slot-locked:hover{transform:none;border-color:color-mix(in srgb,var(--routine-accent),transparent 60%);box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 86%),0 0 12px color-mix(in srgb,var(--routine-accent),transparent 86%)}.routine-check-circle-locked{background:#070b12ad;border-color:#ffffff14;color:#e2e8ffd1}.routines-card-reorder-enabled{position:relative}.routines-card-reorder-enabled .routines-grid{padding-bottom:72px}.routines-reorder-controls{position:absolute;right:16px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px}.routines-slot-picker{width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate(10px);transition:width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--surface-overlay),transparent 12%);border:1px solid var(--border-subtle);border-radius:12px;padding:5px}.routines-slot-picker.active{width:188px;opacity:1;pointer-events:auto;transform:translate(0)}.routines-slot-button{width:38px;min-width:38px;height:38px;padding:0;border-radius:10px;font-weight:700}.routines-slot-button.active{background:color-mix(in srgb,var(--accent),transparent 80%);border-color:color-mix(in srgb,var(--accent),transparent 42%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 76%),0 0 12px color-mix(in srgb,var(--accent),transparent 84%)}.routines-reorder-toggle{width:42px;min-width:42px;height:42px;padding:0;border-radius:12px}.routines-reorder-toggle.active{background:color-mix(in srgb,var(--accent),transparent 78%);border-color:color-mix(in srgb,var(--accent),transparent 40%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 74%),0 0 14px color-mix(in srgb,var(--accent),transparent 82%)}.routines-card-reorder-mode .routine-slot-reorder{cursor:grab;-webkit-user-select:none;user-select:none}.routines-card-reorder-mode .routine-slot-reorder:active{cursor:grabbing}.routine-slot-dragging{opacity:.56;transform:scale(.985)}.routine-slot-drop-target{border-color:color-mix(in srgb,var(--accent),transparent 36%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 72%),0 0 18px color-mix(in srgb,var(--accent),transparent 82%)}@media(min-width:769px)and (max-height:940px){.dashboard{gap:14px!important;padding:14px!important}.left-column,.right-column{gap:14px!important}.dashboard .card{padding:16px!important}.dashboard .card-header{margin-bottom:14px!important}.chart-score-pill{min-width:104px;padding:7px 10px}.chart-score-pill-value{font-size:16px}.chart-wrapper{min-height:128px;padding:0 2px 6px 4px}}@media(min-width:769px)and (max-height:820px){.momentum-label{display:none}.momentum-stat-pill{min-height:44px}.chart-wrapper{min-height:112px}}.routine-slot-main{height:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.routine-slot-text{display:flex;flex-direction:column;gap:8px;min-width:0}.routine-slot-title{font-size:20px;font-weight:700;color:color-mix(in srgb,var(--routine-accent),#ffffff 18%);line-height:1.25;display:block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routine-slot-streak{font-size:13px;color:color-mix(in srgb,var(--routine-accent),var(--text-secondary) 72%)}.routine-slot-indicator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px}.routine-dashboard-slot{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--routine-accent),#ffffff 42%);line-height:1;min-height:12px}.routine-check-circle{width:34px;height:34px;min-width:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--routine-accent),transparent 78%);display:grid;place-items:center;color:color-mix(in srgb,var(--routine-accent),#ffffff 68%);background:color-mix(in srgb,var(--routine-accent),transparent 92%);transition:background .2s ease,border-color .2s ease,box-shadow .25s ease,color .2s ease,transform .18s ease}.routine-check-circle-active,.routine-check-circle-today{color:#07170e;background:linear-gradient(180deg,#76e39a,#4fce7a);border-color:#9bf4b8db;box-shadow:0 0 0 2px #65d58a38,0 0 16px #65d58a8a,0 0 30px #65d58a3d}.routine-check-circle-active svg,.routine-check-circle-today svg{stroke-width:3;filter:drop-shadow(0 1px 0 rgba(255,255,255,.24))}.routine-slot-add{display:grid;place-items:center}.routine-slot-add:hover{background:#ffffff0a;border-color:#8b7cff42;box-shadow:0 0 0 1px #8b7cff1a,0 0 18px #8b7cff1a}.routine-slot-plus-wrap{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:#ffffff0a;color:var(--text-primary)}.routine-slot-empty{border-style:dashed;opacity:.18;pointer-events:none}.dashboard .routines-grid{gap:clamp(8px,1.8cqi,20px)}.dashboard .routine-slot{min-height:clamp(74px,14cqi,112px);border-radius:clamp(12px,2.8cqi,18px)}.dashboard .routine-slot-filled{padding:clamp(10px,2.2cqi,16px)}.dashboard .routine-slot-main{gap:clamp(8px,1.8cqi,14px)}.dashboard .routine-slot-text{gap:clamp(4px,1.1cqi,8px)}.dashboard .routine-slot-title{font-size:clamp(14px,3.6cqi,20px);line-height:1.18}.dashboard .routine-slot-streak{font-size:clamp(10px,2.1cqi,13px);line-height:1.25}.dashboard .routine-check-circle{width:clamp(28px,6.2cqi,34px);height:clamp(28px,6.2cqi,34px);min-width:clamp(28px,6.2cqi,34px)}.dashboard .routine-check-circle svg{width:clamp(12px,2.8cqi,16px);height:clamp(12px,2.8cqi,16px)}.dashboard .routine-slot-plus-wrap{width:clamp(34px,8.5cqi,46px);height:clamp(34px,8.5cqi,46px)}.dashboard .routine-slot-plus-wrap svg{width:clamp(18px,4.2cqi,26px);height:clamp(18px,4.2cqi,26px)}.routine-create-modal{max-width:560px;height:min(92dvh,720px);max-height:min(92dvh,720px);position:relative;overflow:hidden;background:linear-gradient(165deg,color-mix(in srgb,var(--accent),transparent 88%),#0e1320fc 40%,#0b101cfc);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:color-mix(in srgb,var(--accent),var(--border-subtle) 72%);box-shadow:0 24px 42px #00000070,0 0 0 1px color-mix(in srgb,var(--accent),transparent 84%)}.routine-create-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 20%,transparent 42%),radial-gradient(120% 90% at 12% 0%,color-mix(in srgb,var(--accent),transparent 88%) 0%,transparent 60%);pointer-events:none;opacity:.95}.routine-create-modal:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 82%);pointer-events:none}.routine-create-modal>*{position:relative;z-index:1}.routine-create-header-actions{display:flex;align-items:center;gap:8px}.routine-topbar-icon-button,.item-topbar-icon-button{width:36px;min-width:36px;height:36px;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;background:#ffffff08!important;color:#f5f7ff!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #0000002e}.routine-topbar-icon-button:hover,.item-topbar-icon-button:hover{background:#ffffff08!important;border-color:#ffffff1a!important;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #0000002e!important;transform:none!important}.routine-topbar-icon-button:active:not(:disabled),.item-topbar-icon-button:active:not(:disabled){transform:scale(.98)!important;filter:none!important}.routine-topbar-icon-button svg,.item-topbar-icon-button svg{width:20px;height:20px}.routine-modal-header-fields{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start}.routine-modal-header-fields .form-group{min-width:0;margin-bottom:0}.routine-modal-header-fields .routine-emoji-field{order:2}.routine-modal-header-fields .routine-name-field{order:1}.routine-modal-header-fields .routine-emoji-field input{text-align:center;padding-inline:12px}.routine-create-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:12px;overflow:hidden}.routine-create-form .modal-actions{margin-top:auto;padding-top:8px}.routine-builder-section{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:14px}.routine-builder-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.routine-builder-steps{display:flex;flex-direction:column;gap:12px}.routine-builder-steps-scroll{max-height:540px;overflow-y:auto;padding-right:6px;scrollbar-width:none;-ms-overflow-style:none}.routine-builder-steps-scroll::-webkit-scrollbar{display:none;width:0;height:0}.routine-builder-step-card{border:1px solid var(--border-subtle);border-radius:16px;padding:14px;background:#ffffff05}.routine-create-modal .routine-builder-step-card,.routine-details-modal .routine-edit-step-card{border-color:color-mix(in srgb,var(--accent),var(--border-subtle) 78%);background:linear-gradient(180deg,#181e31eb,#121829e6);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px #ffffff0a}.routine-create-modal .routine-builder-step-card .form-group input,.routine-details-modal .routine-edit-step-card .form-group input{background:#161c2de0}.routine-builder-step-grid{display:grid;grid-template-columns:1.45fr .75fr .55fr .55fr;gap:12px}.routine-builder-step-grid-unified{grid-template-columns:44px minmax(0,1fr) minmax(92px,108px);align-items:end;gap:10px}.routine-create-modal .routine-builder-step-grid-unified{grid-template-columns:28px 44px minmax(0,1fr) minmax(92px,108px)}.routine-builder-step-index{width:28px;height:28px;align-self:center;border:1px solid color-mix(in srgb,var(--accent),transparent 74%);border-radius:9px;background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.routine-builder-step-grid-unified .form-group{min-width:0;margin-bottom:0}.routine-step-time-inputs{display:flex;align-items:center;gap:6px}.routine-step-time-single-input{text-align:center}.routine-step-time-unit{flex-shrink:0;color:var(--text-secondary);font-size:11px;font-weight:600}.routine-builder-step-actions{display:flex;justify-content:flex-end;margin-top:10px}.routine-details-modal{--routine-accent: var(--accent);--accent-soft: color-mix(in srgb, var(--routine-accent), transparent 86%);--accent-hover: color-mix(in srgb, var(--routine-accent), #ffffff 10%);position:relative;overflow:hidden;max-width:760px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;padding:26px;border:1px solid color-mix(in srgb,var(--routine-accent),var(--border-subtle) 68%);background:linear-gradient(165deg,color-mix(in srgb,var(--routine-accent),transparent 90%),#0e1320fc 38%,#0b101cfc);backdrop-filter:none;-webkit-backdrop-filter:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 24px 42px #0000006b,0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 84%)}.routine-details-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 20%,transparent 42%),radial-gradient(120% 90% at 12% 0%,color-mix(in srgb,var(--routine-accent),transparent 94%) 0%,transparent 60%);pointer-events:none;opacity:.45}.routine-details-modal:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 82%);pointer-events:none}.routine-details-modal>*{position:relative;z-index:1}.routine-details-modal input,.routine-details-modal textarea{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.routine-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;flex-shrink:0}.routine-details-header-left{min-width:0;flex:1}.routine-details-title-row{display:flex;align-items:center;gap:10px;min-width:0}.routine-details-title-edit-row{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}.routine-details-routine-emoji{font-size:28px;line-height:1;flex-shrink:0}.routine-details-title{margin:0;color:color-mix(in srgb,var(--routine-accent),#ffffff 14%);text-shadow:0 0 14px color-mix(in srgb,var(--routine-accent),transparent 84%);max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routine-details-title-input{width:100%;height:48px;border:1px solid color-mix(in srgb,var(--routine-accent),transparent 56%);border-radius:14px;background:#ffffff08;color:var(--text-primary);padding:0 14px;font-size:22px;font-weight:700;outline:none}.routine-details-emoji-input{width:100%;height:48px;border:1px solid color-mix(in srgb,var(--routine-accent),transparent 56%);border-radius:14px;background:#ffffff08;color:var(--text-primary);padding:0 12px;font-size:24px;text-align:center;outline:none}.routine-details-title-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--routine-accent),transparent 86%)}.routine-details-emoji-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--routine-accent),transparent 86%)}.routine-details-subtitle{margin:10px 0 0;line-height:1;display:flex;align-items:center;gap:10px}.routine-details-status-pill{display:inline-flex;align-items:center;gap:6px;font-weight:700}.routine-details-completion-pill{min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:12px;line-height:1}.routine-details-completion-pill.is-completed{color:#dfffea;background:#40c26e2e;border-color:#65d58a7a;box-shadow:0 0 16px #65d58a29}.routine-details-completion-pill.is-pending{color:var(--text-secondary);background:#ffffff06;opacity:.72}.routine-details-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;align-self:flex-start}.routine-delete-button{opacity:.72}.routine-details-modal .chart-settings-button{border-color:color-mix(in srgb,var(--routine-accent),transparent 76%);background:color-mix(in srgb,var(--routine-accent),transparent 93%)}.routine-details-modal .secondary-button,.routine-settings-modal .secondary-button{border-color:color-mix(in srgb,var(--routine-accent),transparent 82%)}.routine-details-edit-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:14px}.routine-details-edit-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.routine-details-icon-button{width:40px;height:40px;min-width:40px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.routine-details-save-button{box-shadow:0 0 16px color-mix(in srgb,var(--routine-accent),transparent 82%)}.routine-details-steps{display:flex;flex-direction:column;gap:14px}.routine-details-steps-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:6px;scrollbar-width:none;-ms-overflow-style:none}.routine-details-steps-scroll::-webkit-scrollbar{display:none;width:0;height:0}.routine-edit-steps-list{display:flex;flex-direction:column;gap:12px}.routine-edit-step-swipe{flex:0 0 auto;position:relative;overflow:hidden;border-radius:18px;touch-action:pan-y}.routine-edit-step-remove{position:absolute;top:0;right:0;bottom:0;width:176px;display:flex;align-items:center;justify-content:flex-end;padding:14px 12px}.routine-edit-step-remove .danger-button{min-width:148px;min-height:48px}.routine-edit-step-sheet{position:relative;z-index:1;transition:transform .18s ease;will-change:transform}.routine-edit-step-sheet.is-dragging{transition:none}.routine-edit-step-card{margin:0}.routine-details-modal .routine-builder-step-card{border-color:color-mix(in srgb,var(--routine-accent),transparent 82%);background:linear-gradient(180deg,#ffffff0a,color-mix(in srgb,var(--routine-accent),transparent 95%));backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffff0a}.routine-details-step{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb,var(--routine-accent),transparent 82%);border-radius:18px;padding:16px 18px;background:linear-gradient(180deg,#ffffff0d,color-mix(in srgb,var(--routine-accent),transparent 95%));backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffff0a}.routine-details-step-left{display:flex;align-items:center;gap:12px;min-width:0}.routine-details-step-emoji{font-size:22px;line-height:1;flex-shrink:0}.routine-details-step-bullet{width:26px;height:26px;min-width:26px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--routine-accent),transparent 86%);color:color-mix(in srgb,var(--routine-accent),#ffffff 18%);box-shadow:0 0 12px color-mix(in srgb,var(--routine-accent),transparent 88%)}.routine-details-step-title{font-size:16px;color:var(--text-primary);word-break:break-word;line-height:1.35}.routine-details-step-duration{font-size:14px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;background:color-mix(in srgb,var(--routine-accent),transparent 91%);border:1px solid color-mix(in srgb,var(--routine-accent),transparent 82%);border-radius:999px;padding:6px 10px}.routine-details-actions{display:flex;justify-content:center;margin-top:26px;flex-shrink:0}.routine-details-edit-footer{margin-top:auto}.routine-details-edit-footer .routine-details-edit-actions{width:100%;justify-content:center}.routine-start-button{min-width:240px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 78%),0 0 18px color-mix(in srgb,var(--routine-accent),transparent 84%)}.routine-details-modal .secondary-button:hover,.routine-settings-modal .secondary-button:hover{border-color:color-mix(in srgb,var(--routine-accent),transparent 62%);box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 86%),0 0 16px color-mix(in srgb,var(--routine-accent),transparent 88%)}.routine-details-modal .primary-button:hover,.routine-settings-modal .primary-button:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 72%),0 0 20px color-mix(in srgb,var(--routine-accent),transparent 80%)}.routine-details-empty{min-height:160px}.premade-routine-modal{max-width:760px}.premade-routine-modal .routine-details-header{margin-bottom:16px}.premade-routine-modal .routine-details-steps-scroll{max-height:420px}.premade-routine-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.premade-routine-error{margin-top:14px}.routine-player-overlay{padding:24px}.routine-player-modal{--routine-player-accent: var(--accent);--routine-player-close-top: 28px;--routine-player-close-right: 28px;max-width:620px;min-height:min(84vh,760px);padding:28px 28px 24px;display:flex;flex-direction:column;align-items:stretch;gap:24px;border-color:color-mix(in srgb,var(--routine-player-accent),rgba(255,255,255,.18) 72%);background:linear-gradient(165deg,color-mix(in srgb,var(--routine-player-accent),transparent 91%),#0e1320fc 38%,#0b101cfc);box-shadow:0 18px 50px #0000006b,0 0 0 1px color-mix(in srgb,var(--routine-player-accent),transparent 86%),0 0 36px color-mix(in srgb,var(--routine-player-accent),transparent 90%);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;position:relative;isolation:isolate}.routine-player-modal:before{content:"";position:absolute;inset:0;height:auto;background:radial-gradient(90% 70% at 12% 0%,color-mix(in srgb,var(--routine-player-accent),transparent 88%) 0%,transparent 68%);opacity:.5;pointer-events:none;z-index:0}.routine-player-modal>*{position:relative;z-index:1}.routine-player-shell{flex:1;min-height:0;display:grid;grid-template-rows:minmax(96px,auto) minmax(0,1fr) minmax(148px,auto);align-items:start;justify-items:center;gap:0;padding:8px 0 0}.routine-player-routine-name{margin:0;font-size:28px;font-weight:700;color:var(--text-primary);text-align:center}.routine-player-step-header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:320px;min-height:96px;justify-content:flex-end;padding-bottom:10px}.routine-player-close-button{position:absolute;top:var(--routine-player-close-top);right:var(--routine-player-close-right);width:48px;height:48px;padding:0!important;border-radius:16px!important;z-index:3}.routine-player-emoji{font-size:42px;line-height:1}.routine-player-emoji-placeholder{visibility:hidden}.routine-player-step-name{margin:0;font-size:28px;font-weight:700;color:var(--text-primary);text-align:center}.routine-player-main{width:100%;display:flex;align-items:center;justify-content:center;min-height:0;padding-bottom:6px}.routine-player-circle{position:relative;width:224px;height:224px;overflow:visible}.routine-player-circle:before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--routine-player-accent),transparent 86%) 0%,color-mix(in srgb,var(--routine-player-accent),transparent 90%) 36%,transparent 74%);box-shadow:0 0 42px color-mix(in srgb,var(--routine-player-accent),transparent 88%),0 0 84px color-mix(in srgb,var(--routine-player-accent),transparent 94%);filter:blur(18px);opacity:.95;pointer-events:none;z-index:0}.routine-player-circle svg{width:100%;height:100%;display:block;transform:rotate(-90deg);position:relative;z-index:1}.routine-player-circle-track{stroke:color-mix(in srgb,var(--routine-player-accent),transparent 85%)}.routine-player-circle-progress{stroke:var(--routine-player-accent);transition:stroke-dashoffset .9s linear}.routine-player-circle-progress-finished{stroke:#65d58a}.routine-player-circle-content{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;z-index:1}.routine-player-timer-text-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.routine-player-timer-label{font-size:18px;font-weight:600;color:color-mix(in srgb,var(--text-primary),transparent 10%)}.routine-player-timer-value{font-size:34px;font-weight:700;color:var(--text-primary)}.routine-player-total-time-label{margin-top:2px;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.routine-player-total-time-value{color:var(--text-primary);font-size:28px;font-weight:750;font-variant-numeric:tabular-nums}.routine-player-footer{width:100%;min-height:136px;display:flex;align-items:flex-start;justify-content:center}.routine-player-controls-stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;flex-shrink:0}.routine-player-controls{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:14px}.routine-player-control-button{padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:18px!important;flex:0 0 auto}.routine-player-control-button-side{width:56px;height:56px;background:linear-gradient(180deg,color-mix(in srgb,var(--routine-player-accent),transparent 91%),#ffffff06);border-color:color-mix(in srgb,var(--routine-player-accent),transparent 76%);box-shadow:inset 0 1px #ffffff12,0 0 18px color-mix(in srgb,var(--routine-player-accent),transparent 92%)}.routine-player-control-button-main{width:72px;height:72px;margin-top:-8px;border-radius:22px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--routine-player-accent),#ffffff 12%),color-mix(in srgb,var(--routine-player-accent),#0d1020 18%));box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-player-accent),transparent 66%),0 0 22px color-mix(in srgb,var(--routine-player-accent),transparent 84%),inset 0 1px #ffffff24}.routine-player-control-button-main:hover,.routine-player-control-button-main:active:not(:disabled),.routine-player-control-button-main.is-paused,.routine-player-control-button-main.is-paused:hover,.routine-player-control-button-main.is-playing,.routine-player-control-button-main.is-playing:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--routine-player-accent),#ffffff 12%),color-mix(in srgb,var(--routine-player-accent),#0d1020 18%));border-color:color-mix(in srgb,var(--routine-player-accent),transparent 62%);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--routine-player-accent),transparent 66%),0 0 22px color-mix(in srgb,var(--routine-player-accent),transparent 84%),inset 0 1px #ffffff24;filter:none}.routine-player-control-button-main.is-paused{box-shadow:0 0 0 2px color-mix(in srgb,var(--routine-player-accent),transparent 68%),0 0 24px color-mix(in srgb,var(--routine-player-accent),transparent 82%),inset 0 1px #ffffff24}.routine-player-control-button-side:hover:not(:disabled),.routine-player-control-button-side:active:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--routine-player-accent),transparent 91%),#ffffff06);border-color:color-mix(in srgb,var(--routine-player-accent),transparent 72%);color:var(--text-primary);box-shadow:inset 0 1px #ffffff12,0 0 18px color-mix(in srgb,var(--routine-player-accent),transparent 92%);filter:none}.routine-player-control-button:disabled{opacity:.34;cursor:not-allowed;box-shadow:none;transform:none!important}.routine-player-next{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:color-mix(in srgb,var(--text-primary),transparent 28%);min-height:54px;justify-content:flex-start;padding-top:6px}.routine-player-next-empty{visibility:hidden}.routine-player-next-label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.routine-player-next-value{font-size:18px;font-weight:600;color:color-mix(in srgb,var(--text-primary),transparent 18%)}.routine-player-actions{width:100%;display:flex;justify-content:center;gap:12px}.routine-player-actions-single{justify-content:center}.routine-player-action-button{min-width:132px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.routine-player-finish-button{min-width:0;width:72px;height:72px;margin-top:-8px;background:linear-gradient(180deg,color-mix(in srgb,var(--routine-player-accent),#ffffff 12%),color-mix(in srgb,var(--routine-player-accent),#0d1020 18%))}.routine-player-finish-slot{width:100%;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0;gap:18px}.routine-player-finish-copy{visibility:visible}.routine-player-finished-wrap{position:relative;width:260px;height:260px;display:grid;place-items:center;align-self:center}:root[data-theme=light] .routine-player-modal{background:linear-gradient(145deg,color-mix(in srgb,var(--routine-player-accent),#ffffff 90%),#fffffffa 24%,#f5f8fffa),radial-gradient(circle at top center,color-mix(in srgb,var(--routine-player-accent),transparent 86%) 0%,transparent 48%),linear-gradient(180deg,#fff,#f4f8ff);border-color:color-mix(in srgb,var(--routine-player-accent),rgba(116,136,170,.22) 66%);box-shadow:0 22px 54px #202e4729,0 0 0 1px color-mix(in srgb,var(--routine-player-accent),transparent 92%)}:root[data-theme=light] .routine-player-close-button{border-color:color-mix(in srgb,var(--routine-player-accent),rgba(116,136,170,.18) 62%)!important;background:linear-gradient(180deg,#fffffffa,color-mix(in srgb,var(--routine-player-accent),#ffffff 94%))!important;color:color-mix(in srgb,var(--routine-player-accent),var(--text-primary) 34%)!important;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #202e471f!important}:root[data-theme=light] .routine-player-close-button:hover{border-color:color-mix(in srgb,var(--routine-player-accent),rgba(116,136,170,.18) 46%)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--routine-player-accent),#ffffff 88%),color-mix(in srgb,var(--routine-player-accent),#ffffff 92%))!important;color:color-mix(in srgb,var(--routine-player-accent),var(--text-primary) 20%)!important}:root[data-theme=light] .routine-player-close-button svg{color:currentColor!important;stroke:currentColor!important}.routine-confetti{position:absolute;inset:0;pointer-events:none}.routine-confetti-piece{position:absolute;width:10px;height:16px;border-radius:4px;opacity:0;left:50%;top:50%;transform:translate(-50%,-50%)}.confetti-1{background:#7c5cff;animation:confetti-1 1.1s ease-out forwards}.confetti-2{background:#65d58a;animation:confetti-2 1.05s ease-out forwards}.confetti-3{background:#ffd166;animation:confetti-3 1s ease-out forwards}.confetti-4{background:#ff7aa2;animation:confetti-4 1.15s ease-out forwards}.confetti-5{background:#6ecbff;animation:confetti-5 1.1s ease-out forwards}.confetti-6{background:#b392ff;animation:confetti-6 1s ease-out forwards}.confetti-7{background:#65d58a;animation:confetti-7 1.08s ease-out forwards}.confetti-8{background:#ffd166;animation:confetti-8 1.12s ease-out forwards}.confetti-9{background:#ff7aa2;animation:confetti-9 1.04s ease-out forwards}.confetti-10{background:#6ecbff;animation:confetti-10 1.06s ease-out forwards}.confetti-11{background:#7c5cff;animation:confetti-11 1.1s ease-out forwards}.confetti-12{background:#65d58a;animation:confetti-12 1s ease-out forwards}.todo-list{display:flex;flex-direction:column;gap:10px}.todo-item{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:var(--font-text)}.todo-item input{accent-color:var(--accent)}.routine-chips{display:flex;gap:10px;flex-wrap:wrap}.chip-button{background:#5d6db3;border-color:#7a8bd4;color:#fff;padding:8px 14px;border-radius:var(--radius-pill);font-size:var(--font-text)}.chip-button:hover{box-shadow:0 0 0 1px #8b7cff1a,0 0 16px #8b7cff29;transform:translateY(-1px)}.card-empty-state{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--text-secondary);border:1px dashed rgba(139,124,255,.18);border-radius:var(--radius-lg);background:#ffffff03}.card-empty-state h3{margin:0 0 8px}.card-empty-state p{margin:0}.dashboard-habit-create-cta{width:100%;border:1px dashed rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.dashboard-habit-create-cta:hover{border-color:#8b7cff47;background:linear-gradient(180deg,#8b7cff14,#ffffff08);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 8px 20px #00000029}.dashboard-habit-create-cta--empty{min-height:220px;flex-direction:column;gap:14px}.dashboard-habit-create-cta--inline{min-height:84px;flex-shrink:0}.dashboard-habit-create-cta-icon{width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:inherit;flex-shrink:0}.dashboard-habit-create-cta-label{font-size:.95rem;font-weight:600;letter-spacing:.01em;color:inherit}.dashboard-error{margin:0 0 14px;color:#ffb7c5;font-size:var(--font-text)}.modal-overlay{position:fixed;inset:0;background:#02050ce0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:1300;animation:modal-overlay-in .16s ease}.modal-card{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:22px;box-shadow:0 18px 50px #0000006b,0 0 0 1px #8b7cff14;animation:modal-card-in .2s cubic-bezier(.22,1,.36,1)}.item-editor-modal{--item-editor-accent: var(--routine-accent, var(--accent));max-width:min(560px,100%);border-color:color-mix(in srgb,var(--item-editor-accent),var(--border-subtle) 68%);background:linear-gradient(165deg,color-mix(in srgb,var(--item-editor-accent),transparent 90%),#0e1320fc 46%,#0b101cfc);box-shadow:0 20px 46px #00000070,0 0 0 1px color-mix(in srgb,var(--item-editor-accent),transparent 82%);display:flex;flex-direction:column;gap:12px;padding:18px;overflow:hidden}.item-editor-modal:before,.item-editor-modal:after{display:none}.item-editor-modal .modal-header{margin-bottom:0}.item-editor-header-button{min-width:104px}.item-editor-modal .modal-actions{align-items:center;margin-top:2px;padding-top:8px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-card),transparent 8%) 32%)}.item-editor-modal .modal-actions>.primary-button,.item-editor-modal .modal-actions>.secondary-button{height:40px;min-height:40px}.modal-actions-spacer{flex:1 1 auto}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.habit-modal-card{--habit-accent: var(--accent);max-width:min(560px,100%);max-height:min(92vh,760px);border-color:color-mix(in srgb,var(--habit-accent),var(--border-subtle) 68%);background:linear-gradient(165deg,color-mix(in srgb,var(--habit-accent),transparent 90%),#0e1320fc 46%,#0b101cfc);box-shadow:0 20px 46px #00000070,0 0 0 1px color-mix(in srgb,var(--habit-accent),transparent 82%);display:flex;flex-direction:column;gap:12px;padding:18px;overflow:hidden;transition:height .26s cubic-bezier(.22,1,.36,1);will-change:height}.habit-modal-card-binary{height:min(92dvh,660px)}.habit-modal-card-measurable{height:min(92dvh,744px)}.habit-modal-card .modal-header{margin-bottom:0}.habit-modal-card .habit-form{flex:1 1 auto;min-height:0;gap:0;overflow:hidden}.habit-modal-card .habit-form-scroll{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:9px;overflow-y:auto;overflow-x:hidden;padding-right:2px;padding-bottom:2px;scroll-padding-block:12px;overscroll-behavior:contain;scrollbar-width:none}.habit-modal-card .habit-form-scroll::-webkit-scrollbar{display:none}.habit-modal-card .habit-identity-row{grid-template-columns:minmax(0,1fr) 112px;align-items:end}.habit-modal-card .habit-goal-interval-row,.habit-modal-card .habit-measurable-interval-row,.habit-modal-card .reminder-row{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-modal-card .habit-measurable-main-row{grid-template-columns:repeat(3,minmax(0,1fr))}.habit-modal-card .habit-type-fields{display:flex;flex-direction:column;gap:12px;animation:habit-type-fields-in .2s ease}@keyframes habit-type-fields-in{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.habit-modal-card #habit-emoji{text-align:center;padding:0 8px;font-size:1rem}.habit-modal-card .settings-select{width:100%;height:40px;border-radius:10px;padding:0 12px}.habit-modal-card .interval-switch-button{height:40px;font-size:.84rem;border-radius:10px}.habit-modal-card .interval-switch-button.active{border-color:color-mix(in srgb,var(--habit-accent),transparent 48%);background:color-mix(in srgb,var(--habit-accent),transparent 82%);color:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--habit-accent),transparent 84%)}.habit-modal-card .reminder-config-group{--accent: var(--habit-accent);min-height:52px;padding:8px 12px;justify-content:center}.habit-modal-card .reminder-config-group-locked{border-color:color-mix(in srgb,var(--habit-accent),transparent 74%);background:linear-gradient(155deg,color-mix(in srgb,var(--habit-accent),transparent 92%),#0d121cf0);box-shadow:inset 0 1px #ffffff08,0 14px 30px #00000038}.habit-modal-card .reminder-days-wrap{width:100%}.habit-modal-card .reminder-days-trigger{width:100%;min-height:40px;justify-content:space-between;gap:8px;padding:0 10px!important;border-radius:10px!important}.habit-modal-card .reminder-days-menu{top:auto;bottom:calc(100% + 8px);left:0;right:0;width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.habit-modal-card .reminder-day-button{min-height:32px;justify-content:center;padding:0!important;border-radius:8px!important;font-size:11px}.habit-modal-card .reminder-day-button.active{border-color:color-mix(in srgb,var(--habit-accent),transparent 44%)!important;background:color-mix(in srgb,var(--habit-accent),transparent 82%)!important;color:var(--text-primary)!important}.habit-modal-card .reminder-weekday-grid{gap:6px}.habit-modal-card .reminder-weekday-chip{min-height:32px;font-size:12px;padding:0 10px}.habit-modal-card .color-picker-grid{display:flex;align-items:center;justify-content:space-evenly;gap:0;width:100%;margin-top:6px}.habit-modal-card .color-picker-circle{width:28px;height:28px;aspect-ratio:auto;justify-self:center}.habit-modal-card .premium-color-control{--accent: var(--habit-accent);min-height:52px;margin-top:6px;padding:8px 12px;border-radius:14px}.habit-modal-card .premium-color-control:not(.premium-color-control-locked){flex-wrap:wrap}.habit-modal-card .premium-color-control-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}.habit-modal-card .modal-actions{margin-top:2px;flex-wrap:wrap;flex:0 0 auto;position:static;padding-top:8px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-card),transparent 8%) 32%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.habit-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row-single{grid-template-columns:minmax(0,1fr)}.form-row-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:var(--font-text)}.form-group input{width:100%;height:44px;border:1px solid var(--border-subtle);border-radius:12px;background:#ffffff08;color:var(--text-primary);padding:0 14px;outline:none}.form-group input:focus{border-color:#8b7cff73;box-shadow:0 0 0 3px #8b7cff1f}.interval-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.habit-type-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.interval-switch-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.interval-switch-measurable{grid-template-columns:repeat(3,minmax(0,1fr))}.interval-switch-button{height:44px;border-radius:12px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-secondary);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .15s ease}.interval-switch-button:hover{background:#ffffff0f;color:var(--text-primary);transform:translateY(-1px)}.interval-switch-button.active{background:var(--accent-soft);color:var(--text-primary);border-color:#8b7cff61;box-shadow:0 0 0 1px #8b7cff1f}.form-preview{margin:0;color:var(--text-secondary);font-size:var(--font-text)}.form-static-pill{min-height:44px;border:1px solid var(--border-subtle);border-radius:12px;background:#ffffff08;color:var(--text-primary);display:flex;align-items:center;padding:0 14px}.habit-interval-group .form-preview{margin-top:2px}.habit-measurable-interval-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}@media(max-width:768px){.modal-overlay{padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(var(--mobile-bottom-nav-height, 64px) + 14px) 14px}.modal-card{max-height:min(90vh,780px);overflow-y:auto}.form-row,.form-row-single,.form-row-triple{grid-template-columns:minmax(0,1fr)}.habit-modal-card{max-height:min(94vh,760px);border-radius:18px;padding:14px;gap:10px}.habit-modal-card .habit-identity-row{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.habit-modal-card .habit-goal-interval-row,.habit-modal-card .habit-measurable-interval-row,.habit-modal-card .reminder-row{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-modal-card .habit-measurable-main-row{grid-template-columns:repeat(3,minmax(0,1fr))}.habit-modal-card .form-group input{height:40px;border-radius:10px;padding:0 12px}.habit-modal-card .settings-select{height:40px;border-radius:10px;padding:0 10px}.habit-modal-card .interval-switch-button{height:36px;font-size:.78rem;border-radius:9px}.habit-modal-card .color-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.habit-modal-card .color-picker-circle{width:24px;height:24px}.habit-modal-card .premium-color-control{padding:8px 10px}.habit-modal-card .premium-color-control:not(.premium-color-control-locked){align-items:center;flex-wrap:nowrap}.habit-modal-card .premium-color-control:not(.premium-color-control-locked) .premium-color-control-actions{width:auto;justify-content:flex-end;flex-wrap:nowrap}.habit-modal-card .premium-color-control-wheel{padding:5px 7px}.habit-modal-card .premium-color-control-actions>.premium-color-control-swatch,.habit-modal-card .premium-color-code{display:none}.habit-modal-card .premium-color-control-copy strong,.habit-modal-card .reminder-section-label{font-size:12px}.habit-modal-card .reminder-editor{gap:6px}.habit-modal-card .reminder-simple-fields{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:6px}.habit-modal-card .reminder-day-grid{gap:3px}.habit-modal-card .reminder-day-chip{min-height:30px;border-radius:8px;font-size:9px}.habit-modal-card .reminder-time-field input{height:34px;padding-inline:7px}.habit-modal-card .reminder-days-trigger{min-height:36px;border-radius:9px!important}.habit-modal-card .reminder-days-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px}.habit-modal-card .reminder-day-button{min-height:30px;border-radius:7px!important;font-size:10.5px}.plan-limit-counter{flex-direction:column;align-items:flex-start}.loop-import-selection-grid{grid-template-columns:minmax(0,1fr)}.loop-import-limit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.habit-modal-card .habit-modal-actions-edit{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:8px}.habit-modal-card .habit-modal-actions-edit>button{width:100%;min-width:0;min-height:42px;padding-inline:10px}.habit-modal-card .habit-archive-button{justify-content:center}.habit-modal-card .habit-archive-button-locked{border-color:color-mix(in srgb,var(--habit-accent),transparent 56%);background:color-mix(in srgb,var(--habit-accent),transparent 88%);color:var(--text-primary)}.habit-modal-card .habit-action-pro-label{padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--habit-accent),transparent 76%);color:color-mix(in srgb,var(--habit-accent),#ffffff 28%);font-size:9px;font-weight:800;line-height:1.2}.habit-modal-card .habit-delete-button{display:inline-flex;align-items:center;justify-content:center;padding:0}.habit-modal-card .habit-delete-button svg{width:19px;height:19px;color:#ff747e;stroke:currentColor}:root[data-theme=light] .habit-modal-card .habit-archive-button-locked{border-color:color-mix(in srgb,var(--habit-accent),rgba(116,136,170,.24) 42%)!important;background:color-mix(in srgb,var(--habit-accent),#ffffff 90%)!important}:root[data-theme=light] .habit-modal-card .interval-switch-button.active{border-color:color-mix(in srgb,var(--habit-accent),rgba(116,136,170,.24) 38%)!important;background:color-mix(in srgb,var(--habit-accent),#ffffff 82%)!important;color:color-mix(in srgb,var(--habit-accent),var(--text-primary) 28%)!important;box-shadow:0 6px 14px color-mix(in srgb,var(--habit-accent),transparent 90%)!important}:root[data-theme=light] .habit-modal-card .habit-delete-button svg{color:#d94b5b!important}.habit-modal-card .habit-modal-actions-create .primary-button{min-width:min(100%,156px)}.habit-archive-button,.archived-habit-restore{gap:7px}.habit-archive-button svg,.archived-habit-restore svg{width:16px;height:16px}.archived-habits-modal{width:min(520px,calc(100vw - 28px));max-height:min(82dvh,680px);overflow:hidden;display:flex;flex-direction:column;gap:14px}.archived-habits-intro{margin:4px 0 0;color:var(--text-muted);font-size:.84rem}.archived-habits-list{display:grid;gap:9px;min-height:0;overflow-y:auto}.archived-habit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border-subtle);border-radius:12px;background:color-mix(in srgb,var(--bg-card),transparent 18%)}.archived-habit-identity{min-width:0;display:flex;align-items:center;gap:10px}.archived-habit-identity div{min-width:0;display:grid;gap:3px}.archived-habit-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-habit-identity small{color:var(--text-muted)}.archived-habit-restore{flex:0 0 auto}.reminder-config-group{border:1px solid var(--border-subtle);border-radius:14px;padding:12px;background:#ffffff05}.habit-value-modal{width:min(460px,100%)}.habit-value-close-button{width:38px;height:38px;min-width:38px;min-height:38px;padding:0}.reminder-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reminder-section-label{color:var(--text-primary);font-size:var(--font-text);font-weight:600}.reminder-switch{position:relative;display:inline-block;width:44px;height:24px}.reminder-switch input{opacity:0;width:0;height:0}.reminder-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--surface-overlay-soft);transition:.3s;border-radius:24px;border:1px solid var(--border-subtle)}.reminder-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.reminder-switch input:checked+.reminder-switch-slider{background-color:var(--accent);border-color:var(--accent)}.reminder-switch input:focus+.reminder-switch-slider{box-shadow:0 0 1px var(--accent)}.reminder-switch input:checked+.reminder-switch-slider:before{transform:translate(20px)}.reminder-weekday-grid{display:flex;flex-wrap:wrap;gap:8px}.reminder-weekday-chip{min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-overlay-soft);color:var(--text-secondary);font-size:12px;font-weight:600;transition:border-color .18s ease,background .18s ease,color .18s ease}.reminder-weekday-chip.active{border-color:color-mix(in srgb,var(--accent),transparent 35%);background:color-mix(in srgb,var(--accent-soft),var(--surface-overlay-soft) 34%);color:var(--text-primary)}.reminder-inline-actions{display:flex;justify-content:flex-end}.reminder-editor{--reminder-accent: var(--accent, var(--habit-accent, var(--routine-accent, #8B7CFF)));display:flex;flex-direction:column;gap:10px}.reminder-simple-header{margin-bottom:0}.reminder-lock-button{background:transparent;cursor:pointer}.reminder-simple-fields{display:flex;flex-direction:column;gap:10px}.reminder-time-field input{width:100%}.reminder-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.reminder-day-chip{min-height:38px;border-radius:12px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-secondary);font-size:12px;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .16s ease}.reminder-day-chip.active{border-color:color-mix(in srgb,var(--reminder-accent),transparent 38%);background:color-mix(in srgb,var(--reminder-accent),transparent 82%);color:color-mix(in srgb,var(--reminder-accent),#ffffff 18%);box-shadow:0 0 14px color-mix(in srgb,var(--reminder-accent),transparent 88%)}.reminder-day-chip:active{transform:scale(.97)}:root[data-theme=light] .reminder-day-chip{background:#fffffffa;border-color:#6f63ef24}:root[data-theme=light] .reminder-day-chip.active{background:color-mix(in srgb,var(--reminder-accent),#ffffff 84%);border-color:color-mix(in srgb,var(--reminder-accent),rgba(111,99,239,.14) 42%);box-shadow:none}.routine-theme-card,.routine-frequency-card,.routine-reminder-card{margin-top:12px;border:1px solid color-mix(in srgb,var(--routine-accent),transparent 78%);border-radius:18px;padding:14px;background:color-mix(in srgb,var(--routine-accent),transparent 94%);display:flex;flex-direction:column;gap:12px}.routine-theme-card{margin-top:0}.routine-settings-modal{--routine-accent: var(--accent);--accent-soft: color-mix(in srgb, var(--routine-accent), transparent 86%);--accent-hover: color-mix(in srgb, var(--routine-accent), #ffffff 10%);max-width:min(560px,100%);height:min(92dvh,660px);max-height:min(92dvh,660px);overflow:hidden;border:1px solid color-mix(in srgb,var(--routine-accent),var(--border-subtle) 70%);background:linear-gradient(165deg,color-mix(in srgb,var(--routine-accent),transparent 93%),#0e1320fc 40%,#0b101cfc);box-shadow:0 24px 42px #0000006b,0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 84%)}.routine-settings-header-copy{min-width:0}.routine-settings-header-actions{display:flex;align-items:center;gap:8px}.routine-settings-delete-button{border-color:#ff6e6e57!important;background:#ff6e6e14!important;color:#ff8f8f!important;box-shadow:inset 0 0 0 1px #ff6e6e0f,0 10px 24px #0000002e}.routine-settings-delete-button:hover{border-color:#ff6e6e6b!important;background:#ff6e6e1f!important;color:#ff9d9d!important}.routine-settings-subtitle{margin:8px 0 0}.routine-settings-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:none}.routine-settings-body::-webkit-scrollbar{display:none}.routine-settings-body>.routine-theme-card,.routine-settings-body>.routine-frequency-card,.routine-settings-body>.routine-reminder-card{margin-top:0}.routine-settings-modal .routine-theme-card,.routine-settings-modal .routine-frequency-card{border:0;border-radius:0;padding:0;background:transparent;gap:8px}.routine-reminder-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.routine-reminder-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.routine-reminder-fields-row{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start;gap:14px}.routine-reminder-field{flex:1 1 50%;min-width:0}.routine-reminder-card.reminder-config-group{gap:8px;padding:10px 12px 8px;border-radius:14px;background:#ffffff05}.routine-settings-modal .form-group input,.routine-settings-modal .settings-select{width:100%;height:40px;border-radius:10px}.routine-settings-modal .settings-select{padding:0 12px}.routine-reminder-days-wrap{width:100%}.routine-reminder-days-trigger{width:100%;min-height:44px;justify-content:space-between;gap:8px;padding:0 12px!important;border-radius:12px!important}.routine-reminder-days-menu{top:auto;bottom:calc(100% + 8px);left:0;right:0;width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.routine-reminder-day-button{min-height:36px;justify-content:center;padding:0!important;border-radius:9px!important;font-size:12px}.routine-reminder-day-button.active{border-color:color-mix(in srgb,var(--routine-accent),transparent 44%)!important;background:color-mix(in srgb,var(--routine-accent),transparent 82%)!important;color:var(--text-primary)!important}.color-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:10px}.color-picker-circle{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;padding:0}.color-picker-circle.active{border-color:#fff;transform:scale(1.08);box-shadow:0 0 10px #00000073}.color-picker-circle:hover{transform:scale(1.08)}.premium-color-control{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:14px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--accent),transparent 74%);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent),transparent 92%),#0d121cf0);box-shadow:inset 0 1px #ffffff08,0 14px 30px #00000038}.premium-color-control-active{border-color:color-mix(in srgb,var(--accent),transparent 48%);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px color-mix(in srgb,var(--accent),transparent 82%),0 14px 30px #0000003d}.premium-color-control-locked{cursor:pointer;text-align:left}.premium-color-control-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.premium-color-control-copy strong{color:var(--text-primary);font-size:14px}.premium-color-control-copy span{color:var(--text-secondary);font-size:12px;line-height:1.45}.premium-color-control-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.premium-color-control-swatch{width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 4px #ffffff0a,0 10px 18px #00000047}.premium-color-control-wheel{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent),transparent 56%);background:color-mix(in srgb,var(--accent-soft),transparent 28%);color:var(--text-primary);font-size:12px;font-weight:600}.premium-color-control-wheel input{width:34px;height:34px;padding:0;border:none;background:transparent;cursor:pointer}.premium-color-control-wheel input::-webkit-color-swatch-wrapper{padding:0}.premium-color-control-wheel input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.18);border-radius:10px}.premium-color-control-wheel input::-moz-color-swatch{border:1px solid rgba(255,255,255,.18);border-radius:10px}.premium-color-code{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.premium-color-lock-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 56%);background:color-mix(in srgb,var(--accent-soft),transparent 36%);color:var(--text-primary);font-size:12px;font-weight:700;flex-shrink:0}.plan-limit-modal{max-width:min(560px,100%);display:flex;flex-direction:column;gap:16px;border-color:color-mix(in srgb,var(--accent),var(--border-subtle) 66%);background:linear-gradient(165deg,color-mix(in srgb,var(--accent),transparent 92%),#0d121cfa)}.plan-limit-header{display:flex;flex-direction:column;gap:8px}.plan-limit-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-limit-eyebrow{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 56%);background:color-mix(in srgb,var(--accent-soft),transparent 34%);color:var(--text-primary);font-size:12px;font-weight:700}.plan-limit-description{margin:0;line-height:1.55}.loop-import-warning-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent),transparent 74%);background:color-mix(in srgb,var(--accent-soft),transparent 58%)}.loop-import-warning-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--accent),transparent 76%);color:var(--accent)}.loop-import-warning-card>div{display:flex;flex-direction:column;gap:4px;min-width:0}.loop-import-warning-card strong{color:var(--text-primary);font-size:14px}.loop-import-warning-card span:not(.loop-import-warning-icon){color:var(--text-secondary);font-size:12px;line-height:1.45}.plan-limit-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.plan-limit-counter strong{color:var(--text-primary);font-size:14px}.plan-limit-counter span{color:var(--text-secondary);font-size:12px}.plan-limit-grid{display:grid;gap:10px;max-height:min(46vh,360px);overflow-y:auto;padding-right:4px}.loop-import-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-limit-item-card{--plan-limit-accent: var(--accent);display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--plan-limit-accent),transparent 78%);background:linear-gradient(160deg,color-mix(in srgb,var(--plan-limit-accent),transparent 92%),#ffffff05);text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .22s ease,transform .16s ease,opacity .2s ease}.plan-limit-item-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--plan-limit-accent),transparent 48%);box-shadow:0 0 0 1px color-mix(in srgb,var(--plan-limit-accent),transparent 84%),0 0 16px color-mix(in srgb,var(--plan-limit-accent),transparent 86%);transform:translateY(-1px)}.plan-limit-item-card.is-selected{border-color:color-mix(in srgb,var(--plan-limit-accent),transparent 44%);box-shadow:0 0 0 1px color-mix(in srgb,var(--plan-limit-accent),transparent 80%),0 0 18px color-mix(in srgb,var(--plan-limit-accent),transparent 84%)}.plan-limit-item-card:disabled{opacity:.52;cursor:not-allowed}.plan-limit-item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.plan-limit-item-name{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;font-weight:700}.plan-limit-item-emoji{font-size:1rem;line-height:1}.plan-limit-item-status{color:var(--text-secondary);font-size:12px}.plan-limit-item-check{width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#070b12ad;color:#e2e8ffd1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.plan-limit-item-check.is-selected{border-color:color-mix(in srgb,var(--accent),transparent 52%);background:color-mix(in srgb,var(--accent),transparent 22%);color:#fff}.plan-limit-actions{margin-top:4px;justify-content:flex-end}.loop-import-limit-actions .primary-button,.loop-import-limit-actions .secondary-button{min-height:42px}.plan-limit-close-button{width:38px;min-width:38px;height:38px;padding:0}.plan-limit-upgrade-button{box-shadow:0 0 0 1px #8b7cff29,0 0 22px #8b7cff42,0 10px 22px #00000038}.plan-limit-upgrade-button:hover{box-shadow:0 0 0 1px #8b7cff38,0 0 28px #8b7cff57,0 14px 28px #0000003d}@media(max-width:768px){.loop-import-selection-grid{grid-template-columns:minmax(0,1fr)}}.routine-color-picker-grid{display:flex;align-items:center;justify-content:space-evenly;gap:0;width:100%;max-width:none}.routine-settings-modal .color-picker-circle{width:28px;height:28px;justify-self:center}.routine-theme-help{margin:0}.form-error{margin:0;color:#ffb7c5;font-size:var(--font-text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.settings-card{width:100%;max-width:none;margin:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.settings-card.settings-card-expanded{max-width:none;width:100%;height:100%;min-height:0}.settings-page{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:clamp(16px,1.8vw,24px);overflow:hidden}.settings-shell{display:grid;grid-template-columns:minmax(280px,324px) minmax(0,1fr);gap:18px;flex:1;min-width:0;min-height:0;overflow:hidden}.settings-sidebar-card,.settings-detail-card{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.settings-sidebar-card{padding:20px 16px 16px;gap:16px;overflow:hidden}.settings-sidebar-header,.settings-mobile-list-header,.settings-detail-header-copy{display:flex;flex-direction:column;gap:6px}.settings-sidebar-header{margin-bottom:0}.settings-sidebar-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.settings-nav-list,.settings-mobile-list{min-height:0}.settings-nav-list{overflow:hidden;padding-right:4px}.settings-mobile-list{flex:1;overflow-y:auto;padding-right:2px}.settings-mobile-delete-item{margin-top:auto}.settings-nav-list,.settings-mobile-list,.settings-detail-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent),var(--text-secondary) 58%) transparent}.settings-nav-list::-webkit-scrollbar,.settings-mobile-list::-webkit-scrollbar,.settings-detail-scroll::-webkit-scrollbar{width:10px}.settings-nav-list::-webkit-scrollbar-track,.settings-mobile-list::-webkit-scrollbar-track,.settings-detail-scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px}.settings-nav-list::-webkit-scrollbar-thumb,.settings-mobile-list::-webkit-scrollbar-thumb,.settings-detail-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--accent),transparent 36%),color-mix(in srgb,var(--accent),var(--text-secondary) 52%));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.settings-nav-list::-webkit-scrollbar-thumb:hover,.settings-mobile-list::-webkit-scrollbar-thumb:hover,.settings-detail-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent),transparent 20%),color-mix(in srgb,var(--accent),var(--text-primary) 44%));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.settings-nav-groups{display:flex;flex-direction:column;gap:18px}.settings-nav-group{display:flex;flex-direction:column;gap:7px}.settings-nav-group-label{margin:0;padding:0 6px;color:var(--text-secondary);font-size:11px;font-weight:750;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.settings-nav-group-card{overflow:hidden;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-overlay-soft)}.settings-nav-item{width:100%;min-height:62px;border:0;border-radius:0;background:transparent;color:var(--text-primary);padding:10px 12px;display:flex;align-items:center;gap:11px;text-align:left;transition:background .2s ease,color .2s ease}.settings-nav-item+.settings-nav-item{border-top:1px solid var(--divider)}.settings-nav-item:hover{background:var(--surface-overlay)}.settings-nav-item.active{background:color-mix(in srgb,var(--accent-soft),var(--surface-overlay-soft) 34%)}.settings-nav-item-icon{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent),transparent 82%);border-radius:12px;background:color-mix(in srgb,var(--accent-soft),transparent 36%);color:color-mix(in srgb,var(--accent),white 18%);transition:background .2s ease,border-color .2s ease,color .2s ease}.settings-nav-item.active .settings-nav-item-icon{border-color:color-mix(in srgb,var(--accent),transparent 58%);background:color-mix(in srgb,var(--accent-soft),transparent 8%);color:color-mix(in srgb,var(--accent),white 30%)}.settings-nav-item-accent .settings-nav-item-icon{border-color:color-mix(in srgb,var(--accent),transparent 62%)}.settings-nav-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.settings-nav-item-title{font-size:14px;font-weight:680;line-height:1.2}.settings-nav-item-summary{color:var(--text-secondary);font-size:11.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav-chevron{flex-shrink:0;opacity:.72}.settings-nav-item.active .settings-nav-chevron{opacity:1}.settings-sidebar-footer,.settings-mobile-actions{display:flex;flex-direction:column;gap:12px}.settings-mobile-actions{flex-shrink:0;padding-top:10px;border-top:1px solid var(--divider)}.settings-sidebar-footer{padding-top:14px;border-top:1px solid var(--divider)}.settings-sidebar-footer .secondary-button,.settings-mobile-actions .secondary-button,.settings-mobile-actions .primary-button{width:100%}.settings-detail-card{padding:0;overflow:hidden}.settings-detail-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;background:linear-gradient(180deg,var(--bg-card) 80%,color-mix(in srgb,var(--bg-card),transparent 100%) 100%)}.settings-detail-toolbar-copy{min-width:0;min-height:20px;display:flex;align-items:center}.settings-detail-toolbar-save{display:flex;align-items:center;gap:12px;margin-left:auto}.settings-detail-header{display:flex;align-items:center;gap:12px;padding:0 20px 14px;border-bottom:1px solid var(--divider)}.settings-detail-header-desktop{align-items:flex-start;justify-content:space-between;gap:20px;padding-top:18px}.settings-detail-heading{min-width:0;display:flex;align-items:center;gap:13px}.settings-detail-icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent),transparent 70%);border-radius:14px;background:color-mix(in srgb,var(--accent-soft),transparent 18%);color:color-mix(in srgb,var(--accent),white 24%)}.settings-detail-icon-danger{border-color:#ff82824d;background:#ff6b6b1a;color:#ff9b9b}.settings-detail-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:46px;flex-shrink:0}.settings-save-button-hidden{visibility:hidden;pointer-events:none}.settings-detail-scroll{flex:1;min-height:0;overflow:hidden;padding:18px 20px 20px}.settings-detail-scroll-no-scroll{overflow:hidden}.settings-section-panel{border-top:none;padding-top:0;gap:16px}.settings-delete-section-panel{border:1px solid rgba(255,130,130,.22);border-radius:18px;padding:16px;background:linear-gradient(165deg,#ff5c781a,#1e101633)}.settings-account-profile{max-width:520px}.settings-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}.settings-account-actions .secondary-button{width:100%;justify-content:center}.settings-danger-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.settings-danger-heading .text-secondary{margin:0}.settings-mobile-shell{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.settings-mobile-list-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:hidden}.settings-detail-card-mobile{height:auto}.settings-mobile-back-button{min-width:0}.settings-mobile-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.settings-mobile-actions-row .secondary-button{width:100%;min-width:0;justify-content:center}.settings-header{margin-bottom:22px}.settings-sections-grid{display:flex;flex-direction:column;gap:16px}.settings-floating-save{position:sticky;top:0;z-index:12;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:4px 0 12px;margin-bottom:4px;background:linear-gradient(180deg,var(--bg-card) 78%,color-mix(in srgb,var(--bg-card),transparent 100%) 100%)}.settings-section{display:flex;flex-direction:column;gap:16px;padding-top:14px;border-top:1px solid var(--divider)}.settings-section:first-of-type{border-top:none;padding-top:0}.simple-settings-group{display:flex;flex-direction:column;gap:10px}.settings-label{color:var(--text-primary);font-size:var(--font-text);font-weight:600}.settings-label-with-info{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-label-with-info .settings-info-tooltip{left:0;right:0}.simple-settings-input-row{display:flex;align-items:center;gap:10px}.settings-number-input{width:110px;height:46px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-overlay);color:var(--text-primary);padding:0 14px;outline:none;font-size:16px}.settings-number-input:focus{border-color:#8b7cff73;box-shadow:0 0 0 3px #8b7cff1f}.settings-input-suffix{color:var(--text-secondary);font-size:16px}.settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.settings-actions-spread{justify-content:space-between}.settings-saved-message{color:#b9f4c7;font-size:var(--font-text)}.settings-top-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);z-index:1400;width:min(calc(100vw - 28px),320px);padding:12px 16px;border-radius:16px;border:1px solid rgba(132,255,185,.22);background:linear-gradient(180deg,#20342bf5,#111e19f5);color:#dfffe8;text-align:center;font-size:14px;font-weight:600;box-shadow:0 18px 34px #00000047,0 0 24px #6effac1f;animation:settings-top-toast-in .22s cubic-bezier(.22,1,.36,1)}.app-top-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);z-index:1700;width:min(calc(100vw - 28px),360px);padding:12px 16px;border-radius:16px;border:1px solid rgba(132,255,185,.22);background:linear-gradient(180deg,#20342bf5,#111e19f5);color:#dfffe8;text-align:center;font-size:14px;font-weight:600;line-height:1.35;box-shadow:0 18px 34px #00000047,0 0 24px #6effac1f;animation:settings-top-toast-in .22s cubic-bezier(.22,1,.36,1)}.settings-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.settings-select,.settings-time-input{width:100%;height:44px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-overlay);color:var(--text-primary);padding:0 12px;outline:none}.settings-select{color-scheme:dark}:root[data-theme=light] .settings-select{color-scheme:light}.settings-select option{background-color:var(--bg-card);color:var(--text-primary)}.settings-select:focus,.settings-time-input:focus{border-color:#8b7cff73;box-shadow:0 0 0 3px #8b7cff1f}.settings-toggle-row{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--border-subtle);border-radius:12px;padding:10px 12px;color:var(--text-primary);background:var(--surface-overlay-soft);font-size:var(--font-text)}.settings-toggle-row-with-info{position:relative;justify-content:space-between;gap:12px;overflow:visible}.settings-toggle-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;cursor:pointer}.settings-toggle-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:0}.settings-toggle-label{flex:1;min-width:0}.settings-info-wrap{position:static;display:inline-flex;align-items:center}.settings-info-icon{width:18px;height:18px;min-width:18px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 52%);background:color-mix(in srgb,var(--accent-soft),transparent 36%);color:var(--text-secondary);font-size:11px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:border-color .08s ease,color .08s ease,box-shadow .08s ease,background .08s ease}.settings-info-icon:hover,.settings-info-icon:focus-visible{border-color:color-mix(in srgb,var(--accent),transparent 26%);color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%);outline:none}.settings-info-tooltip{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);width:auto;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:12px;line-height:1.35;padding:8px 10px;box-shadow:0 10px 26px #00000057,0 0 0 1px #8b7cff14;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .08s ease,transform .08s ease;z-index:30}.settings-info-wrap:hover .settings-info-tooltip,.settings-info-wrap:focus-within .settings-info-tooltip{opacity:1;transform:translateY(0)}.settings-range{width:100%;accent-color:var(--accent)}.settings-accent-group{grid-column:1 / -1}.settings-accent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px}.settings-accent-button{border:1px solid var(--border-subtle);border-radius:12px;min-height:40px;padding:8px 10px;background:var(--surface-overlay-soft);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .16s ease}.settings-accent-button:hover{border-color:color-mix(in srgb,var(--accent),transparent 35%);background:var(--surface-overlay);transform:translateY(-1px)}.settings-accent-button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft),var(--surface-overlay-soft) 42%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 74%)}.settings-accent-dot{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 2px #ffffff14;flex-shrink:0}.pro-settings-card{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent),transparent 72%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),transparent 84%),transparent 34%),linear-gradient(160deg,#080b12fa,#0e1521f0);box-shadow:inset 0 1px #ffffff0a,0 22px 46px #00000047}.pro-settings-card-premium{border-color:color-mix(in srgb,var(--accent),transparent 58%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),transparent 82%),transparent 30%),radial-gradient(circle at bottom left,rgba(255,255,255,.03),transparent 38%),linear-gradient(160deg,#05080efc,#0a101cf5);box-shadow:inset 0 1px #ffffff0d,0 28px 60px #00000057,0 0 0 1px color-mix(in srgb,var(--accent),transparent 86%)}.pro-settings-hero{position:relative;display:flex;flex-direction:column;gap:10px}.pro-settings-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.pro-settings-badge{align-self:flex-start;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 54%);background:color-mix(in srgb,var(--accent-soft),transparent 24%);color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pro-settings-info-button,.pro-settings-info-close{width:34px;height:34px;min-width:34px;padding:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent),transparent 58%);background:color-mix(in srgb,var(--accent-soft),transparent 32%);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.pro-settings-info-button:hover,.pro-settings-info-button:focus-visible,.pro-settings-info-close:hover,.pro-settings-info-close:focus-visible{border-color:color-mix(in srgb,var(--accent),transparent 34%);background:color-mix(in srgb,var(--accent-soft),transparent 20%);outline:none}.pro-settings-copy{max-width:620px;margin:0}.pro-settings-info-overlay{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:24px 18px;background:#05080e94;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pro-settings-info-popover{width:min(100%,420px);max-height:min(78vh,620px);overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent),transparent 68%);background:linear-gradient(165deg,#0d121dfc,#090d16fa);box-shadow:inset 0 1px #ffffff0d,0 28px 58px #00000061}.pro-settings-info-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pro-settings-info-header strong{color:var(--text-primary);font-size:14px}.pro-settings-info-list{display:grid;gap:8px;overflow-y:auto;padding-right:2px}.pro-settings-info-item{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.pro-settings-info-item span,.pro-settings-info-note{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45}.pro-settings-benefit-heading{display:flex;align-items:center;gap:10px}.pro-settings-benefit-icon{width:24px;height:24px;min-width:24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 60%);background:color-mix(in srgb,var(--accent-soft),transparent 26%);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.pro-settings-benefit-heading strong{color:var(--text-primary);font-size:14px}.pro-settings-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pro-settings-success-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pro-settings-success-card{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 17px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent),transparent 78%);background:linear-gradient(180deg,#ffffff0b,#ffffff05);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}.pro-settings-success-card>div{display:flex;flex-direction:column;gap:4px}.pro-settings-success-card strong{color:inherit;font-size:inherit}.pro-settings-success-card span{color:var(--text-secondary);font-size:13px;line-height:1.5}.pro-settings-success-mark{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary);font-size:15px;font-weight:700;border:1px solid color-mix(in srgb,var(--accent),transparent 58%);background:color-mix(in srgb,var(--accent-soft),transparent 28%);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 80%)}.pro-settings-benefit{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.pro-settings-benefit strong{color:inherit;font-size:inherit}.pro-settings-benefit span{color:var(--text-secondary);font-size:13px;line-height:1.5}.pro-settings-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pro-settings-secondary{display:flex;flex-direction:column;gap:10px}.pro-settings-secondary-label{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pro-settings-meta-pill{min-width:0;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;display:flex;flex-direction:column;gap:4px}.pro-settings-meta-pill span{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.pro-settings-meta-pill strong{color:var(--text-primary);font-size:14px}.pro-settings-dev-note{margin:0;color:#b9f4c7;font-size:13px}.pro-settings-thankyou{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.pro-settings-thankyou-title{margin:0;color:var(--text-primary);font-size:14px;font-weight:600}.pro-settings-thankyou-copy{margin:0}.pro-settings-thankyou-copy-muted{color:var(--text-tertiary);font-size:12px}.pro-settings-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px}.pro-settings-actions .primary-button,.pro-settings-actions .secondary-button{min-width:0}:root[data-theme=light] .web-shell .pro-settings-card{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 64%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),#ffffff 88%),transparent 34%),linear-gradient(160deg,#fffffffc,#f4f8fffa);box-shadow:inset 0 1px #ffffffd6,0 18px 40px #22355414}:root[data-theme=light] .web-shell .pro-settings-card-premium{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 48%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),#ffffff 84%),transparent 30%),radial-gradient(circle at bottom left,rgba(255,255,255,.74),transparent 38%),linear-gradient(160deg,#fffffffe,#f1f6fffb);box-shadow:inset 0 1px #ffffffe0,0 22px 48px #2235541a,0 0 0 1px color-mix(in srgb,var(--accent),transparent 92%)}:root[data-theme=light] .web-shell .pro-settings-badge{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 38%);background:color-mix(in srgb,var(--accent),#ffffff 88%);color:color-mix(in srgb,var(--accent),var(--text-primary) 38%)}:root[data-theme=light] .web-shell .pro-settings-info-button,:root[data-theme=light] .web-shell .pro-settings-info-close{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 44%);background:color-mix(in srgb,var(--accent),#ffffff 90%);color:color-mix(in srgb,var(--accent),var(--text-primary) 30%)}:root[data-theme=light] .web-shell .pro-settings-info-overlay{background:#eff4fcb8}:root[data-theme=light] .web-shell .pro-settings-info-popover{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 54%);background:linear-gradient(165deg,#fffffffe,#f3f7fffc);box-shadow:inset 0 1px #ffffffd1,0 18px 34px #22355414}:root[data-theme=light] .web-shell .pro-settings-info-item{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 72%);background:linear-gradient(180deg,#ffffffeb,#f6f9fffa)}:root[data-theme=light] .web-shell .pro-settings-benefit-icon{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 40%);background:color-mix(in srgb,var(--accent),#ffffff 88%);color:color-mix(in srgb,var(--accent),var(--text-primary) 32%)}:root[data-theme=light] .web-shell .pro-settings-info-header strong,:root[data-theme=light] .web-shell .pro-settings-info-item strong{color:var(--text-primary)}:root[data-theme=light] .web-shell .pro-settings-info-item span,:root[data-theme=light] .web-shell .pro-settings-info-note{color:var(--text-secondary)}:root[data-theme=light] .web-shell .pro-settings-benefit,:root[data-theme=light] .web-shell .pro-settings-success-card,:root[data-theme=light] .web-shell .pro-settings-meta-pill{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 70%);background:linear-gradient(180deg,#ffffffe6,#f6f9fff5);box-shadow:inset 0 1px #fffc,0 8px 18px #2235540d}:root[data-theme=light] .web-shell .pro-settings-success-mark{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 36%);background:color-mix(in srgb,var(--accent),#ffffff 82%);color:color-mix(in srgb,var(--accent),var(--text-primary) 24%);box-shadow:0 8px 18px color-mix(in srgb,var(--accent),transparent 88%)}:root[data-theme=light] .web-shell .pro-settings-benefit strong,:root[data-theme=light] .web-shell .pro-settings-success-card strong,:root[data-theme=light] .web-shell .pro-settings-meta-pill strong,:root[data-theme=light] .web-shell .pro-settings-thankyou-title{color:var(--text-primary)}:root[data-theme=light] .web-shell .pro-settings-benefit span,:root[data-theme=light] .web-shell .pro-settings-success-card span,:root[data-theme=light] .web-shell .pro-settings-copy,:root[data-theme=light] .web-shell .pro-settings-thankyou-copy,:root[data-theme=light] .web-shell .pro-settings-thankyou-copy-muted,:root[data-theme=light] .web-shell .pro-settings-meta-pill span,:root[data-theme=light] .web-shell .pro-settings-secondary-label{color:var(--text-secondary)}:root[data-theme=light] .layout-native-mobile .pro-settings-card,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-card{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 64%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),#ffffff 88%),transparent 34%),linear-gradient(160deg,#fffffffc,#f4f8fffa);box-shadow:inset 0 1px #ffffffd6,0 18px 40px #22355414}:root[data-theme=light] .layout-native-mobile .pro-settings-card-premium,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-card-premium{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 48%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),#ffffff 84%),transparent 30%),radial-gradient(circle at bottom left,rgba(255,255,255,.74),transparent 38%),linear-gradient(160deg,#fffffffe,#f1f6fffb);box-shadow:inset 0 1px #ffffffe0,0 22px 48px #2235541a,0 0 0 1px color-mix(in srgb,var(--accent),transparent 92%)}:root[data-theme=light] .layout-native-mobile .pro-settings-badge,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-badge{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 38%);background:color-mix(in srgb,var(--accent),#ffffff 88%);color:color-mix(in srgb,var(--accent),var(--text-primary) 38%)}:root[data-theme=light] .layout-native-mobile .pro-settings-info-button,:root[data-theme=light] .layout-native-mobile .pro-settings-info-close,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-button,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-close{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 44%);background:color-mix(in srgb,var(--accent),#ffffff 90%);color:color-mix(in srgb,var(--accent),var(--text-primary) 30%)}:root[data-theme=light] .layout-native-mobile .pro-settings-info-overlay,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-overlay{background:#eff4fcb8}:root[data-theme=light] .layout-native-mobile .pro-settings-info-popover,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-popover{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 54%);background:linear-gradient(165deg,#fffffffe,#f3f7fffc);box-shadow:inset 0 1px #ffffffd1,0 18px 34px #22355414}:root[data-theme=light] .layout-native-mobile .pro-settings-info-item,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-item{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 72%);background:linear-gradient(180deg,#ffffffeb,#f6f9fffa)}:root[data-theme=light] .layout-native-mobile .pro-settings-benefit-icon,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-benefit-icon{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 40%);background:color-mix(in srgb,var(--accent),#ffffff 88%);color:color-mix(in srgb,var(--accent),var(--text-primary) 32%)}:root[data-theme=light] .layout-native-mobile .pro-settings-info-header strong,:root[data-theme=light] .layout-native-mobile .pro-settings-info-item strong,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-header strong,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-item strong{color:var(--text-primary)}:root[data-theme=light] .layout-native-mobile .pro-settings-info-item span,:root[data-theme=light] .layout-native-mobile .pro-settings-info-note,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-item span,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-info-note{color:var(--text-secondary)}:root[data-theme=light] .layout-native-mobile .pro-settings-benefit,:root[data-theme=light] .layout-native-mobile .pro-settings-success-card,:root[data-theme=light] .layout-native-mobile .pro-settings-meta-pill,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-benefit,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-success-card,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-meta-pill{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 70%);background:linear-gradient(180deg,#ffffffe6,#f6f9fff5);box-shadow:inset 0 1px #fffc,0 8px 18px #2235540d}:root[data-theme=light] .layout-native-mobile .pro-settings-success-mark,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-success-mark{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 36%);background:color-mix(in srgb,var(--accent),#ffffff 82%);color:color-mix(in srgb,var(--accent),var(--text-primary) 24%);box-shadow:0 8px 18px color-mix(in srgb,var(--accent),transparent 88%)}:root[data-theme=light] .layout-native-mobile .pro-settings-benefit strong,:root[data-theme=light] .layout-native-mobile .pro-settings-success-card strong,:root[data-theme=light] .layout-native-mobile .pro-settings-meta-pill strong,:root[data-theme=light] .layout-native-mobile .pro-settings-thankyou-title,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-benefit strong,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-success-card strong,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-meta-pill strong,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-thankyou-title{color:var(--text-primary)}:root[data-theme=light] .layout-native-mobile .pro-settings-benefit span,:root[data-theme=light] .layout-native-mobile .pro-settings-success-card span,:root[data-theme=light] .layout-native-mobile .pro-settings-copy,:root[data-theme=light] .layout-native-mobile .pro-settings-thankyou-copy,:root[data-theme=light] .layout-native-mobile .pro-settings-thankyou-copy-muted,:root[data-theme=light] .layout-native-mobile .pro-settings-meta-pill span,:root[data-theme=light] .layout-native-mobile .pro-settings-secondary-label,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-benefit span,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-success-card span,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-copy,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-thankyou-copy,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-thankyou-copy-muted,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-meta-pill span,:root[data-theme=light] .settings-detail-card-mobile .pro-settings-secondary-label{color:var(--text-secondary)}:root[data-theme=light] .web-shell .premium-color-control{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 64%);background:linear-gradient(155deg,color-mix(in srgb,var(--accent),#ffffff 90%),#f6f9fffa);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #2235540f}:root[data-theme=light] .web-shell .premium-color-control-active{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 42%);box-shadow:inset 0 1px #ffffffdb,0 0 0 1px color-mix(in srgb,var(--accent),transparent 90%),0 12px 26px #22355414}:root[data-theme=light] .web-shell .premium-color-control-copy strong,:root[data-theme=light] .web-shell .premium-color-control-wheel,:root[data-theme=light] .web-shell .premium-color-lock-pill{color:var(--text-primary)}:root[data-theme=light] .web-shell .premium-color-control-copy span,:root[data-theme=light] .web-shell .premium-color-code{color:var(--text-secondary)}:root[data-theme=light] .web-shell .premium-color-control-swatch{border-color:#7488aa47;box-shadow:0 0 0 4px #ffffffb8,0 8px 16px #22355414}:root[data-theme=light] .web-shell .premium-color-control-wheel,:root[data-theme=light] .web-shell .premium-color-lock-pill{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 42%);background:color-mix(in srgb,var(--accent),#ffffff 90%)}:root[data-theme=light] .web-shell .premium-color-control-wheel input::-webkit-color-swatch,:root[data-theme=light] .web-shell .premium-color-control-wheel input::-moz-color-swatch{border-color:#7488aa3d}:root[data-theme=light] .plan-limit-modal{border-color:#6f63ef2e;background:linear-gradient(180deg,#fffffffb,#f4f8fffb);box-shadow:0 24px 52px #202e4729,0 0 0 1px #6f63ef0f}:root[data-theme=light] .plan-limit-eyebrow,:root[data-theme=light] .plan-limit-counter,:root[data-theme=light] .plan-limit-item-card,:root[data-theme=light] .plan-limit-item-check,:root[data-theme=light] .plan-limit-close-button{border-color:#7488aa3d}:root[data-theme=light] .plan-limit-eyebrow{background:color-mix(in srgb,var(--accent),#ffffff 88%);color:var(--text-primary)}:root[data-theme=light] .plan-limit-counter{background:linear-gradient(180deg,#fffffff5,#f6f9fffa);box-shadow:inset 0 1px #ffffffd1,0 8px 18px #2235540f}:root[data-theme=light] .plan-limit-item-card{background:linear-gradient(160deg,color-mix(in srgb,var(--plan-limit-accent),#ffffff 92%),#fffffffa);box-shadow:inset 0 1px #ffffffe0,0 8px 20px #2235540f}:root[data-theme=light] .plan-limit-item-card:hover:not(:disabled),:root[data-theme=light] .plan-limit-item-card.is-selected{box-shadow:inset 0 1px #ffffffeb,0 10px 24px #22355414}:root[data-theme=light] .plan-limit-item-name,:root[data-theme=light] .plan-limit-close-button{color:var(--text-primary)}:root[data-theme=light] .plan-limit-close-button{background:linear-gradient(180deg,#fffffffa,#f4f8fffa)!important;box-shadow:inset 0 1px #ffffffe0,0 8px 18px #22355414!important}:root[data-theme=light] .plan-limit-close-button svg{color:#1f2944eb!important;stroke:currentColor!important;opacity:1!important;filter:none!important}:root[data-theme=light] .plan-limit-close-button:hover{border-color:#6f63ef38!important;background:color-mix(in srgb,var(--accent),#ffffff 90%)!important}:root[data-theme=light] .plan-limit-close-button:hover svg{color:#141d34fa!important}:root[data-theme=light] .plan-limit-description,:root[data-theme=light] .plan-limit-counter span,:root[data-theme=light] .plan-limit-item-status{color:var(--text-secondary)}:root[data-theme=light] .plan-limit-item-check{background:#fffffff0;color:#5f6f95}:root[data-theme=light] .plan-limit-item-check.is-selected{background:color-mix(in srgb,var(--accent),#ffffff 18%);color:#fff}:root[data-theme=light] .plan-limit-upgrade-button{box-shadow:0 0 0 1px #6f63ef24,0 0 18px #6f63ef33,0 12px 24px #2235541f}:root[data-theme=light] .plan-limit-upgrade-button:hover{box-shadow:0 0 0 1px #6f63ef2e,0 0 24px #6f63ef3d,0 14px 28px #22355424}:root[data-theme=light] .web-shell .modal-overlay{background:#202e4738;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=light] .web-shell .habit-modal-card{border-color:color-mix(in srgb,var(--habit-accent),rgba(116,136,170,.24) 60%);background:linear-gradient(165deg,color-mix(in srgb,var(--habit-accent),#ffffff 92%),#fffffffc 42%,#f6f9fffc);box-shadow:0 24px 52px #202e4729,0 0 0 1px color-mix(in srgb,var(--habit-accent),transparent 90%)}:root[data-theme=light] .web-shell .habit-modal-card .modal-actions{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.74) 30%,rgba(246,249,255,.98) 100%)}:root[data-theme=light] .web-shell .habit-modal-card .form-group input,:root[data-theme=light] .web-shell .habit-modal-card .settings-select,:root[data-theme=light] .web-shell .habit-modal-card .interval-switch-button,:root[data-theme=light] .web-shell .habit-modal-card .reminder-days-trigger,:root[data-theme=light] .web-shell .habit-modal-card .reminder-weekday-chip,:root[data-theme=light] .web-shell .habit-modal-card .reminder-config-group{border-color:#7488aa3d!important;background:linear-gradient(180deg,#fffffff5,#f6f9fffa)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .web-shell .habit-modal-card .interval-switch-button.active,:root[data-theme=light] .web-shell .habit-modal-card .reminder-day-button.active{border-color:color-mix(in srgb,var(--habit-accent),rgba(116,136,170,.24) 38%)!important;background:color-mix(in srgb,var(--habit-accent),#ffffff 82%)!important;color:color-mix(in srgb,var(--habit-accent),var(--text-primary) 28%)!important;box-shadow:0 8px 18px #22355414!important}:root[data-theme=light] .web-shell .habit-modal-card .reminder-days-menu{border-color:color-mix(in srgb,var(--habit-accent),rgba(116,136,170,.24) 48%);background:linear-gradient(180deg,#fffffffc,color-mix(in srgb,var(--habit-accent),#ffffff 95%));box-shadow:0 18px 38px #2336581f,0 0 0 1px color-mix(in srgb,var(--habit-accent),transparent 92%)}:root[data-theme=light] .web-shell .habit-modal-card .color-picker-circle.active{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--habit-accent),transparent 84%),0 8px 18px #2235541f}:root[data-theme=light] .web-shell .routine-create-modal,:root[data-theme=light] .web-shell .routine-details-modal{border-color:color-mix(in srgb,var(--routine-accent, var(--accent)),rgba(116,136,170,.24) 60%);background:linear-gradient(165deg,color-mix(in srgb,var(--routine-accent, var(--accent)),#ffffff 92%),#fffffffc 42%,#f6f9fffc);box-shadow:0 24px 52px #202e4729,0 0 0 1px color-mix(in srgb,var(--routine-accent, var(--accent)),transparent 90%)}:root[data-theme=light] .web-shell .routine-create-modal:before,:root[data-theme=light] .web-shell .routine-details-modal:before{background:linear-gradient(135deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.24) 22%,transparent 46%),radial-gradient(120% 90% at 12% 0%,color-mix(in srgb,var(--routine-accent, var(--accent)),#ffffff 86%) 0%,transparent 60%);opacity:1}:root[data-theme=light] .web-shell .routine-create-modal:after,:root[data-theme=light] .web-shell .routine-details-modal:after{box-shadow:inset 0 1px #ffffffd1,inset 0 0 0 1px color-mix(in srgb,var(--routine-accent, var(--accent)),transparent 90%)}:root[data-theme=light] .web-shell .routine-create-modal .form-group input,:root[data-theme=light] .web-shell .routine-create-modal .secondary-button,:root[data-theme=light] .web-shell .routine-details-modal .form-group input,:root[data-theme=light] .web-shell .routine-details-modal .secondary-button{border-color:#7488aa3d!important;background:linear-gradient(180deg,#fffffff5,#f6f9fffa)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .web-shell .routine-create-modal .routine-builder-step-card,:root[data-theme=light] .web-shell .routine-details-modal .routine-edit-step-card{border-color:#7488aa3d;background:linear-gradient(180deg,#fffffff5,#f6f9fffa);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .web-shell .routine-create-modal .routine-builder-step-card .form-group input,:root[data-theme=light] .web-shell .routine-details-modal .routine-edit-step-card .form-group input{background:linear-gradient(180deg,#fffffffa,#f7fafffc)!important}:root[data-theme=light] .web-shell .routine-create-modal .routine-step-time-unit,:root[data-theme=light] .web-shell .routine-details-modal .routine-step-time-unit,:root[data-theme=light] .web-shell .routine-create-modal .form-group label,:root[data-theme=light] .web-shell .routine-details-modal .form-group label,:root[data-theme=light] .web-shell .routine-create-modal .text-secondary,:root[data-theme=light] .web-shell .routine-details-modal .text-secondary{color:var(--text-secondary)!important}:root[data-theme=light] .web-shell .routine-create-modal .section-title,:root[data-theme=light] .web-shell .routine-details-modal .section-title{color:var(--text-primary)}:root[data-theme=light] .web-shell .routine-settings-modal{border-color:color-mix(in srgb,var(--routine-accent),rgba(116,136,170,.24) 60%);background:linear-gradient(165deg,color-mix(in srgb,var(--routine-accent),#ffffff 92%),#fffffffc 42%,#f6f9fffc);box-shadow:0 24px 52px #202e4729,0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 90%)}:root[data-theme=light] .web-shell .routine-settings-modal .routine-reminder-card{border-color:#7488aa3d;background:linear-gradient(180deg,#fffffff5,#f6f9fffa);box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .web-shell .routine-settings-modal .form-group input,:root[data-theme=light] .web-shell .routine-settings-modal .settings-select,:root[data-theme=light] .web-shell .routine-settings-modal .reminder-days-trigger,:root[data-theme=light] .web-shell .routine-settings-modal .reminder-weekday-chip,:root[data-theme=light] .web-shell .routine-settings-modal .reminder-config-group{border-color:#7488aa3d!important;background:linear-gradient(180deg,#fffffff5,#f6f9fffa)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .web-shell .routine-settings-modal .routine-reminder-days-menu{border-color:color-mix(in srgb,var(--routine-accent),rgba(116,136,170,.24) 48%);background:linear-gradient(180deg,#fffffffc,color-mix(in srgb,var(--routine-accent),#ffffff 95%));box-shadow:0 18px 38px #2336581f,0 0 0 1px color-mix(in srgb,var(--routine-accent),transparent 92%)}:root[data-theme=light] .web-shell .routine-settings-modal .routine-reminder-day-button.active{border-color:color-mix(in srgb,var(--routine-accent),rgba(116,136,170,.24) 38%)!important;background:color-mix(in srgb,var(--routine-accent),#ffffff 82%)!important;color:color-mix(in srgb,var(--routine-accent),var(--text-primary) 28%)!important;box-shadow:0 8px 18px #22355414!important}:root[data-theme=light] .web-shell .routine-settings-modal .modal-actions{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.74) 30%,rgba(246,249,255,.98) 100%)}:root[data-theme=light] .web-shell .routine-settings-modal .routine-settings-delete-button{border-color:#ff6e6e38!important;background:#ff6e6e14!important;color:#ff8080!important;box-shadow:inset 0 1px #ffffff8f,0 8px 18px #22355414!important}:root[data-theme=light] .web-shell .routine-settings-modal .routine-settings-delete-button:hover{border-color:#ff6e6e4d!important;background:#ff6e6e1f!important}:root[data-theme=light] .web-shell .routine-settings-modal .color-picker-circle.active{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--routine-accent),transparent 84%),0 8px 18px #2235541f}:root[data-theme=light] .web-shell .routine-settings-modal .routine-settings-subtitle,:root[data-theme=light] .web-shell .routine-settings-modal .routine-theme-help,:root[data-theme=light] .web-shell .routine-settings-modal .form-group label{color:var(--text-secondary)}:root[data-theme=light] .web-shell .routine-settings-modal .section-title,:root[data-theme=light] .web-shell .routine-settings-modal .reminder-section-label{color:var(--text-primary)}.pro-paywall-modal{position:relative;max-width:min(560px,100%);overflow:hidden;border-color:color-mix(in srgb,var(--accent),transparent 66%);background:linear-gradient(165deg,#060910fa,#0a101cf2);box-shadow:0 26px 60px #00000075,0 0 0 1px color-mix(in srgb,var(--accent),transparent 82%)}.pro-paywall-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),transparent 82%),transparent 34%),radial-gradient(circle at bottom left,color-mix(in srgb,#65d58a,transparent 88%),transparent 30%);pointer-events:none}.pro-paywall-header,.pro-paywall-footer{position:relative;z-index:1}.pro-paywall-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pro-paywall-copy{display:flex;flex-direction:column;gap:8px}.pro-paywall-eyebrow{color:#c9f9d8;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pro-paywall-description,.pro-paywall-note{margin:0}.pro-paywall-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.pro-paywall-benefit{display:flex;align-items:center;gap:9px;min-height:52px;padding:9px 10px;border-radius:15px;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.pro-paywall-benefit>div{display:flex;flex-direction:column}.pro-paywall-benefit strong{color:var(--text-primary);font-size:14px}.pro-paywall-benefit span{color:var(--text-secondary);font-size:13px;line-height:1.45}.pro-paywall-benefit-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft),transparent 20%);color:var(--text-primary);font-size:15px;font-weight:700;flex-shrink:0}.pro-paywall-footer{margin-top:18px;display:flex;flex-direction:column;gap:14px}.pro-paywall-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px}.pro-paywall-actions .primary-button,.pro-paywall-actions .secondary-button{width:100%;min-width:0;min-height:42px;padding:9px 10px;justify-content:center;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:12.5px;line-height:1.2}:root[data-theme=light] .web-shell .pro-paywall-modal{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 54%);background:linear-gradient(165deg,color-mix(in srgb,var(--accent),#ffffff 92%),#fffffffc 42%,#f4f8fffb);box-shadow:0 26px 56px #202e4729,0 0 0 1px color-mix(in srgb,var(--accent),transparent 92%)}:root[data-theme=light] .web-shell .pro-paywall-modal .routine-topbar-icon-button{border-color:#7488aa3d!important;background:linear-gradient(180deg,#fffffffa,#f4f8fffa)!important;color:#1f2944eb!important;box-shadow:inset 0 1px #ffffffe0,0 8px 18px #22355414!important}:root[data-theme=light] .web-shell .pro-paywall-modal .routine-topbar-icon-button svg{color:#1f2944eb!important;stroke:currentColor!important;opacity:1!important;filter:none!important}:root[data-theme=light] .web-shell .pro-paywall-modal .routine-topbar-icon-button:hover{border-color:#6f63ef38!important;background:color-mix(in srgb,var(--accent),#ffffff 90%)!important;color:#141d34fa!important}:root[data-theme=light] .web-shell .pro-paywall-modal .routine-topbar-icon-button:hover svg{color:#141d34fa!important}:root[data-theme=light] .web-shell .pro-paywall-backdrop{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),#ffffff 86%),transparent 34%),radial-gradient(circle at bottom left,rgba(255,255,255,.76),transparent 30%)}:root[data-theme=light] .web-shell .pro-paywall-eyebrow{color:color-mix(in srgb,var(--accent),var(--text-primary) 34%)}:root[data-theme=light] .web-shell .pro-paywall-description,:root[data-theme=light] .web-shell .pro-paywall-note{color:var(--text-secondary)}:root[data-theme=light] .web-shell .pro-paywall-benefit{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 70%);background:linear-gradient(180deg,#ffffffeb,#f6f9fff5);box-shadow:inset 0 1px #fffc,0 8px 18px #2235540d}:root[data-theme=light] .web-shell .pro-paywall-benefit strong{color:var(--text-primary)}:root[data-theme=light] .web-shell .pro-paywall-benefit span{color:var(--text-secondary)}:root[data-theme=light] .web-shell .pro-paywall-benefit-mark{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 36%);background:color-mix(in srgb,var(--accent),#ffffff 82%);color:color-mix(in srgb,var(--accent),var(--text-primary) 26%);box-shadow:0 8px 18px color-mix(in srgb,var(--accent),transparent 88%)}.settings-time-row{display:flex;align-items:center;gap:10px}.settings-backup-group{justify-content:flex-start;min-width:0;padding:12px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-overlay-soft)}.settings-backup-group .primary-button,.settings-backup-group .secondary-button{width:100%;min-width:0;margin-top:auto;justify-content:center}.settings-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.settings-backup-status{margin:0;color:#b9f4c7;font-size:var(--font-text)}.settings-support-link{color:var(--accent);text-decoration:none;width:fit-content}.settings-support-link:hover{text-decoration:underline}.settings-support-input,.settings-support-textarea{width:100%;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-overlay);color:var(--text-primary);padding:10px 12px;outline:none}.settings-support-input{height:44px}.settings-support-textarea{min-height:120px;max-height:clamp(160px,34vh,260px);resize:vertical;overflow-y:auto;line-height:1.4}.settings-support-message-textarea{min-height:176px;height:176px;max-height:176px;resize:none;overscroll-behavior:contain}.settings-delete-textarea{resize:none}.settings-support-input:focus,.settings-support-textarea:focus{border-color:#8b7cff73;box-shadow:0 0 0 3px #8b7cff1f}.settings-delete-section{border-top-color:#ff828242}.settings-delete-error{margin:0;color:#ffb7c5;font-size:var(--font-text)}.settings-delete-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#0508128f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-delete-dialog{width:min(100%,460px);border-radius:20px;border:1px solid rgba(255,120,120,.36);background:linear-gradient(165deg,#ff587438,#220c14f0 60%,#180a10f5);box-shadow:0 20px 46px #00000080,0 0 0 1px #ff787829,0 0 34px #ff587433;padding:20px;display:flex;flex-direction:column;gap:14px}.settings-delete-dialog .section-title{color:#ffd9dc}.settings-delete-dialog .text-secondary{color:#ffc4cd}.settings-delete-dialog-actions{justify-content:center}.settings-reset-dialog{border-color:#78a2ff4d;background:linear-gradient(165deg,#4a76ff29,#141a30f0 44%,#080c18fa)}.settings-reset-dialog .section-title{color:#edf3ff}.settings-reset-dialog .text-secondary{color:#dae4fbc7}@keyframes settings-top-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reminder-battery-hint-modal{width:min(440px,calc(100vw - 32px));padding:20px}.reminder-battery-hint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.reminder-battery-hint-copy{margin:0;line-height:1.5}.reminder-battery-hint-actions{margin-top:20px;justify-content:flex-end}.settings-success-toast{position:fixed;top:14px;left:50%;z-index:1300;transform:translate(-50%,-140%);min-width:240px;max-width:min(92vw,420px);border-radius:14px;border:1px solid rgba(130,255,180,.42);background:linear-gradient(165deg,#5ae68cf0,#189958f2);color:#f3fff7;font-size:var(--font-text);font-weight:600;text-align:center;padding:12px 16px;box-shadow:0 14px 28px #00000052,0 0 0 1px #a2ffc333,0 0 22px #5cf5994d;pointer-events:none;animation:settings-toast-slide-in-out 3s ease forwards}@keyframes settings-toast-slide-in-out{0%{opacity:0;transform:translate(-50%,-140%)}12%{opacity:1;transform:translate(-50%)}82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-140%)}}.settings-time-separator{color:var(--text-secondary);font-size:var(--font-text)}@media(max-width:900px){.settings-page{padding:16px}.settings-shell{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px}.settings-floating-save{flex-direction:column;align-items:stretch;gap:8px}.settings-floating-save .settings-saved-message{text-align:right}.settings-floating-save .primary-button{width:100%}.settings-grid-two{grid-template-columns:1fr}.settings-accent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-actions-spread{flex-direction:column;align-items:stretch}.settings-detail-toolbar,.settings-detail-header,.settings-detail-scroll{padding-left:16px;padding-right:16px}}@media(min-width:1200px)and (min-height:700px){.settings-card{overflow:hidden}.settings-header{margin-bottom:12px}.settings-floating-save{padding:2px 0 8px;margin-bottom:2px}.settings-sections-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.settings-section{border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-overlay-soft);border-top:1px solid var(--border-subtle);padding:10px;gap:10px}.settings-section:first-of-type{border-top:1px solid var(--border-subtle);padding-top:10px}.settings-section .section-title{font-size:20px}.simple-settings-group{gap:8px}.settings-label{font-size:14px}.settings-grid-two{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}.settings-accent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-toggle-row{min-height:38px;padding:8px 10px;font-size:14px;gap:8px}.settings-number-input{width:92px;height:40px;padding:0 10px;font-size:14px}.settings-input-suffix{font-size:14px}.settings-select,.settings-time-input,.settings-support-input{height:40px;padding:0 10px;font-size:14px}.settings-time-row{gap:8px}.settings-time-separator{font-size:14px}.settings-actions-spread{margin-top:10px;padding-top:10px;border-top:1px solid var(--divider)}}@media(max-width:768px){.pro-settings-card{gap:10px;padding:12px;border-radius:18px}.pro-settings-hero{gap:5px}.pro-settings-hero .section-title{font-size:21px}.pro-settings-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pro-settings-benefit{min-height:42px;padding:7px 8px;border-radius:12px}.pro-settings-benefit-heading{gap:7px}.pro-settings-benefit-heading strong{font-size:11.5px;line-height:1.2}.pro-settings-success-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pro-settings-success-card{min-height:42px;padding:7px 8px;border-radius:12px}.pro-settings-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pro-settings-meta-pill{padding:7px 8px;border-radius:12px;gap:2px}.pro-settings-meta-pill strong{font-size:11.5px}.pro-settings-meta-pill span,.pro-settings-secondary-label{font-size:9.5px}.pro-settings-secondary{gap:6px}.pro-settings-thankyou{padding-top:2px}.pro-settings-thankyou-title{font-size:12px}.pro-settings-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pro-settings-actions .primary-button,.pro-settings-actions .secondary-button{width:100%;justify-content:center;padding-left:10px;padding-right:10px;min-height:38px;font-size:11.5px;white-space:normal;line-height:1.15}.pro-settings-info-popover{width:min(100%,360px);padding:12px;gap:10px}.habit-modal-card-binary{height:min(calc(100dvh - var(--mobile-bottom-nav-height, 64px) - env(safe-area-inset-top,0px) - 28px),620px)}.habit-modal-card-measurable{height:min(calc(100dvh - var(--mobile-bottom-nav-height, 64px) - env(safe-area-inset-top,0px) - 28px),690px)}.pro-settings-info-item{padding:9px 10px}.pro-settings-benefit-icon{width:20px;height:20px;min-width:20px}.settings-support-section{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}.settings-support-message-textarea{min-height:118px;height:118px;max-height:118px}.layout-native-mobile .settings-page{padding:calc(env(safe-area-inset-top,0px) + 8px) 14px calc(var(--mobile-bottom-nav-height, 64px) + 14px) 14px;overflow:hidden;background:#000}.settings-mobile-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.settings-mobile-list-card,.settings-detail-card-mobile{flex:1;min-height:0;overflow:hidden;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.settings-mobile-list-card{--settings-mobile-actions-reserve: 36px;gap:12px}.settings-mobile-list-header{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;flex-shrink:0}.settings-mobile-list-header .main-title{font-size:1.55rem!important;line-height:1.06;letter-spacing:.01em;font-weight:760;color:#f5f7ff}.settings-mobile-list-header .text-secondary{display:none}.settings-nav-item{min-height:48px;padding:6px 9px}.settings-nav-item-summary{white-space:normal;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.settings-mobile-list .settings-nav-item-summary{display:none}.settings-mobile-list{flex:1;overflow:hidden;margin-bottom:0;padding:2px 2px 10px 0}.settings-mobile-list::-webkit-scrollbar{display:none}.settings-nav-groups{gap:10px}.settings-nav-group{gap:4px}.settings-nav-group-card{border-radius:15px}.settings-nav-item-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.settings-detail-toolbar-mobile{padding:14px 0 10px;flex-wrap:nowrap;background:#000}.settings-detail-toolbar-mobile .settings-detail-toolbar-save{min-width:0;min-height:46px;flex:1;justify-content:flex-end}.settings-detail-header{padding:0 0 12px}.settings-detail-card-mobile .settings-detail-header-copy .text-secondary{display:none}.settings-detail-header .settings-detail-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}.settings-detail-scroll{min-height:0;flex:1;padding:12px 0 0;overscroll-behavior-y:contain}.layout-native-mobile .settings-detail-scroll{overflow:hidden}.settings-detail-scroll.settings-detail-scroll-no-scroll{overflow:hidden!important;overscroll-behavior:none;scrollbar-width:none}.settings-detail-scroll.settings-detail-scroll-no-scroll::-webkit-scrollbar{display:none}.settings-mobile-actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding-top:8px}.layout-native-mobile .settings-detail-card-mobile .settings-section-panel{gap:10px}.layout-native-mobile .settings-detail-card-mobile .settings-grid-two{grid-template-columns:minmax(0,1fr);gap:9px}.layout-native-mobile .settings-detail-card-mobile .simple-settings-group{gap:7px}.layout-native-mobile .settings-detail-card-mobile .settings-toggle-row{min-height:44px;padding:9px 10px;gap:9px;font-size:13px}.layout-native-mobile .settings-detail-card-mobile .settings-toggle-main{gap:9px}.layout-native-mobile .settings-detail-card-mobile .settings-label{font-size:13px}.layout-native-mobile .settings-detail-card-mobile .settings-select,.layout-native-mobile .settings-detail-card-mobile .settings-time-input,.layout-native-mobile .settings-detail-card-mobile .settings-support-input,.layout-native-mobile .settings-detail-card-mobile .settings-number-input{height:42px;min-height:42px;font-size:13px}.layout-native-mobile .settings-detail-card-mobile .settings-accent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.layout-native-mobile .settings-detail-card-mobile .settings-accent-button{min-height:40px;padding:7px 9px;font-size:12.5px}.layout-native-mobile .settings-detail-card-mobile .premium-color-control{min-height:48px;margin-top:8px;padding:9px 10px;border-radius:14px}.layout-native-mobile .settings-detail-card-mobile .settings-backup-grid{grid-template-columns:minmax(0,1fr)}.layout-native-mobile .settings-detail-card-mobile .settings-backup-group{min-height:68px;padding:10px;border-radius:13px}.layout-native-mobile .settings-detail-card-mobile .settings-backup-group .primary-button,.layout-native-mobile .settings-detail-card-mobile .settings-backup-group .secondary-button{min-height:38px;padding:8px 9px;font-size:12px;line-height:1.15;white-space:normal}.settings-account-actions{grid-template-columns:minmax(0,1fr);max-width:none}.layout-native-mobile .settings-detail-card-mobile .settings-delete-section-panel{padding:11px;border-radius:14px}.layout-native-mobile .settings-detail-card-mobile .settings-danger-heading{margin-bottom:9px}.settings-card,.settings-card.settings-card-expanded{height:auto;min-height:0;overflow:visible}.web-shell.web-shell--mobile .settings-page{overflow:visible}.web-shell.web-shell--mobile .settings-shell{grid-template-columns:1fr;overflow:visible}.web-shell.web-shell--mobile .settings-sidebar-card,.web-shell.web-shell--mobile .settings-detail-card{height:auto;min-height:0}.web-shell.web-shell--mobile .settings-detail-scroll,.web-shell.web-shell--mobile .settings-nav-list{overflow:visible}}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;padding:clamp(18px,3.2vw,38px) 16px;overflow:hidden;background:radial-gradient(circle at 14% 10%,rgba(68,165,255,.22),transparent 44%),radial-gradient(circle at 82% 14%,rgba(90,222,184,.16),transparent 42%),var(--bg-main)}.auth-gloom{position:absolute;border-radius:999px;pointer-events:none;filter:blur(38px);opacity:.84}.auth-gloom--one{width:min(44vw,520px);aspect-ratio:1;top:-20%;left:-10%;background:#5daaff38}.auth-gloom--two{width:min(38vw,460px);aspect-ratio:1;right:-10%;bottom:-16%;background:#5cdeba33}.auth-shell{width:min(1060px,100%);margin:0 auto;position:relative;z-index:1;display:grid;gap:16px}.auth-close-button{position:fixed;top:max(14px,env(safe-area-inset-top));right:16px;width:42px;height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-subtle),#7bbdff 22%);background:color-mix(in srgb,var(--bg-card),rgba(69,150,255,.14) 30%);color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;letter-spacing:.04em;z-index:50;transition:background .2s ease,border-color .2s ease,transform .16s ease,box-shadow .2s ease}.auth-close-button:hover{background:color-mix(in srgb,var(--accent-soft),rgba(114,181,255,.26) 34%);border-color:color-mix(in srgb,var(--accent),#7dc1ff 30%);box-shadow:0 10px 24px #00000042;transform:translateY(-1px)}.auth-panel,.auth-card{width:100%;border:1px solid var(--border-subtle);border-radius:24px;background:linear-gradient(155deg,#121c36eb,#0a1123e6),var(--bg-card);box-shadow:0 20px 44px #00000059}.auth-panel{display:grid;gap:12px;align-content:start;padding:24px}.auth-badge{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:7px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-soft),rgba(54,154,255,.2) 36%);border:1px solid color-mix(in srgb,var(--accent),#67adff 24%);color:var(--text-primary);font-size:var(--font-small);font-weight:700;letter-spacing:.02em}.auth-panel-title{margin:0;font-size:clamp(30px,6vw,44px);line-height:1.06;letter-spacing:-.02em;max-width:16ch}.auth-panel-copy{margin:0;color:var(--text-secondary);line-height:1.58;max-width:55ch}.auth-benefits{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.auth-benefit-item{position:relative;border:1px solid color-mix(in srgb,var(--border-subtle),#68afff 18%);border-radius:14px;padding:12px 14px 12px 34px;background:color-mix(in srgb,var(--surface-overlay),transparent 30%)}.auth-benefit-item:before{content:"";position:absolute;left:14px;top:17px;width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,#72e2ff,#5e9eff);box-shadow:0 0 0 3px #68afff29}.auth-benefit-item h3{margin:0;font-size:15px;line-height:1.35}.auth-benefit-item p{margin:6px 0 0;color:var(--text-secondary);font-size:var(--font-text);line-height:1.46}.auth-card{max-width:470px;justify-self:center;align-self:center;padding:30px 26px;text-align:center}.auth-card-kicker{margin:0;color:color-mix(in srgb,var(--text-secondary),#9ad2ff 34%);font-size:var(--font-small);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.auth-title{margin:10px 0 0;font-size:clamp(29px,6vw,40px);line-height:1.08;letter-spacing:-.02em}.auth-card-copy{margin:12px 0 0;color:var(--text-secondary);line-height:1.58}.auth-button{width:100%;margin-top:22px;min-height:44px;font-weight:600}.auth-signup-button{min-height:52px;font-size:16px;font-weight:700}.auth-signin-button{width:100%;margin-top:10px;min-height:42px;font-weight:600}.auth-divider{margin:14px 0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-small);text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--border-subtle),#7cbfff 14%)}.auth-divider span{padding:0 12px}.auth-form{display:grid;gap:10px}.auth-field{display:grid;gap:6px;text-align:left}.auth-label{color:var(--text-secondary);font-size:var(--font-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auth-input{width:100%;min-height:42px;border-radius:11px;border:1px solid color-mix(in srgb,var(--border-subtle),#74bcff 16%);background:color-mix(in srgb,var(--bg-main),#102244 10%);color:var(--text-primary);padding:0 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-input::placeholder{color:color-mix(in srgb,var(--text-muted),#9fcfff 16%)}.auth-input:focus{border-color:color-mix(in srgb,var(--accent),#7ec4ff 26%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-soft),transparent 32%);background:color-mix(in srgb,var(--bg-main),#0f2346 14%)}:root[data-theme=light] .auth-page{background:radial-gradient(circle at 12% 10%,rgba(111,171,255,.18),transparent 34%),radial-gradient(circle at 86% 14%,rgba(104,228,198,.16),transparent 32%),radial-gradient(circle at 50% 100%,rgba(141,123,255,.08),transparent 42%),linear-gradient(180deg,#f7faff,#eef3fb)}:root[data-theme=light] .auth-gloom{opacity:.76;filter:blur(52px)}:root[data-theme=light] .auth-gloom--one{background:#7ab0ff33}:root[data-theme=light] .auth-gloom--two{background:#6fe4c62e}:root[data-theme=light] .auth-panel,:root[data-theme=light] .auth-card{border-color:#6f63ef1f;background:linear-gradient(180deg,#fffffffa,#f4f8fff5),var(--bg-card);box-shadow:inset 0 1px #ffffffe6,0 22px 46px #2e405a24}:root[data-theme=light] .auth-panel-copy,:root[data-theme=light] .auth-card-copy,:root[data-theme=light] .auth-benefit-item p,:root[data-theme=light] .auth-legal,:root[data-theme=light] .auth-secondary-link{color:var(--text-secondary)}:root[data-theme=light] .auth-badge{background:#6f63ef14;border-color:#6f63ef2e;color:var(--accent)}:root[data-theme=light] .auth-benefit-item{border-color:#6f63ef1f;background:linear-gradient(180deg,#ffffffd1,#f8faffb8),#6f63ef05;box-shadow:inset 0 1px #ffffffb8}:root[data-theme=light] .auth-benefit-item:before{box-shadow:0 0 0 4px #6f63ef1a}:root[data-theme=light] .auth-card-kicker{color:var(--accent)}:root[data-theme=light] .auth-divider{color:var(--text-muted)}:root[data-theme=light] .auth-divider:before,:root[data-theme=light] .auth-divider:after{background:#6f63ef1f}:root[data-theme=light] .auth-card .secondary-button{border-color:#6f63ef29;background:linear-gradient(180deg,#fffffffa,#f6f9fffa);color:var(--text-primary);box-shadow:inset 0 1px #ffffffd6,0 10px 22px #2e405a14}:root[data-theme=light] .auth-card .secondary-button:hover{background:color-mix(in srgb,var(--accent),#ffffff 94%);border-color:#6f63ef38;box-shadow:inset 0 1px #ffffffe0,0 12px 24px #2e405a1a}:root[data-theme=light] .auth-card .primary-button{box-shadow:inset 0 1px #ffffff38,0 14px 28px #6f63ef38}:root[data-theme=light] .auth-input{border-color:#6f63ef2e;background:#fffffff5;color:var(--text-primary);box-shadow:inset 0 1px #ffffffd6}:root[data-theme=light] .auth-input::placeholder{color:color-mix(in srgb,var(--text-muted),#ffffff 12%)}:root[data-theme=light] .auth-input:focus{background:#fff;border-color:#6f63ef57;box-shadow:0 0 0 4px #6f63ef1f,inset 0 1px #ffffffe6}:root[data-theme=light] .auth-close-button,:root[data-theme=light] .auth-button,:root[data-theme=light] .auth-email-button{border-color:#6f63ef29;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #2e405a14}:root[data-theme=light] .auth-close-button{background:linear-gradient(180deg,#fffffff5,#f6f9fffa);color:var(--text-primary)}:root[data-theme=light] .auth-close-button:hover{background:color-mix(in srgb,var(--accent),#ffffff 90%);border-color:#6f63ef38;box-shadow:inset 0 1px #ffffffe0,0 12px 24px #2e405a1a}.auth-email-actions{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-email-button{width:100%;min-height:40px;font-weight:600}.auth-error{margin:14px 0 0;border:1px solid rgba(255,130,130,.38);background:#6319195c;border-radius:12px;padding:10px 12px;color:#ffd8d8;font-size:var(--font-small);line-height:1.45}.auth-info{margin:14px 0 0;border:1px solid color-mix(in srgb,var(--accent),#8fe7ff 20%);background:color-mix(in srgb,var(--accent-soft),transparent 42%);border-radius:12px;padding:10px 12px;color:color-mix(in srgb,var(--text-primary),#9edfff 18%);font-size:var(--font-small);line-height:1.45}:root[data-theme=light] .auth-error{border-color:#e06c6c3d;background:#fff2f2f5;color:#9c3131}:root[data-theme=light] .auth-info{border-color:#6f63ef2e;background:#f1f5fff5;color:var(--text-primary)}.auth-legal{margin:14px 0 0;color:var(--text-muted);font-size:var(--font-small);line-height:1.5}.auth-legal a{color:var(--text-secondary);text-decoration:none;font-weight:600}.auth-legal a:hover{color:var(--text-primary);text-decoration:underline}.auth-meta{margin:12px 0 0}.auth-secondary-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-small);font-weight:600}.auth-secondary-link:hover{color:var(--text-primary);text-decoration:underline}@media(max-width:959px){.auth-panel{order:2}.auth-card{order:1}}@media(min-width:960px){.auth-shell{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px}.auth-panel{padding:30px}.auth-card{justify-self:stretch;max-width:none;padding:34px 30px}.auth-close-button{top:18px;right:22px}}@media(max-width:620px){.auth-page{padding:16px 12px}.auth-panel,.auth-card{border-radius:20px}.auth-panel,.auth-card{padding:20px}.auth-panel-title{font-size:clamp(26px,9vw,34px)}.auth-email-actions{grid-template-columns:1fr}.auth-close-button{width:40px;height:40px;right:12px}}.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg-main);color:var(--text-primary);font-size:16px}.todo-drawer{--todo-handle-offset: -28px;position:relative;min-height:0;display:flex;flex-direction:column;overflow:visible;z-index:2}.todo-drawer.todo-drawer-open{--todo-handle-offset: -1px}.todo-inline-toggle,.todo-inline-toggle-open{position:absolute;left:50%;top:0;width:auto;height:auto;border:none;background:transparent;padding:0;z-index:30;transform:translate(-50%,var(--todo-handle-offset));overflow:visible;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .22s ease}@media(max-width:768px){.dashboard{display:flex!important;flex-direction:column!important;padding:76px 16px 40px!important;gap:24px!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;height:100vh!important}.left-column,.right-column,.left-stack{display:contents!important}.dashboard .card{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;flex-shrink:0!important;margin:0!important;transform:none!important}.dashboard .momentum-card{order:1!important}.dashboard .habits-section{order:2!important;display:flex!important;max-height:none!important;min-height:0!important;height:auto!important}.dashboard .routines-card{order:3!important;position:static!important;margin-top:0!important}.dashboard .chart-card{order:4!important;min-height:380px!important;position:static!important;margin-top:0!important}.dashboard .todo-drawer{order:5!important;display:block!important;margin-top:10px!important;position:static!important;min-height:auto!important}.dashboard .habit-list{grid-template-columns:1fr!important}.dashboard .dashboard-habits-expand-button{width:100%}.section-title{font-size:20px!important}.dashboard .todo-inline-toggle,.dashboard .todo-inline-toggle-open{display:none!important}.dashboard .todo-drawer-panel{opacity:1!important;pointer-events:auto!important;transform:none!important;display:block!important;height:auto!important;min-height:500px}.dashboard .todo-panel{transform:none!important;opacity:1!important}}.todo-inline-toggle-pill{width:74px;height:28px;border-radius:16px 16px 0 0;border:1px solid var(--border-subtle);border-bottom:none;background:var(--bg-card);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000024,0 0 0 1px #8b7cff0f;transition:border-radius .32s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.todo-inline-toggle-pill.open{border-radius:0 0 16px 16px;border:1px solid var(--border-subtle);border-top:none;background:var(--bg-card);box-shadow:0 -6px 18px #00000024,0 0 0 1px #8b7cff0f}.todo-inline-chevron{width:11px;height:11px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);display:inline-block;transition:transform .32s ease,margin .32s ease}.todo-inline-chevron.up{transform:rotate(-135deg);margin-top:4px}.todo-inline-chevron.down{transform:rotate(45deg);margin-bottom:4px}.todo-drawer-panel{flex:1;min-height:0;height:100%;overflow:visible;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.todo-drawer-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.todo-panel{min-height:0;height:100%;display:flex;flex-direction:column;padding-top:22px}.todo-panel-grid{--todo-panel-column-gap: clamp(14px, 1.8vw, 18px);flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:var(--todo-panel-column-gap)}.todo-panel-grid-completed-hidden{grid-template-columns:minmax(0,1fr)}.todo-open-column,.todo-completed-column{min-width:0;min-height:0;display:flex;flex-direction:column}.todo-completed-column-hidden{display:none}.todo-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:38px;margin-bottom:20px}.todo-panel-header-completed{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin-bottom:20px}.todo-open-column>.todo-panel-header{align-items:center}.todo-completed-header-actions{display:flex;align-items:center;gap:8px}.todo-completed-collapse-button{width:38px;min-width:38px;height:38px;padding:0;display:inline-grid;place-items:center}.todo-completed-restore-button{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:7px}.todo-completed-restore-button .todo-completed-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--accent),transparent 84%);color:var(--text-primary);font-size:11px;font-weight:700}.todo-add-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.todo-input{flex:1;width:100%;height:44px;border:1px solid var(--border-subtle);border-radius:12px;background:#ffffff08;color:var(--text-primary);padding:0 44px 0 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.todo-add-group{position:relative;display:flex;flex-direction:column;gap:12px}@media(min-width:769px){.todo-panel-grid-completed-hidden .todo-add-group{width:min(100%,max(360px,calc((100% - var(--todo-panel-column-gap)) * .59)))}}.todo-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.todo-deadline-toggle{position:absolute;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease;z-index:2}.todo-deadline-toggle:hover{background:#ffffff0d;color:var(--text-primary)}.todo-deadline-toggle.active{color:var(--accent);background:#8b7cff1a}.todo-deadline-popover{position:absolute;top:100%;right:0;margin-top:8px;background:#1a1b26;border:1px solid var(--border-subtle);border-radius:12px;padding:14px;width:240px;box-shadow:0 10px 25px #0006;display:flex;flex-direction:column;gap:10px;z-index:100;animation:popoverFadeIn .2s ease-out}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.todo-popover-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.todo-datetime-input{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);padding:8px;outline:none;font-family:inherit}.todo-datetime-input:focus{border-color:#8b7cff73;box-shadow:0 0 0 3px #8b7cff1f}.todo-popover-close{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.todo-popover-close:hover{opacity:.9}.todo-save-button{height:44px;min-width:80px}.todo-input:focus{border-color:#8b7cff73;box-shadow:0 0 0 3px #8b7cff1f}.todo-open-list,.todo-completed-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.todo-open-list::-webkit-scrollbar,.todo-completed-list::-webkit-scrollbar{display:none;width:0;height:0}.todo-row-clickable{cursor:pointer}.todo-open-item,.todo-completed-item{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:14px;background:#ffffff05;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.todo-open-item:hover,.todo-completed-item:hover{background:#ffffff0a;border-color:#8b7cff3d}.todo-open-item input[type=checkbox],.todo-completed-item input[type=checkbox]{accent-color:var(--accent);pointer-events:none}.todo-item-content{flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}.todo-open-item-text{color:var(--text-primary);flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:normal}.todo-item-deadline{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;opacity:.8;flex-shrink:0;white-space:nowrap}.todo-item-deadline .deadline-icon{opacity:.6}.todo-panel .todo-open-item.overdue{border-color:#ff6b6b73;background:#ff6b6b14;box-shadow:0 0 10px #ff6b6b0d}.todo-panel .todo-open-item.overdue .todo-open-item-text{color:#ff8e8e;font-weight:500}.todo-panel .todo-open-item.overdue .todo-item-deadline{color:#ff8e8e;opacity:1}.todo-completed-item{color:var(--text-secondary)}.todo-completed-item span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:line-through;opacity:.85;word-break:normal}.todo-star-button{width:32px;height:32px;min-width:32px;border:1px solid color-mix(in srgb,var(--text-secondary),transparent 76%);border-radius:10px;background:var(--surface-overlay-soft);color:color-mix(in srgb,var(--text-secondary),transparent 12%);display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.todo-star-button svg{display:block}.todo-star-button:hover{background:var(--surface-overlay-hover);border-color:color-mix(in srgb,var(--accent),transparent 72%);color:var(--text-primary)}.todo-star-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 86%)}.todo-star-button.active{color:#ffd166;border-color:#ffd16666;background:color-mix(in srgb,#ffd166,transparent 88%);box-shadow:0 8px 18px #ffd1661f}.todo-star-button.active svg{fill:currentColor}:root[data-theme=light] .todo-star-button{border-color:#6f63ef29;background:#6f63ef0a;color:#425171f0}:root[data-theme=light] .todo-star-button.active{color:#cc9118;border-color:#d4901f57;background:#d4901f24;box-shadow:0 8px 18px #d4901f1f}:root[data-theme=light] .web-shell .icon-button,:root[data-theme=light] .web-shell .secondary-button,:root[data-theme=light] .web-shell .chip-button,:root[data-theme=light] .web-shell .chart-settings-button,:root[data-theme=light] .web-shell .chart-menu-button,:root[data-theme=light] .web-shell .habit-edit-trigger,:root[data-theme=light] .web-shell .routines-slot-button,:root[data-theme=light] .web-shell .todo-save-button,:root[data-theme=light] .web-shell .todo-clear-button{border-color:#6f63ef29;background:linear-gradient(180deg,#fffffff5,#f6f9fffa);color:var(--text-primary);box-shadow:inset 0 1px #ffffffd1,0 8px 18px #2e405a0f}:root[data-theme=light] .web-shell .chart-settings-menu{background:#f8fafffa;border-color:#6f63ef24;box-shadow:0 18px 34px #2e405a1f}:root[data-theme=light] .web-shell .chart-menu-button.active,:root[data-theme=light] .web-shell .routines-slot-button.active,:root[data-theme=light] .web-shell .interval-switch-button.active,:root[data-theme=light] .web-shell .settings-accent-button.active{color:var(--text-primary)}:root[data-theme=light] .web-shell .icon-button svg,:root[data-theme=light] .web-shell .secondary-button svg,:root[data-theme=light] .web-shell .chip-button svg,:root[data-theme=light] .web-shell .chart-settings-button svg,:root[data-theme=light] .web-shell .chart-menu-button svg,:root[data-theme=light] .web-shell .habit-edit-trigger svg,:root[data-theme=light] .web-shell .routines-slot-button svg,:root[data-theme=light] .web-shell .todo-save-button svg,:root[data-theme=light] .web-shell .todo-clear-button svg{color:currentColor;stroke:currentColor}:root[data-theme=light] .todo-deadline-popover{background:#f8fafff5;border-color:#6f63ef29;box-shadow:0 18px 34px #2e405a24}:root[data-theme=light] .todo-datetime-input{background:#fffffff0;border-color:#6f63ef2e;color:#1f2944f5;box-shadow:inset 0 1px #ffffff73;color-scheme:light}:root[data-theme=light] .todo-datetime-input::-webkit-calendar-picker-indicator{opacity:.82}:root[data-theme=light] .interactive-card:hover{border-color:color-mix(in srgb,var(--accent),transparent 80%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 92%),0 10px 24px #2e405a14}:root[data-theme=light] .icon-button:hover{border-color:color-mix(in srgb,var(--accent),transparent 80%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 90%),0 8px 18px #2e405a14}:root[data-theme=light] .primary-button:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 88%),0 10px 20px color-mix(in srgb,var(--accent),transparent 84%)}:root[data-theme=light] .secondary-button:hover{border-color:color-mix(in srgb,var(--accent),transparent 80%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 91%),0 8px 18px #2e405a12}:root[data-theme=light] .interval-switch-button.active{border-color:color-mix(in srgb,var(--accent),transparent 58%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 88%)}:root[data-theme=light] .settings-nav-item.active{box-shadow:none}:root[data-theme=light] .settings-accent-button.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 84%),0 6px 14px #2e405a0f}:root[data-theme=light] .settings-info-icon:hover,:root[data-theme=light] .settings-info-icon:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 90%)}:root[data-theme=light] .color-picker-circle.active{box-shadow:0 0 0 1px #ffffffe6,0 8px 18px #2e405a1a}@media(min-width:769px){.dashboard .momentum-card,:root[data-theme=light] .dashboard .momentum-card{box-shadow:none}.dashboard .momentum-card:hover{background:var(--bg-card-hover);border-color:#8b7cff52;box-shadow:0 0 0 1px #8b7cff1a,0 8px 26px #8b7cff1a;transform:translateY(-1px)}:root[data-theme=light] .dashboard .momentum-card:hover{border-color:color-mix(in srgb,var(--accent),transparent 80%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 92%),0 10px 24px #2e405a14}}.todo-clear-button{min-width:92px}.todo-empty-state{flex:1;min-height:88px;display:grid;place-items:center;border:1px dashed rgba(139,124,255,.16);border-radius:14px;color:var(--text-secondary);background:#ffffff04;text-align:center}@keyframes confetti-1{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-120px,-130px) rotate(260deg)}}@keyframes confetti-2{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-70px,-150px) rotate(220deg)}}@keyframes confetti-3{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-20px,-145px) rotate(200deg)}}@keyframes confetti-4{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(35px,-150px) rotate(300deg)}}@keyframes confetti-5{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(90px,-135px) rotate(260deg)}}@keyframes confetti-6{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(130px,-110px) rotate(240deg)}}@keyframes confetti-7{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-110px,-60px) rotate(180deg)}}@keyframes confetti-8{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(115px,-65px) rotate(210deg)}}@keyframes confetti-9{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-140px,-20px) rotate(280deg)}}@keyframes confetti-10{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(145px,-15px) rotate(300deg)}}@keyframes confetti-11{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-60px,-170px) rotate(240deg)}}@keyframes confetti-12{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(55px,-175px) rotate(280deg)}}@media(max-width:768px){.momentum-card{padding:16px!important;min-height:auto!important;display:grid!important;grid-template-columns:100px 1fr!important;grid-template-areas:"header header" "visual stats";gap:12px 16px!important;align-items:center}.momentum-topbar{grid-area:header;margin-bottom:0!important}.momentum-visual-wrap{grid-area:visual;display:flex!important;align-items:center;justify-content:center;height:auto!important;margin:0!important}.score-circle{width:90px!important;height:90px!important}.score-text{font-size:16px!important}.momentum-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,10px);width:min(100%,420px);margin:auto auto 0}.momentum-stat-pill{min-height:42px!important;padding:4px 6px!important;border-radius:10px!important}.momentum-stat-label{font-size:9px!important}.momentum-stat-value{font-size:13px!important}.momentum-label{display:none}.momentum-card--circle{grid-template-columns:100px 1fr!important;grid-template-areas:"header header" "visual stats"!important}.momentum-card--circle .momentum-topbar{grid-area:header}.momentum-card--circle .momentum-visual-wrap{grid-area:visual;justify-content:center!important;padding-left:0!important}.momentum-card--circle .momentum-stats-grid{grid-area:stats;margin-top:0;align-self:center;padding-right:4px;width:100%;max-width:none;margin-left:0;margin-right:0}.habit-card{padding:8px 12px!important;gap:4px!important}.habit-card h4{font-size:15px!important;margin-bottom:0!important}.habit-emoji{font-size:16px!important}.habit-card p{font-size:10px!important;margin:0!important;opacity:.8}.habit-progress{margin:4px 0!important}.habit-progress-bar{height:6px!important}.habit-actions{gap:6px!important}.habit-action-button{padding:4px!important;font-size:0!important;min-width:32px!important;height:32px!important}.habit-action-button svg{margin:0!important;width:14px;height:14px}.section-title{font-size:17px!important}.add-habit-button.primary-button,.routines-add-button.primary-button{padding:0!important;width:28px!important;height:28px!important;min-width:28px!important;display:flex!important;align-items:center;justify-content:center;font-size:17px!important;border-radius:8px!important}.routines-header-actions>.routines-add-button.primary-button,.routines-header-actions .chart-settings-button,.habits-header-actions>.add-habit-button.primary-button,.habits-header-actions .chart-settings-button{width:28px!important;min-width:28px!important;height:28px!important;border-radius:8px!important;flex-basis:28px!important}.habits-page-add-button.primary-button{min-width:0;height:32px;padding:0 12px;border-radius:8px;font-size:14px}.habit-reset-info{display:none}.card-header{margin-bottom:12px!important}.logout-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.routine-details-header-actions{align-self:flex-start}.routine-details-edit-topbar,.routine-details-edit-actions{justify-content:flex-end}.routine-details-step{flex-direction:column;align-items:stretch}.routine-details-step-duration{white-space:normal}.routine-player-overlay{place-items:stretch;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px calc(var(--mobile-bottom-nav-height, 64px) + 12px) 14px}.routine-player-modal{--routine-player-close-top: 18px;--routine-player-close-right: 16px;width:100%!important;max-width:none!important;max-height:none!important;height:100%!important;min-height:0!important;border-radius:28px!important;padding:18px 16px!important}.routine-player-shell{grid-template-rows:minmax(112px,auto) minmax(0,1fr) minmax(164px,auto);padding:0}.routine-player-step-header{gap:6px;min-height:112px;padding-bottom:18px}.routine-player-close-button{width:46px;height:46px;border-radius:15px!important}.routine-player-emoji{font-size:34px}.routine-player-step-name,.routine-player-routine-name{font-size:24px}.routine-player-main{align-items:center;justify-content:center;padding-top:0;padding-bottom:10px}.routine-player-circle{width:min(74vw,296px);height:min(74vw,296px)}.routine-player-timer-label{font-size:17px}.routine-player-timer-value{font-size:32px}.routine-player-footer{min-height:148px}.routine-player-controls-stack{gap:18px}.routine-player-controls{gap:12px}.routine-player-control-button-side{width:54px;height:54px}.routine-player-control-button-main{width:68px;height:68px;margin-top:-7px;border-radius:20px!important}.routine-player-next-label{font-size:12px}.routine-player-next-value{font-size:17px}.routine-player-finish-slot{min-height:148px;padding-top:0;gap:18px}.routine-player-actions{flex-direction:column}.routine-player-action-button{width:100%}.routine-player-finish-button{width:68px;height:68px;margin-top:-7px}.routine-details-modal{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:flex!important;flex-direction:column!important;border-radius:24px!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom,0px) + 2px)!important;flex:1!important;min-height:0!important}.routine-details-modal{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px)!important}.routine-details-steps-scroll,.routine-builder-steps-scroll{max-height:none!important;flex:1!important;min-height:0!important}.routine-details-steps,.routine-builder-section{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.routine-details-actions{margin-top:auto!important;padding-top:10px}.routine-create-form{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;gap:16px!important}.routine-create-form .modal-actions{margin-top:auto!important;position:sticky;bottom:0;padding-top:10px;padding-bottom:2px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-card),transparent 8%) 32%)}.item-editor-modal{max-width:min(560px,100%);border-radius:18px;padding:14px;gap:10px;overflow:hidden}.routine-create-modal{width:100%;height:min(calc(100dvh - var(--mobile-bottom-nav-height, 64px) - env(safe-area-inset-top,0px) - 28px),690px);max-height:min(calc(100dvh - var(--mobile-bottom-nav-height, 64px) - env(safe-area-inset-top,0px) - 28px),690px);margin:0}.routine-settings-modal{width:100%;height:min(calc(100dvh - var(--mobile-bottom-nav-height, 64px) - env(safe-area-inset-top,0px) - 28px),620px);max-height:min(calc(100dvh - var(--mobile-bottom-nav-height, 64px) - env(safe-area-inset-top,0px) - 28px),620px)}.routine-create-header-actions{gap:6px}.item-editor-header-button{min-width:96px;padding-inline:12px}.routine-settings-modal .color-picker-circle{width:24px;height:24px}.routine-settings-modal .settings-select{height:36px;border-radius:9px;padding:0 10px}.item-editor-modal .modal-actions{gap:8px}.item-editor-modal .modal-actions>.primary-button,.item-editor-modal .modal-actions>.secondary-button{min-width:0;padding-inline:12px;font-size:.78rem}.routine-modal-header-fields{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.routine-builder-step-grid-unified{grid-template-columns:40px minmax(0,1fr) minmax(84px,96px);gap:8px}.routine-create-modal .routine-builder-step-grid-unified{grid-template-columns:26px 40px minmax(0,1fr) minmax(84px,96px);gap:8px}.routine-reminder-fields-row{gap:10px}.todo-add-row{flex-direction:column;align-items:stretch}}@media(max-width:768px){.dashboard{flex:1!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px calc(64px + env(safe-area-inset-bottom,0px)) 14px!important;gap:12px!important}.page-content-dashboard,.page-content-todos{padding:0!important}.dashboard-mobile-end-spacer{display:block;order:6;width:100%;height:20px;flex:0 0 20px;pointer-events:none}.left-column,.right-column,.left-stack{display:contents!important}.dashboard .card,.dashboard .todo-drawer{flex:0 0 auto!important}.dashboard .habits-section{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.right-column>.score-card,.right-column>.chart-card,.right-column>.routines-card{flex:0 0 auto!important}.momentum-card,.momentum-card--circle{order:1!important;min-height:336px!important;height:336px!important;padding:16px 14px 22px!important;display:grid!important;align-items:start!important;align-content:start!important}.dashboard .momentum-card,.dashboard .momentum-card--circle{padding:20px!important}.dashboard .momentum-card--mobile-compact,.dashboard .momentum-card--mobile-compact.momentum-card--circle{height:auto!important;min-height:auto!important;padding:12px 14px!important}.dashboard .momentum-card--mobile-compact.momentum-card--circle .score-circle{width:90px!important;height:90px!important}.dashboard .momentum-card--mobile-compact .momentum-stats-grid{height:auto!important;grid-template-rows:auto!important;align-self:center!important}.dashboard .momentum-card--mobile-compact .momentum-stat-pill{height:auto!important;min-height:34px!important;padding:5px 6px!important}.momentum-card{grid-template-columns:1fr!important;grid-template-areas:"topbar" "visual" "label" "stats"!important;grid-template-rows:auto auto auto auto!important;row-gap:10px!important}.momentum-card--circle{grid-template-columns:minmax(144px,1fr) minmax(0,1.02fr)!important;grid-template-areas:"topbar topbar" "summary stats"!important;grid-template-rows:auto minmax(0,1fr)!important;column-gap:14px!important;row-gap:10px!important}.momentum-topbar,.momentum-card--circle .momentum-topbar{grid-area:topbar!important;margin-bottom:0!important;align-self:start!important}.momentum-visual-wrap,.momentum-card--circle .momentum-visual-wrap{grid-area:visual!important;height:auto!important;min-height:0!important;margin:0!important;justify-content:center!important;padding-left:0!important}.momentum-card:not(.momentum-card--circle) .momentum-visual-wrap{min-height:82px!important}.momentum-card--circle .momentum-visual-wrap{min-height:136px!important;align-self:center!important;justify-self:center!important;width:100%!important;padding-left:10px!important}.momentum-circle-mobile-summary{grid-area:summary!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important}.momentum-circle-mobile-summary .momentum-visual-wrap{min-height:0!important;padding-left:10px!important}.momentum-card--circle .score-circle{width:122px!important;height:122px!important}.momentum-card--circle .score-text{font-size:18px!important}.momentum-label,.momentum-card--circle .momentum-label{grid-area:label!important;display:block!important;margin:0!important;text-align:center!important;padding-left:0!important;font-size:13px!important}.momentum-card--circle .momentum-label{justify-self:center!important;align-self:start!important;width:100%!important;padding-left:10px!important}.momentum-circle-mobile-summary .momentum-label{width:100%!important;padding-left:10px!important;margin-top:2px!important}.dashboard .momentum-card--circle{min-height:325px!important;height:325px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"topbar topbar" "summary stats"!important;grid-template-rows:auto minmax(0,1fr)!important;row-gap:10px!important;column-gap:12px!important}.dashboard .momentum-card:not(.momentum-card--circle){min-height:325px!important;height:325px!important}.dashboard .chart-card,.dashboard .routines-card{min-height:325px!important;height:325px!important}.dashboard .momentum-circle-mobile-summary{grid-area:summary!important;height:100%!important;align-self:stretch!important;justify-content:center!important;gap:8px!important}.dashboard .momentum-circle-mobile-summary .momentum-visual-wrap{min-height:0!important;padding-left:0!important;justify-content:center!important;justify-self:center!important;width:100%!important}.dashboard .momentum-card--circle .score-circle{width:140px!important;height:140px!important}.dashboard .momentum-card--circle .momentum-label{width:100%!important;padding-left:0!important}.dashboard .momentum-card--circle .momentum-stats-grid{grid-area:stats!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:8px!important;height:100%!important;align-self:stretch!important;justify-self:stretch!important;padding-right:2px!important}.score-bar-wrap{width:100%!important;gap:10px!important}.score-bar-value{min-width:48px!important;font-size:20px!important}.momentum-stats-grid,.momentum-card--circle .momentum-stats-grid{grid-area:stats;margin-top:0;align-self:center;padding-right:4px;width:100%;max-width:none;margin-left:0;margin-right:0}.momentum-card--circle .momentum-stat-pill{min-height:0!important;height:100%!important}.momentum-card:not(.momentum-card--circle) .momentum-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,10px);width:min(100%,420px);margin:auto auto 0}.momentum-stat-pill{min-height:54px!important;padding:8px 10px!important}.momentum-card--circle .momentum-stat-label{font-size:13px!important;font-weight:500!important;line-height:1.2!important}.chart-card{min-height:320px!important}.chart-wrapper{min-height:220px!important;padding:0 8px 8px!important}.dashboard .todo-drawer{order:5!important;display:block!important;margin-top:8px!important}.dashboard .todo-inline-toggle,.dashboard .todo-inline-toggle-open{display:none!important}.dashboard .todo-drawer-panel,.dashboard .todo-drawer-panel.open{opacity:1!important;pointer-events:auto!important;transform:none!important;display:block!important;height:auto!important;min-height:0!important}.dashboard .todo-panel{--todo-mobile-row-height: 64px;--todo-mobile-row-gap: 10px;padding-top:20px!important;overflow:hidden!important}.dashboard .todo-panel-grid{grid-template-columns:1fr!important;gap:14px!important}.dashboard .todo-panel-header,.dashboard .todo-panel-header-completed{margin-bottom:12px!important;align-items:center!important}.dashboard .todo-add-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.dashboard .todo-save-button{width:100%!important}.dashboard .todo-open-column,.dashboard .todo-completed-column{min-width:0!important}.dashboard .todo-clear-button{min-width:0!important;padding:0 10px!important}.dashboard .todo-open-list,.dashboard .todo-completed-list{gap:var(--todo-mobile-row-gap)!important;overflow-y:auto!important}.dashboard .todo-open-list{height:calc((var(--todo-mobile-row-height) * 3) + (var(--todo-mobile-row-gap) * 2))!important;min-height:calc((var(--todo-mobile-row-height) * 3) + (var(--todo-mobile-row-gap) * 2))!important;max-height:calc((var(--todo-mobile-row-height) * 3) + (var(--todo-mobile-row-gap) * 2))!important}.dashboard .todo-completed-list{height:calc((var(--todo-mobile-row-height) * 2) + var(--todo-mobile-row-gap))!important;min-height:calc((var(--todo-mobile-row-height) * 2) + var(--todo-mobile-row-gap))!important;max-height:calc((var(--todo-mobile-row-height) * 2) + var(--todo-mobile-row-gap))!important}.dashboard .todo-open-item,.dashboard .todo-completed-item{min-height:var(--todo-mobile-row-height)!important;max-height:var(--todo-mobile-row-height)!important;overflow:hidden!important}.dashboard .todo-open-item-text,.dashboard .todo-completed-item span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dashboard .momentum-card,.dashboard .momentum-card--circle,.dashboard .momentum-card--bar{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:14px 20px 2px!important;flex-shrink:0!important;grid-template-columns:unset!important;grid-template-areas:unset!important;grid-template-rows:unset!important;overflow:visible!important}.dashboard .momentum-card .momentum-topbar,.dashboard .momentum-card--circle .momentum-topbar{flex-shrink:0!important;margin-bottom:0!important;height:auto!important}.momentum-topbar .chart-settings-button{background:#ffffff0a!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important;border-radius:7px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.momentum-topbar .chart-settings-button svg{width:14px!important;height:14px!important}.momentum-mobile-row{display:flex!important;align-items:center!important;gap:20px!important;flex:1!important;min-height:0!important;overflow:hidden!important}.momentum-mobile-row .momentum-visual-wrap{flex:0 0 50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.momentum-mobile-row .score-circle{width:76px!important;height:76px!important}.momentum-mobile-row .score-text{font-size:16px!important}.momentum-compact-stats{list-style:none!important;margin:0!important;padding:2px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;flex:1!important;min-height:0!important}.momentum-compact-stats li{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:13px!important;line-height:1.2!important;padding:2px 0!important;border-bottom:1px solid rgba(255,255,255,.04)}.momentum-compact-stats li:last-child{border-bottom:none}.momentum-compact-stats li span{color:var(--text-secondary)!important;font-weight:500!important}.momentum-compact-stats li strong{color:var(--text-primary)!important;font-weight:700!important;margin-left:12px!important}.dashboard .habits-section.card{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.dashboard .habits-section .habit-list{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}}@media(min-width:769px){.momentum-card.momentum-card--circle,.momentum-card.momentum-card--bar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar topbar" "visual stats" "label stats";align-items:center;padding:clamp(16px,1.7vw,20px) clamp(16px,1.7vw,20px) clamp(18px,2vh,24px);min-width:0;min-height:clamp(300px,35vh,388px);height:auto}.momentum-card.momentum-card--circle,.momentum-card.momentum-card--bar{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(10px,1.8cqi,22px);row-gap:clamp(10px,1.5cqi,18px)}.momentum-card.momentum-card--circle .momentum-topbar,.momentum-card.momentum-card--bar .momentum-topbar{grid-area:topbar;margin-bottom:0;align-self:start}.momentum-card.momentum-card--circle .momentum-visual-wrap,.momentum-card.momentum-card--bar .momentum-visual-wrap{grid-area:visual;margin:0;width:100%;min-width:0;display:flex;align-items:center;justify-content:center;justify-self:center;align-self:center;padding-left:0}.momentum-card.momentum-card--circle .momentum-visual-wrap{min-height:clamp(120px,26cqi,204px)}.momentum-card.momentum-card--bar .momentum-visual-wrap{min-height:clamp(120px,26cqi,160px)}.momentum-card.momentum-card--circle .momentum-label,.momentum-card.momentum-card--bar .momentum-label{grid-area:label;margin:0;text-align:center;justify-self:center;width:min(320px,100%);padding-left:0}.momentum-card.momentum-card--circle .momentum-title,.momentum-card.momentum-card--bar .momentum-title{font-size:clamp(18px,6.4cqi,22px)}.momentum-card.momentum-card--circle .momentum-label,.momentum-card.momentum-card--bar .momentum-label{width:100%;font-size:clamp(11px,2.7cqi,14px);line-height:1.2}.momentum-card.momentum-card--circle .momentum-stats-grid,.momentum-card.momentum-card--bar .momentum-stats-grid{grid-area:stats;width:100%;max-width:none;min-width:0;margin:0;justify-self:stretch;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1.6cqi,14px);padding-right:2px}.momentum-card.momentum-card--circle .momentum-stat-pill,.momentum-card.momentum-card--bar .momentum-stat-pill{width:100%;height:100%;min-height:clamp(62px,12cqi,90px);padding:clamp(10px,2cqi,16px)}.momentum-card.momentum-card--circle .score-circle{width:clamp(112px,29cqi,210px);height:clamp(112px,29cqi,210px)}.momentum-card.momentum-card--circle .score-text{font-size:clamp(24px,5.8cqi,36px)}.momentum-card.momentum-card--circle .momentum-stat-pill,.momentum-card.momentum-card--bar .momentum-stat-pill{min-height:clamp(56px,11.5cqi,90px);padding:clamp(8px,1.8cqi,14px);border-radius:clamp(10px,2cqi,14px)}.momentum-card.momentum-card--circle .momentum-stat-label,.momentum-card.momentum-card--bar .momentum-stat-label{font-size:clamp(10px,2.3cqi,12px)}.momentum-card.momentum-card--circle .momentum-stat-value,.momentum-card.momentum-card--bar .momentum-stat-value{font-size:clamp(15px,3.8cqi,18px);line-height:1.1}.momentum-card.momentum-card--bar .score-bar-wrap{width:100%;max-width:none;margin-inline:auto;row-gap:clamp(6px,1.4cqi,10px)}.momentum-card.momentum-card--bar .score-bar-track{height:clamp(12px,3cqi,20px)}.momentum-card.momentum-card--bar .score-bar-value{min-width:0;font-size:clamp(20px,5.4cqi,32px)}}@media(min-width:769px)and (max-width:1280px){.dashboard{padding:clamp(12px,1.4vw,18px)!important;gap:clamp(12px,1.4vw,18px)!important}.left-column,.right-column{gap:clamp(12px,1.4vw,18px)!important}.dashboard .card{padding:clamp(14px,1.35vw,18px)!important}.momentum-card.momentum-card--circle,.momentum-card.momentum-card--bar{column-gap:clamp(12px,1.8vw,22px)}.momentum-card.momentum-card--circle .score-circle{width:clamp(108px,28cqi,194px);height:clamp(108px,28cqi,194px)}.momentum-card.momentum-card--circle .momentum-stat-pill,.momentum-card.momentum-card--bar .momentum-stat-pill{min-height:80px;padding:12px}}@media(min-width:769px){@container dashboard-page (max-width: 1100px){.dashboard .momentum-card{order:1!important}.dashboard .habits-section{order:2!important;display:flex!important}.dashboard .routines-card{order:3!important}.dashboard .chart-card{order:4!important}.dashboard .momentum-card,.dashboard .chart-card,.dashboard .routines-card{min-height:clamp(300px,38vh,380px)!important;height:clamp(300px,38vh,380px)!important}.dashboard .todo-drawer{order:5!important;display:block!important;margin-top:8px!important}.dashboard .todo-inline-toggle,.dashboard .todo-inline-toggle-open{display:none!important}.dashboard .todo-drawer-panel,.dashboard .todo-drawer-panel.open{opacity:1!important;pointer-events:auto!important;transform:none!important;display:block!important;height:auto!important;min-height:0!important}.dashboard .todo-panel,.dashboard .todo-panel-grid{height:auto!important}.dashboard .todo-panel-grid{grid-template-columns:1fr!important}}}@media(max-width:768px){.dashboard.dashboard-mobile-oled{background:#000!important;color:#f5f7ff!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:calc(env(safe-area-inset-top,0px) + 8px) 14px calc(72px + env(safe-area-inset-bottom,0px)) 14px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.pull-refresh-indicator{--pull-offset: 0px;position:sticky;top:0;z-index:24;height:0;width:100%;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(calc(var(--pull-offset) - 56px));transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .14s ease}.pull-refresh-indicator.is-visible{opacity:1}.pull-refresh-circle{width:38px;height:38px;border-radius:999px;background:#3e4248f5;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 26px #00000047,inset 0 1px #ffffff08;transform:scale(.92);transition:transform .15s ease,box-shadow .15s ease}.pull-refresh-circle.is-ready{transform:scale(1);box-shadow:0 14px 28px #00000057,inset 0 1px #ffffff0a}.pull-refresh-circle svg{width:22px;height:22px;display:block}.pull-refresh-circle svg .pull-refresh-icon{transform-origin:center;transform-box:view-box;transition:transform .18s cubic-bezier(.22,1,.36,1)}.pull-refresh-circle.is-spinning svg .pull-refresh-icon{animation:pull-refresh-spin .9s linear infinite}@keyframes pull-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oled-momentum-strip{--oled-momentum-panel-height: 148px;--oled-momentum-border: rgba(139, 124, 255, .58);--oled-momentum-glow: rgba(139, 124, 255, .32);display:flex;flex-direction:column;justify-content:flex-start;gap:1px;min-height:var(--oled-momentum-panel-height);height:var(--oled-momentum-panel-height);max-height:var(--oled-momentum-panel-height);width:100%;padding:10px;border-radius:16px;border:1px solid var(--oled-momentum-border);background:linear-gradient(156deg,color-mix(in srgb,var(--oled-momentum-border),transparent 90%),#0a0d1c80 56%,#080a1499);box-shadow:inset 0 1px #ffffff12,0 0 0 1px color-mix(in srgb,var(--oled-momentum-border),transparent 64%),0 0 26px color-mix(in srgb,var(--oled-momentum-glow),transparent 72%);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);transition:transform .16s ease,box-shadow .2s ease,background .2s ease;cursor:default;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.oled-momentum-strip,.oled-momentum-strip *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.oled-momentum-strip.is-pressing{transform:scale(.992);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px color-mix(in srgb,var(--oled-momentum-border),transparent 56%),0 0 32px color-mix(in srgb,var(--oled-momentum-glow),transparent 66%)}.oled-momentum-strip.is-bar-mode{display:block;min-height:var(--oled-momentum-panel-height);height:var(--oled-momentum-panel-height);max-height:var(--oled-momentum-panel-height);padding:10px}.oled-momentum-overview{flex:1 1 auto;min-height:0;width:100%;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:stretch;gap:10px;pointer-events:none;transform:translateY(-3px)}.oled-momentum-greeting{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;pointer-events:none}.oled-momentum-greeting-line{font-size:11px;line-height:1;font-weight:520;letter-spacing:.01em;color:#e6ebfbb3}.oled-momentum-greeting-name{font-size:15px;line-height:1.03;font-weight:700;letter-spacing:.01em;color:#f5f7ff}.oled-momentum-bar-layout{height:100%;width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:6px}.oled-momentum-left{min-width:0;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:2px 0 2px 4px}.oled-momentum-ring-wrap{--momentum-ring-size: 102px;width:var(--momentum-ring-size);height:var(--momentum-ring-size);display:flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:0 0 22px color-mix(in srgb,var(--momentum-glow, #8b7cff),transparent 44%);transform:translate(-1px)}.oled-momentum-ring-wrap .score-circle{width:var(--momentum-ring-size);height:var(--momentum-ring-size)}.oled-momentum-ring-wrap .score-text{font-size:17px}.oled-momentum-week{position:relative;min-width:0;height:100%;display:flex;align-items:stretch;padding:6px 18px 12px 6px}.oled-momentum-bars{width:100%;height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;padding:7px 0 8px}.oled-momentum-day{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.oled-momentum-day-bar{--oled-day-bar-color: #8b7cff;--oled-day-bar-glow: rgba(139, 124, 255, .48);width:clamp(8px,1.8vw,11px);height:0%;min-height:5px;border-radius:999px;opacity:.9;transform-origin:bottom center;background:linear-gradient(180deg,color-mix(in srgb,var(--oled-day-bar-color),#ffffff 8%) 0%,var(--oled-day-bar-color) 100%);box-shadow:0 0 10px color-mix(in srgb,var(--oled-day-bar-glow),transparent 42%),inset 0 1px #ffffff3d;animation:oled-momentum-bar-rise .34s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--oled-bar-stagger, 0ms);transition:height .26s ease,opacity .2s ease,box-shadow .24s ease}.oled-momentum-day-bar.is-today{opacity:1;box-shadow:0 0 14px color-mix(in srgb,var(--oled-day-bar-glow),transparent 22%),0 0 22px color-mix(in srgb,var(--oled-day-bar-glow),transparent 48%),inset 0 1px #ffffff4d}.oled-momentum-day-bar.is-perfect{background:linear-gradient(180deg,color-mix(in srgb,#f4c95d,#ffffff 20%),color-mix(in srgb,var(--oled-day-bar-color),#f4c95d 18%));box-shadow:0 0 10px color-mix(in srgb,var(--oled-day-bar-glow),transparent 42%),0 0 16px #f4c95d42,inset 0 1px #fff5d65c}.oled-momentum-scale{position:absolute;right:2px;font-size:10px;line-height:1;font-weight:650;letter-spacing:.02em;color:#ced6f0b8;text-shadow:0 1px 2px rgba(0,0,0,.35)}.oled-momentum-scale--top{top:2px}.oled-momentum-scale--bottom{bottom:5px}@keyframes oled-momentum-bar-rise{0%{transform:scaleY(.04);opacity:.42}to{transform:scaleY(1);opacity:.9}}.oled-inline-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;min-width:0;min-height:0}.oled-inline-stat-line{display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:13px;white-space:nowrap}.oled-inline-stat-line strong{font-size:16px;font-weight:700;color:#f5f7ff}.oled-inline-stat-line span{font-size:13px;color:#9ea8cb}.oled-score-bar-shell{width:100%;max-width:170px;display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center}.oled-momentum-strip.is-bar-mode .oled-score-bar-shell{max-width:none;padding-inline:12px;height:100%;justify-content:center}.oled-score-bar-track{width:100%;height:20px;border-radius:999px;background:#ffffff17;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.oled-momentum-strip.is-bar-mode .oled-score-bar-track{height:22px}.oled-score-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .24s ease;box-shadow:0 0 18px #8b7cff59}.oled-score-bar-value{position:relative;z-index:1;font-size:12px;font-weight:700;color:#f5f7ff;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.45);animation:oled-value-pop .22s ease}.oled-inline-stats-bar{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:0 12px 6px}.oled-inline-stats-bar .oled-inline-stat-line{font-size:11px;gap:3px;justify-content:center}.oled-inline-stats-bar .oled-inline-stat-line:nth-child(1){justify-content:flex-start}.oled-inline-stats-bar .oled-inline-stat-line:nth-child(3){justify-content:flex-end}.oled-inline-stats-bar .oled-inline-stat-line strong{font-size:13px;font-weight:650}.oled-inline-stats-bar .oled-inline-stat-line span{font-size:11px}.dashboard-error-mobile{margin-top:-2px!important;margin-bottom:2px!important;font-size:12px!important}.oled-empty-state{border:none!important;background:transparent!important;padding:0!important;text-align:left!important}.oled-habit-list{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;gap:7px;overflow:visible;padding:2px 0 6px;scrollbar-width:none;-ms-overflow-style:none}.oled-habit-list::-webkit-scrollbar{display:none}.oled-habit-row{--habit-row-accent: #8b7cff;min-height:58px;max-height:58px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--habit-row-accent),transparent 95%) 0%,transparent 58%);padding:0 2px 0 4px;box-shadow:inset 0 -1px #ffffff0f,0 0 16px color-mix(in srgb,var(--habit-row-accent),transparent 94%);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.oled-habit-row.is-locked{opacity:.64;box-shadow:inset 0 -1px #ffffff0a,0 0 12px color-mix(in srgb,var(--habit-row-accent),transparent 96%)}.oled-habit-row-create{border:1px dashed rgba(220,227,255,.1);background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff04,inset 0 -1px #ffffff06;grid-template-columns:1fr;place-items:center;padding:0 10px;color:#dce3ff75;cursor:pointer;transition:transform .14s ease,opacity .14s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.oled-habit-row-create:active{transform:scale(.988);opacity:.88}.oled-habit-row-create-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(220,227,255,.06);background:#ffffff05;color:inherit}.oled-habit-create-cta{width:100%;min-height:58px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;background:#ffffff08;color:#dce3ff;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .14s ease,opacity .14s ease;-webkit-tap-highlight-color:transparent}.oled-habit-create-cta:active{transform:scale(.988);opacity:.88}.oled-habit-create-cta--empty{min-height:132px;flex-direction:column;gap:12px;justify-content:center;border-color:#ffffff29}.oled-habit-create-cta--inline{justify-content:center}.oled-habit-create-cta-icon{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:inherit;flex-shrink:0}.oled-habit-create-cta-label{font-size:13px;font-weight:600;line-height:1.1;color:inherit}.oled-habit-main{width:100%;border:none;background:transparent;padding:0;margin:0;text-align:left;min-width:0;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .14s ease,opacity .14s ease;-webkit-tap-highlight-color:transparent}.oled-habit-main.is-pressing{transform:scale(.984);opacity:.84}.oled-habit-emoji{font-size:17px;width:20px;text-align:center;line-height:1;flex-shrink:0}.oled-habit-name{min-width:0;font-size:13.5px;font-weight:600;color:#f5f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oled-habit-streak{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:42px;color:#7e89ab;font-size:11.5px;font-weight:600}.oled-habit-streak.is-active{color:#f4a84a}.oled-habit-lock{width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#dce3ffb8;display:inline-flex;align-items:center;justify-content:center}.oled-habit-days{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:108px}.oled-day-toggle{position:relative;width:22px;height:22px;border:none;border-radius:999px;background:#ffffff14;color:#7e89ab;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:11px;font-weight:700;line-height:1;transition:transform .14s ease,background .2s ease,color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.oled-day-toggle svg{stroke:currentColor}.oled-day-toggle.is-checked{border:1px solid color-mix(in srgb,var(--habit-row-accent),#ffffff 24%);background:var(--habit-row-accent);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--habit-row-accent),transparent 74%),0 0 11px color-mix(in srgb,var(--habit-row-accent),transparent 72%);animation:oled-day-check-pop .19s ease}.oled-day-toggle:active{transform:scale(.86)}.oled-settings-overlay{padding:16px!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:modal-overlay-in .16s ease}.oled-settings-modal{width:100%;max-width:none;border-radius:18px;padding:16px;max-height:min(80vh,440px);overflow-y:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:modal-card-in .2s cubic-bezier(.22,1,.36,1)}.oled-settings-modal *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.oled-settings-header h3{margin:0;font-size:18px}.oled-settings-header p{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.35}.oled-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}@keyframes oled-day-check-pop{0%{transform:scale(.8)}65%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes oled-value-pop{0%{transform:scale(.92);opacity:.78}to{transform:scale(1);opacity:1}}}:root[data-theme=light] .settings-delete-section-panel{border-color:#d4901f2e;background:linear-gradient(165deg,#fff1f3f5,#fffafcfa)}:root[data-theme=light] .settings-top-toast{border-color:#48ba772e;background:linear-gradient(180deg,#f4fff8fa,#ecfaf1fa);color:#165330;box-shadow:0 18px 34px #2e405a1f,0 0 24px #48ba7714}:root[data-theme=light] .settings-delete-error{color:#c54d6b}@media(max-width:768px){:root[data-theme=light] .layout-native-mobile .settings-page,:root[data-theme=light] .settings-detail-toolbar-mobile{background:linear-gradient(180deg,#f7f9fd,#edf2f8)}:root[data-theme=light] .settings-mobile-list-header .main-title{color:var(--text-primary)}:root[data-theme=light] .dashboard.dashboard-mobile-oled{background:linear-gradient(180deg,#f7f9fd,#edf2f8)!important;color:var(--text-primary)!important}:root[data-theme=light] .dashboard .card,:root[data-theme=light] .dashboard .todo-drawer,:root[data-theme=light] .dashboard .interactive-card,:root[data-theme=light] .dashboard .icon-button,:root[data-theme=light] .dashboard .primary-button,:root[data-theme=light] .dashboard .secondary-button,:root[data-theme=light] .dashboard .chip-button,:root[data-theme=light] .dashboard .chart-settings-menu,:root[data-theme=light] .dashboard .chart-settings-button,:root[data-theme=light] .dashboard .habit-card,:root[data-theme=light] .dashboard .habit-history-box,:root[data-theme=light] .dashboard .routine-slot,:root[data-theme=light] .dashboard .routine-check-circle,:root[data-theme=light] .dashboard .routines-slot-button,:root[data-theme=light] .dashboard .routines-reorder-toggle,:root[data-theme=light] .dashboard .momentum-card,:root[data-theme=light] .dashboard .momentum-card--circle,:root[data-theme=light] .dashboard .momentum-card--bar{box-shadow:none!important}:root[data-theme=light] .pull-refresh-circle{background:#f8fafff5;color:var(--accent);box-shadow:none!important}:root[data-theme=light] .momentum-topbar .chart-settings-button{background:#fffffff5!important;border-color:#6f63ef29!important;color:var(--text-primary)!important}:root[data-theme=light] .dashboard .card{background:#fffffffa!important;border-color:#6f63ef24!important}:root[data-theme=light] .dashboard .momentum-card,:root[data-theme=light] .dashboard .momentum-card--circle,:root[data-theme=light] .dashboard .momentum-card--bar{background:linear-gradient(180deg,#fffffffa,#f7fafffa)!important;border-color:#6f63ef24!important}:root[data-theme=light] .dashboard .momentum-card:before{background:none!important;opacity:0!important}:root[data-theme=light] .dashboard .momentum-card:after{box-shadow:none!important}:root[data-theme=light] .dashboard .chart-settings-menu{background:#f8fafffa!important;border-color:#6f63ef24!important}:root[data-theme=light] .dashboard .chart-menu-button,:root[data-theme=light] .dashboard .chart-menu-button svg,:root[data-theme=light] .dashboard .chart-settings-button svg{color:var(--text-primary)!important}:root[data-theme=light] .dashboard .habit-card{--habit-accent-glow: color-mix(in srgb, var(--habit-accent), #ffffff 90%);--habit-accent-soft: color-mix(in srgb, var(--habit-accent), #ffffff 93%);background:linear-gradient(165deg,color-mix(in srgb,var(--habit-accent),#ffffff 93%),#fffffffa 46%,color-mix(in srgb,var(--habit-accent),#ffffff 96%))!important;border-color:color-mix(in srgb,var(--habit-accent),rgba(111,99,239,.14) 72%)!important}:root[data-theme=light] .dashboard .habit-card:hover,:root[data-theme=light] .dashboard .habit-card.streaking{box-shadow:none!important}:root[data-theme=light] .dashboard .habit-edit-trigger{background:#fffffff5!important;border-color:#6f63ef24!important;color:var(--text-secondary)!important}:root[data-theme=light] .dashboard .habit-flame-streak,:root[data-theme=light] .dashboard .habit-flame-completed,:root[data-theme=light] .dashboard .habit-history-cell.checked .habit-history-box svg,:root[data-theme=light] .dashboard .habit-history-box.is-checked svg{filter:none!important}:root[data-theme=light] .dashboard .habit-history-box{background:#fffffff5!important;border-color:#6f63ef1f!important}:root[data-theme=light] .dashboard .habit-history-cell.checked .habit-history-box,:root[data-theme=light] .dashboard .habit-history-box.is-checked{box-shadow:none!important}:root[data-theme=light] .dashboard .habit-history-box:hover{box-shadow:none!important;background:color-mix(in srgb,var(--habit-accent),#ffffff 94%)!important}:root[data-theme=light] .dashboard .routine-slot{background:#fffffffa!important;border-color:#6f63ef24!important}:root[data-theme=light] .dashboard .routine-slot-filled,:root[data-theme=light] .dashboard .routine-slot-filled:hover{background:linear-gradient(160deg,color-mix(in srgb,var(--routine-accent),#ffffff 92%),#fffffffa 44%,color-mix(in srgb,var(--routine-accent),#ffffff 95%))!important;border-color:color-mix(in srgb,var(--routine-accent),rgba(111,99,239,.14) 70%)!important;box-shadow:none!important}:root[data-theme=light] .dashboard .routine-slot-title,:root[data-theme=light] .dashboard .routine-check-circle,:root[data-theme=light] .dashboard .routine-dashboard-slot{color:var(--text-primary)!important}:root[data-theme=light] .dashboard .routine-slot-streak{color:var(--text-secondary)!important}:root[data-theme=light] .dashboard .routine-check-circle{background:#fffffff5!important;border-color:color-mix(in srgb,var(--routine-accent),transparent 76%)!important}:root[data-theme=light] .dashboard .routines-slot-button.active,:root[data-theme=light] .dashboard .routines-reorder-toggle.active,:root[data-theme=light] .dashboard .routine-slot-drop-target,:root[data-theme=light] .dashboard .routine-slot-add:hover{box-shadow:none!important}:root[data-theme=light] .dashboard .routine-check-circle-active{color:#07170e!important;background:linear-gradient(180deg,#76e39a,#4fce7a)!important;border-color:#30a0588a!important;box-shadow:0 0 0 2px #30a05829,0 0 16px #30a0586b,0 0 30px #30a0582e!important}.oled-day-toggle.is-protected{color:#fff;border-color:color-mix(in srgb,var(--habit-row-accent),#ffffff 24%);background:color-mix(in srgb,var(--habit-row-accent),transparent 16%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--habit-row-accent),#ffffff 16%),0 0 11px color-mix(in srgb,var(--habit-row-accent),transparent 72%)}.oled-day-toggle.is-protected svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--habit-row-accent),transparent 42%))}.oled-day-toggle.is-streak:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--habit-row-accent),transparent 70%);border-radius:inherit;pointer-events:none}.oled-day-toggle.is-streak-strong:after{border-color:color-mix(in srgb,var(--habit-row-accent),transparent 64%)}:root[data-theme=light] .dashboard .routine-check-circle-today{color:#07170e!important;background:linear-gradient(180deg,#76e39a,#4fce7a)!important;border-color:#30a0588a!important;box-shadow:0 0 0 2px #30a05829,0 0 16px #30a0586b,0 0 30px #30a0582e!important}:root[data-theme=light] .dashboard .oled-momentum-strip{--oled-momentum-border: rgba(101, 213, 138, .34);--oled-momentum-glow: rgba(101, 213, 138, .12);background:linear-gradient(180deg,#fffffffa,#f5f9fefa)!important;border-color:#65d58a57!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-theme=light] .dashboard .oled-momentum-strip.is-pressing{box-shadow:none!important}:root[data-theme=light] .dashboard .oled-momentum-greeting-line,:root[data-theme=light] .dashboard .oled-inline-stat-line span,:root[data-theme=light] .dashboard .oled-momentum-scale{color:var(--text-secondary)!important;text-shadow:none!important}:root[data-theme=light] .dashboard .oled-momentum-greeting-name,:root[data-theme=light] .dashboard .oled-inline-stat-line strong,:root[data-theme=light] .dashboard .oled-score-bar-value{color:var(--text-primary)!important;text-shadow:none!important}:root[data-theme=light] .dashboard .oled-momentum-ring-wrap,:root[data-theme=light] .dashboard .oled-score-bar-fill,:root[data-theme=light] .dashboard .oled-momentum-day-bar,:root[data-theme=light] .dashboard .oled-momentum-day-bar.is-today,:root[data-theme=light] .dashboard .oled-momentum-day-bar.is-perfect{box-shadow:none!important}:root[data-theme=light] .dashboard .oled-score-bar-track{background:#6f63ef1f!important}:root[data-theme=light] .dashboard .oled-habit-row{background:linear-gradient(90deg,color-mix(in srgb,var(--habit-row-accent),#ffffff 88%),#fffffffa 54%,#f7fafffa)!important;border:1px solid color-mix(in srgb,var(--habit-row-accent),rgba(111,99,239,.14) 74%)!important;box-shadow:none!important}:root[data-theme=light] .dashboard .oled-habit-name{color:var(--text-primary)!important}:root[data-theme=light] .dashboard .oled-habit-streak{color:var(--text-secondary)!important}:root[data-theme=light] .dashboard .oled-habit-streak.is-active{color:#d18b24!important}:root[data-theme=light] .dashboard .oled-day-toggle{border:1px solid rgba(52,107,186,.24)!important;background:#fffffff5!important;color:#5f6f95!important;box-shadow:none!important}:root[data-theme=light] .dashboard .oled-day-toggle.is-checked{background:color-mix(in srgb,var(--habit-row-accent),#ffffff 16%)!important;border-color:color-mix(in srgb,var(--habit-row-accent),rgba(92,112,149,.22) 28%)!important;color:#fff!important;box-shadow:none!important}:root[data-theme=light] .dashboard .oled-habit-row-create,:root[data-theme=light] .dashboard .oled-habit-create-cta{border-color:#6f63ef29!important;background:#fffffff5!important;color:var(--text-secondary)!important;box-shadow:none!important}:root[data-theme=light] .dashboard .oled-habit-row-create-icon,:root[data-theme=light] .dashboard .oled-habit-create-cta-icon{border-color:#6f63ef24!important;background:#6f63ef14!important;color:var(--accent)!important}:root[data-theme=light] .routine-create-modal .routine-topbar-icon-button,:root[data-theme=light] .routine-details-modal .routine-topbar-icon-button,:root[data-theme=light] .premade-routine-modal .routine-topbar-icon-button,:root[data-theme=light] .routine-settings-modal .routine-topbar-icon-button{border-color:color-mix(in srgb,var(--routine-accent, var(--accent)),rgba(116,136,170,.24) 44%)!important;background:linear-gradient(180deg,#fffffffa,#f4f8fffa)!important;color:color-mix(in srgb,var(--routine-accent, var(--accent)),var(--text-primary) 26%)!important;box-shadow:inset 0 1px #ffffffd6,0 8px 18px #22355414!important}:root[data-theme=light] .routine-create-modal .routine-topbar-icon-button svg,:root[data-theme=light] .routine-details-modal .routine-topbar-icon-button svg,:root[data-theme=light] .premade-routine-modal .routine-topbar-icon-button svg,:root[data-theme=light] .routine-settings-modal .routine-topbar-icon-button svg{color:color-mix(in srgb,var(--routine-accent, var(--accent)),var(--text-primary) 26%)!important;stroke:currentColor!important;opacity:1!important;display:block;filter:none!important}:root[data-theme=light] .routine-create-modal .routine-topbar-icon-button:hover,:root[data-theme=light] .routine-details-modal .routine-topbar-icon-button:hover,:root[data-theme=light] .premade-routine-modal .routine-topbar-icon-button:hover,:root[data-theme=light] .routine-settings-modal .routine-topbar-icon-button:hover{border-color:color-mix(in srgb,var(--routine-accent, var(--accent)),rgba(116,136,170,.24) 28%)!important;background:color-mix(in srgb,var(--routine-accent, var(--accent)),#ffffff 90%)!important;color:color-mix(in srgb,var(--routine-accent, var(--accent)),var(--text-primary) 18%)!important;box-shadow:inset 0 1px #ffffffe0,0 10px 22px #2235541a!important}:root[data-theme=light] .routine-create-modal .routine-topbar-icon-button:hover svg,:root[data-theme=light] .routine-details-modal .routine-topbar-icon-button:hover svg,:root[data-theme=light] .premade-routine-modal .routine-topbar-icon-button:hover svg,:root[data-theme=light] .routine-settings-modal .routine-topbar-icon-button:hover svg{color:color-mix(in srgb,var(--routine-accent, var(--accent)),var(--text-primary) 18%)!important;stroke:currentColor!important;opacity:1!important}}:root[data-theme=light] .web-shell .dashboard .habit-history-label{color:var(--text-secondary);opacity:.78}:root[data-theme=light] .web-shell .dashboard .habit-history-label .day-num{opacity:.88}:root[data-theme=light] .web-shell .dashboard .habit-history-cell.is-today .habit-history-label{color:var(--text-primary);opacity:1}:root[data-theme=light] .web-shell .dashboard .habit-history-box{background:linear-gradient(180deg,#fffffffa,#f6f9fffa)!important;border-color:#5c709538!important;box-shadow:inset 0 1px #ffffffd1,0 1px 2px #2336580d!important}:root[data-theme=light] .web-shell .dashboard .habit-history-cell.checked .habit-history-box,:root[data-theme=light] .web-shell .dashboard .habit-history-box.is-checked{background:color-mix(in srgb,var(--habit-accent),#ffffff 16%)!important;border-color:color-mix(in srgb,var(--habit-accent),rgba(92,112,149,.22) 28%)!important;color:#fff!important;box-shadow:0 6px 14px color-mix(in srgb,var(--habit-accent),transparent 80%),0 0 0 1px color-mix(in srgb,var(--habit-accent),#ffffff 18%)!important}:root[data-theme=light] .web-shell .dashboard .habit-history-cell.checked .habit-history-box svg,:root[data-theme=light] .web-shell .dashboard .habit-history-box.is-checked svg{color:#fff!important;stroke:#fff!important;stroke-width:2.8;opacity:1!important;filter:none!important}:root[data-theme=light] .web-shell .dashboard .habit-history-box:hover{background:color-mix(in srgb,var(--habit-accent),#ffffff 92%)!important;border-color:color-mix(in srgb,var(--habit-accent),rgba(92,112,149,.22) 48%)!important;box-shadow:inset 0 1px #ffffffd6,0 6px 16px #23365814!important}:root{--unified-item-modal-surface: linear-gradient( 165deg, rgba(28, 33, 46, .88) 0%, rgba(17, 22, 35, .84) 44%, rgba(11, 16, 28, .88) 100% );--unified-item-modal-subpanel: linear-gradient( 180deg, rgba(38, 45, 62, .72) 0%, rgba(27, 34, 49, .76) 100% )}:root[data-theme=light]{--unified-item-modal-surface: linear-gradient( 165deg, rgba(255, 255, 255, .9) 0%, rgba(249, 251, 255, .86) 44%, rgba(243, 247, 253, .9) 100% );--unified-item-modal-subpanel: linear-gradient( 180deg, rgba(255, 255, 255, .76) 0%, rgba(246, 249, 255, .8) 100% )}.habit-details-modal,.habit-modal-card,.item-editor-modal,.routine-create-modal,.routine-details-modal,.routine-settings-modal,.routine-player-modal{background:var(--unified-item-modal-surface)!important;backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important}.routine-details-modal:before,.routine-player-modal:before{display:none!important}.routine-details-step,.routine-details-modal .routine-builder-step-card{background:var(--unified-item-modal-subpanel)!important;backdrop-filter:blur(12px) saturate(115%)!important;-webkit-backdrop-filter:blur(12px) saturate(115%)!important}.streak-protection-modal{width:min(760px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 32px));overflow:hidden;display:flex;flex-direction:column;gap:16px;background:#0f1524f0;border-color:#8b7cff6b;-webkit-backdrop-filter:blur(24px) saturate(118%);backdrop-filter:blur(24px) saturate(118%)}.streak-protection-header{flex:0 0 auto}.streak-protection-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent-color, #8b7cff);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.streak-protection-eyebrow svg,.streak-protection-tabs svg,.streak-protection-add svg,.streak-protection-empty svg,.streak-protection-period-icon svg,.archived-habit-restore svg{width:17px;height:17px}.streak-protection-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid rgba(139,124,255,.14);border-radius:14px;background:#080c175c}.streak-protection-tabs button{min-height:46px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.streak-protection-tabs button.active{background:#8b7cff29;color:var(--text-primary);box-shadow:inset 0 0 0 1px #8b7cff57}.streak-protection-tabs button>span{min-width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;background:#8b7cff3d;font-size:.7rem}.streak-protection-locked{min-height:300px;border:1px solid rgba(139,124,255,.28);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(139,124,255,.18),transparent 52%),#0a0f1b7a;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:32px}.streak-protection-locked small{max-width:420px;color:var(--text-muted);line-height:1.45}.streak-protection-locked .primary-button{margin-top:10px;pointer-events:none}.streak-protection-lock-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b7cff,#5fa5ff);box-shadow:0 12px 30px #8b7cff47}.streak-protection-content,.streak-protection-form{min-height:0;overflow-y:auto;scrollbar-width:thin;padding:2px}.streak-protection-content-heading,.streak-protection-target-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.streak-protection-content-heading h3{margin:0}.streak-protection-content-heading p{margin:4px 0 0;color:var(--text-muted);font-size:.82rem}.streak-protection-add{min-height:40px;display:inline-flex;align-items:center;gap:6px}.streak-protection-empty{min-height:220px;margin-top:14px;border:1px dashed rgba(139,124,255,.25);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-muted);text-align:center}.streak-protection-empty>svg{width:28px;height:28px;color:var(--accent-color, #8b7cff)}.streak-protection-empty strong{color:var(--text-primary)}.streak-protection-history{display:grid;gap:10px;margin-top:14px}.streak-protection-history article{min-height:76px;border:1px solid rgba(139,124,255,.18);border-radius:14px;background:#192133a3;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.streak-protection-history article.active{border-color:#65d58a75;background:#65d58a14}.streak-protection-period-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#8b7cff24;color:var(--accent-color, #8b7cff);font-size:1.25rem}.streak-protection-history article>div:nth-child(2){min-width:0;display:grid;gap:3px}.streak-protection-history article small,.streak-protection-history article span{color:var(--text-muted);font-size:.74rem}.streak-protection-history article.active div:nth-child(2)>span{color:#65d58a}.streak-protection-row-actions{display:flex;gap:7px}.streak-protection-form{display:grid;gap:14px}.streak-protection-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.streak-protection-form label{display:grid;gap:6px;color:var(--text-muted);font-size:.78rem}.streak-protection-form label small{opacity:.7}.streak-protection-form input,.streak-protection-form select{width:100%;min-height:44px;border:1px solid rgba(139,124,255,.16);border-radius:11px;background:#192133b8;color:var(--text-primary);padding:0 12px}.streak-protection-target-header{margin-top:2px}.streak-protection-target-header .text-button{border:0;background:transparent;color:var(--accent-color, #8b7cff);font-weight:750}.streak-protection-target-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:240px;overflow-y:auto}.streak-protection-target-list>button{min-width:0;min-height:52px;border:1px solid rgba(139,124,255,.15);border-radius:12px;background:#19213394;color:var(--text-primary);display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;text-align:left}.streak-protection-target-list>button.selected{border-color:#8b7cff9e;background:#8b7cff1f}.streak-protection-target-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak-protection-target-list small{color:var(--text-muted);font-size:.68rem}.target-check{width:20px;height:20px;border:1px solid rgba(139,124,255,.46);border-radius:6px;display:grid;place-items:center}.selected .target-check{background:var(--accent-color, #8b7cff);color:#fff}.target-check svg{width:14px;height:14px}.streak-protection-trigger{width:42px;min-width:42px;height:42px;padding:0;display:inline-grid;place-items:center;position:relative}.streak-protection-trigger svg{width:18px;height:18px}.streak-protection-trigger .pro-lock-dot{position:absolute;right:-3px;top:-3px;width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:#8b7cff;color:#fff;border:2px solid #101626}.streak-protection-trigger .pro-lock-dot svg{width:9px;height:9px}.streak-protection-global-error{margin:0}.habit-share-trigger{position:relative}.habit-share-lock{position:absolute;right:-4px;top:-4px;width:11px;height:11px;padding:2px;border-radius:999px;color:#fff;background:var(--habit-accent, #8b7cff);box-sizing:content-box}.habit-share-overlay{z-index:1600;padding:20px}.habit-share-modal{width:min(920px,calc(100vw - 32px));max-height:min(920px,calc(100dvh - 32px));overflow:hidden;padding:22px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;background:#0c111df5;border:1px solid rgba(139,124,255,.34);backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%)}.habit-share-header{margin:0}.habit-share-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#9e92ff;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.habit-share-eyebrow svg{width:14px;height:14px}.habit-share-preview{min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:24px;background:radial-gradient(circle at 70% 10%,rgba(139,124,255,.13),transparent 44%),#04070d94;padding:18px}.habit-share-preview img{display:block;max-width:100%;max-height:100%;aspect-ratio:4 / 5;object-fit:contain;border-radius:20px;box-shadow:0 20px 70px #0000006b}.habit-share-loading{min-height:320px;display:grid;place-items:center;color:var(--text-muted)}.habit-share-actions{display:flex;justify-content:flex-end;gap:10px}.habit-share-actions button{min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.habit-share-actions svg{width:17px;height:17px}.habit-share-success{margin:0;color:#6ee7a0;font-size:.82rem;display:flex;align-items:center;justify-content:flex-end;gap:6px}.habit-share-success svg{width:15px;height:15px}@media(max-width:720px){.habit-share-overlay{align-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.habit-share-modal{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;gap:12px;border-radius:24px}.habit-share-preview{padding:10px;border-radius:18px}.habit-share-preview img{border-radius:14px}.habit-share-actions button{flex:1;min-width:0}}.dashboard-habit-header-actions{display:flex;align-items:center;gap:8px}@media(max-width:680px){.streak-protection-modal{width:min(100% - 18px,540px);max-height:calc(100dvh - 18px);padding:16px;gap:12px}.streak-protection-form-row,.streak-protection-target-list{grid-template-columns:1fr}.streak-protection-target-list{max-height:210px}.streak-protection-history article{grid-template-columns:auto minmax(0,1fr)}.streak-protection-row-actions,.streak-protection-history .archived-habit-restore{grid-column:1 / -1;justify-self:stretch}.streak-protection-history .archived-habit-restore{justify-content:center}}@media(max-width:768px)and (max-height:600px){.modal-overlay{place-items:center;padding:6px 10px max(6px,env(safe-area-inset-bottom,0px))}.habit-modal-card,.habit-modal-card-binary,.habit-modal-card-measurable{width:100%;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:12px;gap:8px}.habit-modal-card .modal-header .section-title{font-size:1.2rem}.habit-modal-card .modal-header .item-topbar-icon-button{width:38px;min-width:38px;height:38px}.habit-modal-card .habit-form-scroll{scroll-padding-block:10px}.habit-modal-card .form-group{scroll-margin-block:10px}.habit-modal-card .modal-actions{gap:6px;margin-top:6px;padding-top:6px}.habit-modal-card .modal-actions-spacer{display:none}.habit-modal-card .habit-modal-actions-edit{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.habit-modal-card .modal-actions>button{width:100%;min-width:0;min-height:38px;padding-inline:8px;font-size:.76rem}}.routine-check-circle-protected{color:#a9b8d8;border-color:#a9b8d894;background:#a9b8d81a;box-shadow:none}:root[data-theme=light] .modal-overlay,:root[data-theme=light] .settings-delete-overlay,:root[data-theme=light] .newsletter-prompt-backdrop{background:#202e4738;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-theme=light] .modal-card{border-color:#7488aa38;background:linear-gradient(180deg,#fffffffc,#f5f8fdfc);color:var(--text-primary);box-shadow:0 24px 52px #202e4729,0 0 0 1px #6f63ef0d}:root[data-theme=light] .premium-color-control{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 64%);background:linear-gradient(155deg,color-mix(in srgb,var(--accent),#ffffff 91%),#f6f9fffc);box-shadow:inset 0 1px #ffffffdb,0 10px 22px #22355412}:root[data-theme=light] .premium-color-control-active{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 42%);box-shadow:inset 0 1px #ffffffe6,0 0 0 2px color-mix(in srgb,var(--accent),transparent 88%),0 12px 26px #22355417}:root[data-theme=light] .premium-color-control-swatch{border-color:#4858764d;box-shadow:0 0 0 4px #ffffffd1,0 8px 16px #2235541a}:root[data-theme=light] .premium-color-control-wheel,:root[data-theme=light] .premium-color-lock-pill{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 44%);background:color-mix(in srgb,var(--accent),#ffffff 90%);color:var(--text-primary)}:root[data-theme=light] .premium-color-control-copy strong,:root[data-theme=light] .premium-color-code{color:var(--text-primary)}:root[data-theme=light] .premium-color-control-copy span{color:var(--text-secondary)}:root[data-theme=light] .pro-paywall-modal{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 54%);background:linear-gradient(165deg,color-mix(in srgb,var(--accent),#ffffff 93%),#fffffffe 44%,#f4f8fffc);box-shadow:0 26px 56px #202e4729}:root[data-theme=light] .pro-paywall-backdrop{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent),#ffffff 86%),transparent 34%),radial-gradient(circle at bottom left,rgba(255,255,255,.78),transparent 30%)}:root[data-theme=light] .pro-paywall-eyebrow{color:color-mix(in srgb,var(--accent),var(--text-primary) 34%)}:root[data-theme=light] .pro-paywall-benefit{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 70%);background:linear-gradient(180deg,#fffffff0,#f6f9fffa);box-shadow:inset 0 1px #ffffffd6,0 8px 18px #2235540d}:root[data-theme=light] .pro-paywall-benefit-mark{background:color-mix(in srgb,var(--accent),#ffffff 82%);color:color-mix(in srgb,var(--accent),var(--text-primary) 26%)}:root[data-theme=light] .pro-paywall-modal .routine-topbar-icon-button,:root[data-theme=light] .modal-card .secondary-button,:root[data-theme=light] .modal-card .icon-button{border-color:#7488aa3d!important;background:linear-gradient(180deg,#fff,#f4f7fc)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #fff,0 7px 16px #22355412!important}:root[data-theme=light] .modal-card input:not([type=color]),:root[data-theme=light] .modal-card textarea,:root[data-theme=light] .modal-card select,:root[data-theme=light] .modal-card .settings-select,:root[data-theme=light] .modal-card .reminder-config-group,:root[data-theme=light] .modal-card .reminder-days-trigger,:root[data-theme=light] .modal-card .reminder-weekday-chip{border-color:#7488aa3d!important;background:#fffffff5!important;color:var(--text-primary)!important;color-scheme:light}:root[data-theme=light] .chart-settings-menu,:root[data-theme=light] .reminder-days-menu,:root[data-theme=light] .routine-reminder-days-menu{border-color:#6f63ef29;background:#f8fafffc;color:var(--text-primary);box-shadow:0 18px 34px #2e405a21}:root[data-theme=light] .streak-protection-modal{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 54%);background:#fafcfffc}:root[data-theme=light] .streak-protection-tabs,:root[data-theme=light] .streak-protection-locked,:root[data-theme=light] .streak-protection-history article,:root[data-theme=light] .streak-protection-form input,:root[data-theme=light] .streak-protection-form select,:root[data-theme=light] .streak-protection-target-list>button{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.2) 72%);background:#f4f7fcf5;color:var(--text-primary)}:root[data-theme=light] .streak-protection-tabs button.active,:root[data-theme=light] .streak-protection-target-list>button.selected{border-color:color-mix(in srgb,var(--accent),transparent 56%);background:color-mix(in srgb,var(--accent),#ffffff 88%)}:root[data-theme=light] .streak-protection-trigger .pro-lock-dot{border-color:#f7f9fd}:root[data-theme=light] .habit-share-modal{border-color:color-mix(in srgb,var(--accent),rgba(116,136,170,.24) 54%);background:#fafcfffc}:root[data-theme=light] .habit-share-eyebrow{color:var(--accent)}:root[data-theme=light] .habit-share-preview{border-color:#7488aa33;background:#eef3faf0}:root[data-theme=light] .archived-habit-row,:root[data-theme=light] .reminder-config-group{background:#ffffffc2}:root[data-theme=light] .settings-delete-dialog{border-color:#ca465b47;background:linear-gradient(165deg,#ffebeffc,#fff9fafe);box-shadow:0 22px 50px #5c233129}:root[data-theme=light] .settings-delete-dialog .section-title{color:#8f2638}:root[data-theme=light] .settings-delete-dialog .text-secondary{color:#764451}:root[data-theme=light] .settings-reset-dialog{border-color:#4b6fc43d;background:linear-gradient(165deg,#ebf1fffc,#fafcfffe)}:root[data-theme=light] .settings-reset-dialog .section-title{color:var(--text-primary)}:root[data-theme=light] .settings-reset-dialog .text-secondary{color:var(--text-secondary)}.score-page.score-page-clean{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px 18px 18px;background:#000;color:#f5f7ff;overflow:hidden}:root[data-theme=light] .score-page.score-page-clean{background:linear-gradient(180deg,#f7f9fd,#edf2f8);color:var(--text-primary)}:root[data-theme=light] .score-info-line span,:root[data-theme=light] .score-insight-label,:root[data-theme=light] .score-weekly-row-label,:root[data-theme=light] .score-secondary-text,:root[data-theme=light] .score-chart-empty-state,:root[data-theme=light] .score-section-placeholder{color:var(--text-secondary)}:root[data-theme=light] .score-info-line strong,:root[data-theme=light] .score-insight-value,:root[data-theme=light] .score-weekly-row-value,:root[data-theme=light] .score-performance-title{color:var(--text-primary)}:root[data-theme=light] .performance-chart--score .chart-settings-button{border-color:#6f63ef24;background:#ffffffd1;box-shadow:0 10px 22px #2e405a1a}:root[data-theme=light] .performance-chart--score .chart-settings-button:hover{border-color:#6f63ef33;background:#fffffff0}:root[data-theme=light] .performance-chart--score .chart-settings-menu{background:#f7f9fdfa;border-color:#6f63ef24;box-shadow:0 18px 34px #2e405a24}:root[data-theme=light] .performance-chart--score .recharts-cartesian-axis-tick-value{fill:#425171e6}@media(max-width:768px){:root[data-theme=light] .score-summary-layout:after,:root[data-theme=light] .score-performance-section:before{background:#6f63ef24}}.score-screen{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);flex:1;min-width:0;min-height:0;gap:0}.score-summary-section{--score-accent: #65d58a;--score-glow: rgba(101, 213, 138, .22);--score-label-size: clamp(.76rem, 1.1vw, .9rem);--score-standard-value-size: clamp(1.22rem, 2.08vw, 1.68rem);--score-primary-value-size: clamp(1.4rem, 2.46vw, 1.98rem);--score-neutral-accent: #8b7cff;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:10px;padding:0 0 12px}.score-summary-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3.4vw,32px);position:relative;min-height:0;height:100%}.score-summary-column{min-height:0;display:grid;grid-template-rows:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(18px,2.6vh,28px)}.score-ring-column{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.score-ring-column:before{content:"";position:absolute;left:50%;top:50%;width:clamp(240px,38vw,360px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--score-glow),#ffffff 10%) 0%,color-mix(in srgb,var(--score-glow),transparent 36%) 42%,transparent 74%);filter:blur(18px);opacity:.98;pointer-events:none}.score-ring-column.is-gold:before{background:radial-gradient(circle,rgba(244,201,93,.44) 0%,rgba(244,201,93,.18) 42%,transparent 74%)}.score-summary-subcolumn{min-height:0;display:flex;flex-direction:column;justify-content:space-between}.score-ring-column .score-circle{width:clamp(348px,51vw,556px);height:clamp(348px,51vw,556px);max-width:none;flex-shrink:0;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--score-glow),transparent 8%)) drop-shadow(0 0 58px color-mix(in srgb,var(--score-glow),transparent 42%))}.score-ring-column.is-gold .score-circle{filter:drop-shadow(0 0 28px rgba(244,201,93,.56)) drop-shadow(0 0 64px rgba(244,201,93,.24))}.score-ring-column .score-text{font-size:clamp(2.9rem,8.4vw,4.9rem);letter-spacing:-.04em;font-weight:780}.score-info-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch;place-items:center;gap:12px;min-width:0;height:100%}.score-info-line{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.score-info-line span,.score-insight-label,.score-weekly-row-label{font-size:var(--score-label-size);font-weight:560;letter-spacing:.05em;color:#dee5f8b3}.score-info-line span,.score-insight-label{text-transform:uppercase}.score-info-line strong{font-size:var(--score-standard-value-size);line-height:1.04;font-weight:760;color:#f4f7fffa}.score-insight{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.score-insight--primary{min-width:0;justify-content:flex-start}.score-insight--comparison{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;align-content:stretch;gap:clamp(8px,1.2vh,14px)}.score-insight--best{justify-content:flex-start}.score-insight--subtle{justify-self:stretch}.score-insight-value{margin:0;font-size:var(--score-primary-value-size);line-height:1.04;font-weight:780;color:#f5f7fffa;white-space:nowrap}.score-insight-value--subvalue{margin-top:8px}.score-secondary-text{margin-left:6px;font-size:.9em;font-weight:650;color:#d6def5cc}.score-insight-comparison{display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.5vh,16px);min-height:0;height:100%;min-width:0}.score-insight-delta{font-size:var(--score-primary-value-size);font-weight:780;letter-spacing:.01em;align-self:flex-start}.score-weekly-row{display:flex;align-items:baseline;gap:8px;min-width:0}.score-weekly-row-label{text-transform:none;white-space:nowrap}.score-weekly-row-value{font-size:var(--score-primary-value-size);line-height:1.04;font-weight:780;color:#f5f7fffa}.score-insight-delta.is-positive{color:var(--score-accent)}.score-insight-delta.is-negative{color:#ff8f8f}.score-insight-delta.is-neutral{color:var(--score-neutral-accent)}.score-sync-note{margin:0;font-size:.74rem;line-height:1.3;color:#ffb7b7d1}.score-performance-section{min-height:0;display:flex;overflow:hidden;position:relative;padding-top:14px}.performance-chart.performance-chart--score{width:100%;min-height:0;display:flex;flex-direction:column;background:transparent;border:none;box-shadow:none;padding:0}.score-performance-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.score-performance-title{margin:0;font-size:clamp(1.5rem,2.9vw,2.08rem);line-height:1.06;letter-spacing:.01em;color:#f2f5ff}.performance-chart--score .chart-header-actions{gap:0}.performance-chart--score .chart-settings-button{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:14px;border-color:#ffffff1a;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.performance-chart--score .chart-settings-button:hover{border-color:#ffffff2e;background:#ffffff0f}.performance-chart--score .chart-settings-menu{background:#0b0e1df5;border-color:#ffffff1f}.score-chart-wrapper{width:100%;min-height:0;flex:1;padding-top:8px;-webkit-tap-highlight-color:transparent}.performance-chart--score .score-chart-wrapper,.performance-chart--score .score-chart-wrapper .recharts-wrapper,.performance-chart--score .score-chart-wrapper .recharts-surface{outline:none;box-shadow:none;border:none;-webkit-tap-highlight-color:transparent}.performance-chart--score .score-chart-wrapper:focus,.performance-chart--score .score-chart-wrapper:focus-visible,.performance-chart--score .score-chart-wrapper:active,.performance-chart--score .score-chart-wrapper .recharts-wrapper:focus,.performance-chart--score .score-chart-wrapper .recharts-wrapper:focus-visible,.performance-chart--score .score-chart-wrapper .recharts-wrapper:active,.performance-chart--score .score-chart-wrapper .recharts-surface:focus,.performance-chart--score .score-chart-wrapper .recharts-surface:focus-visible,.performance-chart--score .score-chart-wrapper .recharts-surface:active{outline:none;box-shadow:none;border:none}.score-chart-empty-state,.score-section-placeholder{width:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#cad4f0bd}.performance-chart--score .recharts-surface{overflow:visible}.performance-chart--score .recharts-cartesian-axis-tick-value{font-size:.8rem;fill:#d2dcf6db}.web-shell .score-page.score-page-clean{padding:16px 18px 18px;background:transparent;overflow:hidden;overflow-x:hidden}:root[data-theme=light] .web-shell .score-page.score-page-clean{background:transparent}.web-shell .score-screen{width:100%;max-width:none;margin:0;grid-template-rows:auto minmax(0,1fr);gap:18px;height:100%;min-height:0}.web-shell .score-summary-section,.web-shell .score-performance-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.web-shell .score-summary-section{padding:clamp(18px,2vw,24px);gap:14px;align-content:start;overflow:hidden}.web-shell .score-summary-layout{grid-template-columns:minmax(0,1.14fr) minmax(320px,.92fr);gap:clamp(18px,2vw,24px);align-items:stretch;height:auto}.web-shell .score-summary-column{grid-template-rows:auto auto;gap:14px;align-content:center}.web-shell.web-shell--desktop .score-summary-column--left{grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-template-rows:1fr;align-items:center}.web-shell .score-summary-column--right{align-content:start}.web-shell .score-ring-column{min-height:220px}.web-shell .score-ring-column:before{width:clamp(210px,20vw,260px)}.web-shell .score-ring-column .score-circle{width:clamp(220px,19vw,290px);height:clamp(220px,19vw,290px)}.web-shell .score-ring-column .score-text{font-size:clamp(2.2rem,3.8vw,3.4rem)}.web-shell .score-summary-subcolumn{justify-content:center;gap:12px}.web-shell .score-summary-subcolumn .score-insight,.web-shell .score-info-line,.web-shell .score-insight--comparison{border:1px solid color-mix(in srgb,var(--border-subtle),transparent 8%);background:var(--surface-overlay-soft);border-radius:var(--radius-lg)}.web-shell .score-summary-subcolumn .score-insight,.web-shell .score-insight--comparison{padding:16px 18px}.web-shell .score-info-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;place-items:stretch;align-self:start;gap:12px;height:auto}.web-shell .score-info-line{min-height:92px;align-items:flex-start;justify-content:center;gap:8px;padding:14px 16px}.web-shell .score-info-line strong{font-size:clamp(1.3rem,1.85vw,1.72rem)}.web-shell .score-insight--comparison{grid-template-rows:auto auto auto;gap:12px;align-content:start}.web-shell .score-insight-comparison{height:auto;justify-content:flex-start;gap:12px}.web-shell .score-weekly-row{width:100%;justify-content:space-between;gap:16px}.web-shell .score-weekly-row-value{margin-left:auto}.web-shell .score-insight-delta,.web-shell .score-sync-note{margin-top:2px}.web-shell .score-performance-section{padding:clamp(18px,2vw,24px);min-height:0;height:100%}.web-shell .score-performance-head{margin-bottom:8px}.web-shell .score-performance-title{font-size:clamp(1.28rem,1.7vw,1.5rem)}.web-shell .score-chart-wrapper{padding-top:12px}@media(min-width:1181px){.web-shell.web-shell--desktop .score-summary-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:clamp(400px,44vh,500px);align-items:stretch}.web-shell.web-shell--desktop .score-summary-column--left{grid-column:1 / 3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;align-items:stretch;align-content:stretch;gap:16px;width:100%;min-width:0}.web-shell.web-shell--desktop .score-ring-column{grid-column:auto;min-height:clamp(384px,42vh,472px);height:100%}.web-shell.web-shell--desktop .score-ring-column:before{width:clamp(236px,22vw,288px)}.web-shell.web-shell--desktop .score-ring-column .score-circle{width:clamp(248px,21vw,314px);height:clamp(248px,21vw,314px)}.web-shell.web-shell--desktop .score-summary-subcolumn{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch;align-content:stretch;justify-self:stretch;justify-items:stretch;gap:16px;width:100%;min-width:0;max-width:none}.web-shell.web-shell--desktop .score-summary-subcolumn .score-insight{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,2.8vw,36px);align-self:stretch;justify-self:stretch;inline-size:100%;width:100%;box-sizing:border-box;min-width:0;max-width:none}.web-shell.web-shell--desktop .score-summary-column--right{grid-column:3;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));align-content:stretch;gap:16px}.web-shell.web-shell--desktop .score-insight--comparison{min-height:0;height:100%;justify-content:center}.web-shell.web-shell--desktop .score-insight-comparison{justify-content:center;gap:14px}.web-shell.web-shell--desktop .score-info-stack{align-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:100%}.web-shell.web-shell--desktop .score-info-line{min-height:0;height:100%}}@media(max-width:1180px){.web-shell.web-shell--desktop .score-summary-layout{grid-template-columns:1fr;min-height:auto}}@media(max-width:980px){.web-shell.web-shell--desktop .score-summary-column--left{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center}.web-shell.web-shell--desktop .score-summary-subcolumn{width:100%}}@media(max-width:1024px){.score-page.score-page-clean{padding:12px 14px 16px}}@media(max-width:768px){.layout-native-mobile .score-page.score-page-clean{padding:calc(env(safe-area-inset-top,0px) + 8px) 14px calc(78px + env(safe-area-inset-bottom,0px));overflow-y:auto}.layout-native-mobile .score-screen{min-height:calc(100vh - 116px);min-height:calc(100dvh - 116px)}.score-summary-section{--score-label-size: .68rem;--score-standard-value-size: clamp(1.1rem, 5vw, 1.36rem);--score-primary-value-size: clamp(1.22rem, 5.6vw, 1.5rem);gap:8px;padding-bottom:10px}.score-summary-layout{--score-column-row-gap: 18px;gap:12px}.score-summary-layout:after{content:"";position:absolute;left:0;right:0;top:calc(((100% - var(--score-column-row-gap)) * .5412844) + (var(--score-column-row-gap) * .5) - 10px);height:1px;background:#ffffff2e;pointer-events:none}.score-summary-column{gap:var(--score-column-row-gap)}.score-performance-section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#ffffff2e;pointer-events:none}.score-ring-column .score-circle{width:clamp(356px,88vw,432px);height:clamp(356px,88vw,432px);max-width:none;flex-shrink:0}.score-info-stack{gap:8px}.score-insight{gap:6px}.score-insight-comparison{gap:10px}.score-insight-delta{font-size:1.08rem}.score-sync-note{font-size:.72rem}.score-performance-title{font-size:1.55rem}.performance-chart--score .chart-settings-button{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:12px}.web-shell .score-page.score-page-clean{padding:14px 14px 18px;background:transparent;overflow-y:auto}.web-shell .score-screen{width:100%;min-height:auto;grid-template-rows:auto auto;gap:16px;height:auto}.web-shell .score-summary-section,.web-shell .score-performance-section{padding:16px}.web-shell .score-summary-layout{grid-template-columns:1fr;gap:14px}.web-shell .score-summary-layout:after,.web-shell .score-performance-section:before{content:none}.web-shell .score-summary-column{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.web-shell .score-summary-column--left{justify-items:center}.web-shell .score-ring-column{min-height:auto}.web-shell .score-ring-column:before{width:clamp(210px,62vw,270px)}.web-shell .score-ring-column .score-circle{width:clamp(220px,66vw,300px);height:clamp(220px,66vw,300px)}.web-shell .score-summary-subcolumn{width:100%;gap:10px}.web-shell .score-summary-subcolumn .score-insight,.web-shell .score-insight--comparison{padding:14px 16px}.web-shell .score-info-stack{gap:10px}.web-shell .score-info-line{min-height:84px;padding:14px}.web-shell .score-performance-section{min-height:360px}.web-shell .score-performance-title{font-size:1.35rem}}.landing-page{--landing-bg: #07101d;--landing-surface: rgba(14, 26, 45, .78);--landing-surface-strong: #0d192b;--landing-border: rgba(181, 204, 238, .13);--landing-border-hover: rgba(127, 208, 225, .28);--landing-text: #f6f8fd;--landing-muted: rgba(209, 222, 242, .68);--landing-accent: #7ccedf;min-height:100vh;overflow-x:clip;color:var(--landing-text);background:radial-gradient(circle at 68% 4%,rgba(50,139,164,.13),transparent 32rem),linear-gradient(180deg,#07111f 0%,var(--landing-bg) 58%,#070e19 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p,.landing-page figure{margin:0}.landing-page a{color:inherit}.landing-container{width:min(1620px,calc(100% - clamp(112px,12vw,240px)));margin-inline:auto}.landing-nav{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(180,203,239,.09);background:#070f1de6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-nav-inner{position:relative;min-height:72px;display:flex;align-items:center;gap:28px}.landing-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:760;letter-spacing:-.02em}.landing-brand img{flex:0 0 auto;border-radius:10px}.landing-links{position:absolute;left:50%;display:flex;align-items:center;gap:28px;margin-left:0;transform:translate(-50%)}.landing-links a,.landing-footer-links a{color:#e0e8f7b8;text-decoration:none;font-size:14px;font-weight:600;transition:color .16s ease}.landing-links a:hover,.landing-footer-links a:hover{color:#fff}.landing-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border-radius:13px;text-decoration:none;font-size:15px;font-weight:720;transition:border-color .16s ease,background .16s ease,color .16s ease}.landing-button--primary{border:1px solid rgba(146,136,255,.7);color:#fff;background:linear-gradient(135deg,#6ca7ff,#806cf1);box-shadow:0 12px 28px #5066e033}.landing-button--primary:hover{background:linear-gradient(135deg,#77aefa,#8977ed)}.landing-button--secondary{border:1px solid rgba(179,200,235,.2);color:#f1f6ffe6;background:#0c182ca8}.landing-button--secondary:hover{border-color:#b3c8eb5c;background:#12213acc}.landing-nav-cta{min-height:42px;margin-left:auto;padding-inline:18px}.landing-hero{height:calc(100vh - 72px);height:calc(100svh - 72px);min-height:0;padding:clamp(18px,2.6svh,32px) 0 clamp(18px,2.6svh,32px);overflow:hidden}.landing-hero-layout{display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;height:100%;min-height:0;gap:clamp(16px,2.2svh,26px)}.landing-hero-copy{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:clamp(10px,1.45svh,16px);max-width:900px;text-align:center}.landing-eyebrow{color:var(--landing-accent);font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.landing-hero h1{margin-top:0;font-size:clamp(48px,6svh,76px);line-height:1.12;letter-spacing:0}.landing-hero-loop{position:relative;width:min(760px,100%);height:clamp(28px,4.4svh,44px);overflow:hidden;color:#d5e1f3c2;font-size:clamp(15px,1.8svh,18px);line-height:1.45;text-align:center}.landing-hero-loop span{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(10px);animation:landing-phrase-cycle 15s ease-in-out infinite;animation-delay:calc(var(--phrase-index) * 3s)}.landing-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2px}.landing-hero-product{position:relative;flex:0 1 auto;width:min(100%,980px,max(260px,calc((100svh - 390px)*1.44)));min-width:0;height:auto;aspect-ratio:1.44;margin-inline:auto}.landing-browser-frame{position:absolute;top:4%;left:0;width:91%;overflow:hidden;border:1px solid rgba(174,199,236,.21);border-radius:18px;background:#09111e;box-shadow:0 26px 62px #00000052}.landing-browser-bar{height:32px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(179,201,234,.14);background:#111b2e}.landing-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d3e0f461}.landing-browser-frame img{display:block;width:100%;height:auto}.landing-phone-frame{position:absolute;right:0;bottom:0;z-index:2;width:23.5%;overflow:hidden;border:6px solid #0a101b;border-radius:25px;background:#050912;box-shadow:0 24px 52px #00000075}.landing-phone-frame img{display:block;width:100%;height:auto}@keyframes landing-phrase-cycle{0%,to{opacity:0;transform:translateY(10px);filter:blur(3px)}5%,16%{opacity:1;transform:translateY(0);filter:blur(0)}21%{opacity:0;transform:translateY(-10px);filter:blur(3px)}}.landing-section,.landing-platform-section{padding:94px 0}.landing-section{border-top:1px solid rgba(178,202,237,.075)}.landing-platform-section{border-block:1px solid rgba(178,202,237,.08);background:#0b162785}.landing-section-heading{max-width:650px;margin-bottom:42px}.landing-section-heading--center{margin-inline:auto;text-align:center}.landing-section-heading h2,.landing-final-cta h2{margin-top:11px;font-size:clamp(38px,4.4vw,56px);line-height:1.06;letter-spacing:-.045em}.landing-section-heading>p:last-child{max-width:560px;margin:15px auto 0;color:var(--landing-muted);font-size:17px;line-height:1.6}.landing-core-grid,.landing-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.landing-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:940px;margin-inline:auto}.landing-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.landing-feature-card,.landing-platform-card,.landing-support-card,.landing-step-card{border:1px solid var(--landing-border);border-radius:18px;background:var(--landing-surface);transition:border-color .16s ease,background .16s ease}.landing-feature-card:hover,.landing-platform-card:hover,.landing-support-card:hover,.landing-step-card:hover{border-color:var(--landing-border-hover);background:#112036db}.landing-icon-chip{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid rgba(120,205,222,.16);border-radius:12px;color:#89d7e6;background:#41a4bb1a}.landing-icon-chip--small{width:38px;height:38px;border-radius:10px}.landing-feature-card{min-height:260px;padding:25px;display:flex;flex-direction:column}.landing-feature-card h3{margin-top:31px;font-size:23px;letter-spacing:-.025em}.landing-feature-card p{margin-top:10px;color:var(--landing-muted);line-height:1.55}.landing-feature-card small{margin-top:auto;padding-top:28px;color:#8bd3e1c2;font-size:12px;font-weight:650}.landing-platform-card{min-height:188px;padding:23px;text-align:left}.landing-platform-card h3{margin-top:24px;font-size:17px}.landing-platform-card p{margin-top:8px;color:var(--landing-muted);font-size:14px;line-height:1.5}.landing-support-card{display:flex;align-items:flex-start;gap:14px;padding:18px}.landing-support-card h3{display:flex;align-items:center;gap:9px;font-size:16px}.landing-support-card p{margin-top:5px;color:#ccdaefa3;font-size:14px;line-height:1.45}.landing-pro-label{padding:3px 7px;border:1px solid rgba(151,137,255,.28);border-radius:999px;color:#c7bdff;background:#725fdf1f;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.landing-step-card{padding:25px}.landing-step-card h3{margin-top:24px;font-size:23px}.landing-step-card p{margin-top:9px;color:var(--landing-muted);line-height:1.55}.landing-faq{padding-top:86px}.landing-faq-list{max-width:840px;margin-inline:auto;border-top:1px solid rgba(181,205,239,.14)}.landing-faq-item{border-bottom:1px solid rgba(181,205,239,.14)}.landing-faq-item h3{margin:0}.landing-faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 4px;border:0;color:#f3f7ff;background:transparent;font:inherit;font-size:17px;font-weight:680;text-align:left;cursor:pointer}.landing-faq-chevron{flex:0 0 auto;color:#cfdef3a6;transition:transform .18s ease,color .18s ease}.landing-faq-item.is-open .landing-faq-chevron{transform:rotate(180deg);color:var(--landing-accent)}.landing-faq-answer-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.landing-faq-answer-grid>div{overflow:hidden}.landing-faq-item.is-open .landing-faq-answer-grid{grid-template-rows:1fr}.landing-faq-answer-grid p{max-width:720px;padding:0 4px 23px;color:var(--landing-muted);line-height:1.66}.landing-final-cta{margin-top:16px;margin-bottom:96px;padding:62px 28px;border:1px solid var(--landing-border);border-radius:25px;text-align:center;background:#0e1c30c7}.landing-final-icon{margin-bottom:21px}.landing-final-cta>p:not(.landing-eyebrow){margin-top:14px;color:var(--landing-muted);font-size:17px}.landing-final-cta .landing-button{margin-top:27px}.landing-footer{border-top:1px solid rgba(178,201,235,.1);background:#050c16a8}.landing-footer-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-footer-brand{font-size:17px}.landing-footer-links{display:flex;gap:24px}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:2px solid #7fd2e5;outline-offset:3px}.legal-page{min-height:100vh;padding:40px 20px;color:#f7f9ff;background:radial-gradient(circle at 30% 0%,rgba(47,139,168,.16),transparent 34rem),#07101e}.legal-shell{width:min(820px,100%);margin:0 auto}.legal-kicker{color:#79cce1;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.legal-title{margin:10px 0 0;font-size:clamp(38px,7vw,58px);letter-spacing:-.04em}.legal-updated{margin:10px 0 26px;color:#d2dff29e}.legal-card{margin-bottom:22px;padding:28px;border:1px solid rgba(180,204,237,.14);border-radius:22px;background:#0d192dc7}.legal-card h2{margin:24px 0 0;font-size:23px}.legal-card h2:first-child{margin-top:0}.legal-card p{margin:8px 0 0;color:#d3e0f4c2;line-height:1.65}.legal-card a{color:#8bd7e6}.legal-back-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(180,204,237,.2);border-radius:12px;color:#fff;text-decoration:none;background:#0d192dc7}@media(max-width:1020px){.landing-core-grid,.landing-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-card{min-height:230px}}@media(min-width:1021px)and (max-width:1400px){.landing-container{width:min(1240px,calc(100% - clamp(96px,10vw,160px)))}}@media(max-width:820px){.landing-links{display:none}.landing-nav-cta{margin-left:auto}}@media(max-width:640px){.landing-container{width:min(100% - 32px,1160px)}.landing-nav-inner{min-height:64px}.landing-brand{font-size:18px}.landing-brand img{width:32px;height:32px}.landing-nav-cta{min-height:39px;padding-inline:14px;font-size:13px}.landing-hero{height:calc(100vh - 64px);height:calc(100svh - 64px);padding:20px 0 16px}.landing-hero-layout{gap:18px}.landing-hero-copy{gap:11px}.landing-hero h1{margin-top:0;font-size:clamp(42px,7svh,56px);line-height:1.12}.landing-hero-loop{height:46px;font-size:15px;line-height:1.45}.landing-hero-product{width:min(100%,max(230px,calc((100svh - 390px)*1.44)))}.landing-hero-actions{margin-top:3px;flex-wrap:nowrap}.landing-hero-actions .landing-button{flex:1 1 0;min-width:0;padding-inline:12px;font-size:14px}.landing-browser-frame{border-radius:12px}.landing-browser-bar{height:23px;padding-inline:10px;gap:5px}.landing-browser-bar i{width:5px;height:5px}.landing-phone-frame{border-width:4px;border-radius:17px}.landing-section,.landing-platform-section{padding:68px 0}.landing-section-heading{margin-bottom:30px}.landing-section-heading h2,.landing-final-cta h2{font-size:36px}.landing-section-heading>p:last-child{margin-top:12px;font-size:15px}.landing-core-grid,.landing-platform-grid,.landing-support-grid,.landing-steps-grid{grid-template-columns:1fr}.landing-feature-card{min-height:220px;padding:22px}.landing-feature-card h3{margin-top:26px}.landing-platform-card{min-height:0;display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:19px}.landing-platform-card h3{margin-top:1px}.landing-platform-card p{grid-column:2}.landing-step-card{padding:22px}.landing-faq{padding-top:64px}.landing-faq-trigger{padding-block:20px;font-size:16px}.landing-final-cta{margin-bottom:70px;padding:47px 20px;border-radius:21px}.landing-final-cta>p:not(.landing-eyebrow){font-size:15px;line-height:1.5}.landing-footer-inner{min-height:116px;flex-direction:column;justify-content:center}}@media(max-width:430px){.landing-hero{padding-top:16px}.landing-hero h1{font-size:clamp(38px,6.8svh,48px)}.landing-hero-loop{height:42px;font-size:14px}.landing-hero-product{width:min(100%,max(220px,calc((100svh - 372px)*1.44)))}}@media(max-height:680px){.landing-hero{padding-block:10px}.landing-hero-layout{gap:10px}.landing-hero-copy{gap:7px}.landing-hero h1{font-size:40px;line-height:1.1}.landing-hero-loop{height:28px;font-size:13px;line-height:1.35}.landing-hero-actions .landing-button{min-height:38px}.landing-hero-product{width:min(100%,max(220px,calc((100svh - 320px)*1.44)))}}@media(max-height:760px)and (min-width:821px){.landing-hero{padding-block:14px 12px}.landing-hero-layout{gap:12px}.landing-hero-copy{gap:8px}.landing-hero h1{font-size:46px;line-height:1.1}.landing-hero-loop{height:30px;font-size:14px}.landing-hero-actions .landing-button{min-height:40px}}@media(prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.landing-hero-loop span{animation:none!important;opacity:0;transform:none;filter:none}.landing-hero-loop span:first-child{opacity:1}}.mobile-web-topbar{display:none}@media(max-width:768px){.web-shell.web-shell--mobile{position:relative;display:block;height:100dvh;min-height:100dvh;overflow:hidden}.web-shell.web-shell--mobile .mobile-web-topbar{position:fixed;inset:0 0 auto;z-index:1050;min-height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg-main),transparent 8%);border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 30px #00000029;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.web-shell.web-shell--mobile .mobile-web-menu-button{width:40px;min-width:40px;height:40px;padding:0;border:1px solid var(--border-subtle);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-overlay);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a}.web-shell.web-shell--mobile .mobile-web-menu-button:active{transform:scale(.97)}.web-shell.web-shell--mobile .mobile-web-title{min-width:0;display:flex;align-items:center;gap:9px;color:var(--text-primary);white-space:nowrap}.web-shell.web-shell--mobile .mobile-web-brand{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.web-shell.web-shell--mobile .mobile-web-title-divider{width:1px;height:18px;background:var(--border-subtle)}.web-shell.web-shell--mobile .mobile-web-title strong{overflow:hidden;color:var(--text-primary);font-size:1rem;font-weight:720;text-overflow:ellipsis}.web-shell.web-shell--mobile .mobile-nav-toggle{display:none!important}.web-shell.web-shell--mobile .sidebar.mobile-open{width:min(310px,calc(100vw - 24px));padding:calc(14px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px))}.web-shell.web-shell--mobile .sidebar-overlay{z-index:1080}.web-shell.web-shell--mobile .page-content{box-sizing:border-box;width:100%;height:100dvh;min-height:0;padding:calc(58px + env(safe-area-inset-top,0px)) 0 env(safe-area-inset-bottom,0px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.web-shell.web-shell--mobile .page-content-dashboard{display:block!important;height:100dvh!important;overflow-y:auto!important}.web-shell.web-shell--mobile .dashboard{display:flex!important;flex-direction:column!important;width:100%;height:auto!important;min-height:100%;padding:14px!important;gap:14px!important;overflow:visible!important}.web-shell.web-shell--mobile .left-column,.web-shell.web-shell--mobile .right-column,.web-shell.web-shell--mobile .left-stack{display:contents!important}.web-shell.web-shell--mobile .dashboard .card,.web-shell.web-shell--mobile .dashboard .todo-drawer{width:100%;height:auto;min-height:0;flex:none}.web-shell.web-shell--mobile .momentum-card{order:1!important}.web-shell.web-shell--mobile .dashboard .momentum-card--circle{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"topbar" "summary" "stats"!important;grid-template-rows:auto auto auto!important;gap:12px!important;padding:16px!important}.web-shell.web-shell--mobile .dashboard .momentum-topbar{grid-area:topbar!important}.web-shell.web-shell--mobile .dashboard .momentum-circle-mobile-summary{grid-area:summary!important;height:auto!important;min-height:0!important;gap:8px!important}.web-shell.web-shell--mobile .dashboard .momentum-circle-mobile-summary .momentum-visual-wrap{width:100%!important;min-height:0!important;padding:0!important}.web-shell.web-shell--mobile .dashboard .momentum-card--circle .score-circle{width:122px!important;height:122px!important}.web-shell.web-shell--mobile .dashboard .momentum-card--circle .momentum-label{width:100%!important;padding:0!important}.web-shell.web-shell--mobile .dashboard .momentum-card--circle .momentum-stats-grid{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;gap:9px!important;width:100%!important;height:auto!important;padding:0!important}.web-shell.web-shell--mobile .dashboard .momentum-card--circle .momentum-stat-pill{min-height:52px!important;height:auto!important;padding:7px 9px!important}.web-shell.web-shell--mobile .dashboard .habits-section{order:2!important;height:auto!important;min-height:0!important;overflow:visible!important}.web-shell.web-shell--mobile .dashboard .routines-section,.web-shell.web-shell--mobile .dashboard .routines-card{order:3!important}.web-shell.web-shell--mobile .dashboard .performance-section,.web-shell.web-shell--mobile .dashboard .chart-card{order:4!important;min-height:300px!important}.web-shell.web-shell--mobile .dashboard .todo-drawer{order:5!important}.web-shell.web-shell--mobile .dashboard .habit-list{flex:none!important;max-height:none!important;overflow:visible!important;padding:4px 0!important;scrollbar-gutter:auto}.web-shell.web-shell--mobile .dashboard .card-header{gap:10px}.web-shell.web-shell--mobile .dashboard .habit-card{min-width:0;overflow:hidden!important}.web-shell.web-shell--mobile .dashboard .habit-history-grid,.web-shell.web-shell--mobile .habits-page-grid .habit-history-grid,.web-shell.web-shell--mobile .habits-page-panel .habit-list .habit-history-grid{grid-template-columns:repeat(var(--habit-visible-days, 10),minmax(0,1fr))!important;grid-auto-columns:0!important;justify-content:stretch!important;width:100%;max-width:100%;min-width:0}.web-shell.web-shell--mobile .habit-history-cell{width:100%!important;min-width:0!important;max-width:none!important}.web-shell.web-shell--mobile .habit-history-box{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;aspect-ratio:1}.web-shell.web-shell--mobile .dashboard .todo-drawer-panel.open{height:auto;max-height:none;overflow:visible}.web-shell.web-shell--mobile .habits-page,.web-shell.web-shell--mobile .routines-page,.web-shell.web-shell--mobile .todos-page,.web-shell.web-shell--mobile .settings-page{box-sizing:border-box;width:100%;height:auto;min-height:100%;flex:none;padding:14px;overflow:visible;background:transparent}.web-shell.web-shell--mobile .habits-page-panel{box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:0;padding:15px;overflow:visible}.web-shell.web-shell--mobile .habits-page-header{align-items:flex-start;gap:12px;margin-bottom:14px}.web-shell.web-shell--mobile .habits-page-header .main-title{font-size:1.55rem}.web-shell.web-shell--mobile .habit-reset-info{margin-top:4px;font-size:.75rem}.web-shell.web-shell--mobile .habits-header-actions{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;gap:8px}.web-shell.web-shell--mobile .habit-sort-wrap{position:relative;flex:0 0 auto}.web-shell.web-shell--mobile .habit-sort-menu{right:auto;left:0;width:min(230px,calc(100vw - 40px));min-width:0}.web-shell.web-shell--mobile .habits-page-add-button{margin-left:auto;min-height:40px;padding-inline:13px;white-space:nowrap}.web-shell.web-shell--mobile .habits-page-panel .habit-list,.web-shell.web-shell--mobile .habits-page-grid{box-sizing:border-box;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px;height:auto;overflow:visible;padding:2px 0 0;scrollbar-gutter:auto}.web-shell.web-shell--mobile .habits-page-grid .habit-card,.web-shell.web-shell--mobile .habits-page-panel .habit-list .habit-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden!important}.web-shell.web-shell--mobile .habits-page-grid .habit-card:hover,.web-shell.web-shell--mobile .habits-page-panel .habit-list .habit-card:hover{transform:none!important}.web-shell.web-shell--mobile .habits-page-grid .habit-history-grid,.web-shell.web-shell--mobile .habits-page-panel .habit-list .habit-history-grid{width:100%;max-width:100%;min-width:0;gap:clamp(3px,1.2vw,5px)!important}.web-shell.web-shell--mobile .routines-page-container--web{width:100%;max-width:100%;min-width:0;gap:14px;overflow:visible}.web-shell.web-shell--mobile .routines-web-panel{box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:0;padding:15px;overflow:visible}.web-shell.web-shell--mobile .routines-web-main-panel{flex:none}.web-shell.web-shell--mobile .routines-web-main-body,.web-shell.web-shell--mobile .routines-panel-wrap{height:auto;overflow:visible}.web-shell.web-shell--mobile .routines-web-main-body>div{min-height:0}.web-shell.web-shell--mobile .routines-page-container .routines-card-standalone{height:auto;padding:0}.web-shell.web-shell--mobile .routines-page-container .routines-grid{grid-template-columns:minmax(0,1fr);gap:12px;height:auto;overflow:visible}.web-shell.web-shell--mobile .routines-page-container .routine-slot{min-height:82px}.web-shell.web-shell--mobile .routines-web-explore-panel .routines-explore-card{flex-basis:min(78vw,270px)}.web-shell.web-shell--mobile .routines-web-explore-panel .routines-explore,.web-shell.web-shell--mobile .routines-web-explore-panel .routines-explore-scroll{width:100%;max-width:100%;min-width:0}.web-shell.web-shell--mobile .todos-page-container,.web-shell.web-shell--mobile .todos-page-container .todo-drawer,.web-shell.web-shell--mobile .todos-page-container .todo-drawer-panel.open,.web-shell.web-shell--mobile .todos-page-container .todo-panel{height:auto;min-height:0;overflow:visible}.web-shell.web-shell--mobile .todos-page-container .todo-panel{padding:15px}.web-shell.web-shell--mobile .todos-page-container .todo-panel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;height:auto}.web-shell.web-shell--mobile .todos-page-container .todo-open-column,.web-shell.web-shell--mobile .todos-page-container .todo-completed-column{min-height:0;padding:0}.web-shell.web-shell--mobile .todos-page-container .todo-open-list,.web-shell.web-shell--mobile .todos-page-container .todo-completed-list{max-height:none;overflow:visible}.web-shell.web-shell--mobile .todo-add-row{grid-template-columns:minmax(0,1fr) auto}.web-shell.web-shell--mobile .todo-save-button{min-width:68px}.web-shell.web-shell--mobile .todo-panel-header-completed{min-height:40px}.web-shell.web-shell--mobile .todo-completed-collapse-button{display:none}.web-shell.web-shell--mobile .settings-mobile-shell{width:100%;min-height:0;display:flex;flex-direction:column;overflow:visible}.web-shell.web-shell--mobile .settings-mobile-list-card,.web-shell.web-shell--mobile .settings-detail-card-mobile{width:100%;min-height:0;flex:none;padding:15px;overflow:visible;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--card-shadow)}.web-shell.web-shell--mobile .settings-mobile-list{margin:0;padding:0;overflow:visible}.web-shell.web-shell--mobile .settings-mobile-list-header{margin-bottom:14px}.web-shell.web-shell--mobile .settings-mobile-list-header .main-title{font-size:1.55rem!important}.web-shell.web-shell--mobile .settings-detail-toolbar-mobile{position:sticky;top:calc(58px + env(safe-area-inset-top,0px));z-index:10;margin:-15px -15px 12px;padding:10px 15px;background:color-mix(in srgb,var(--bg-card),transparent 4%);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.web-shell.web-shell--mobile .settings-detail-header{padding-bottom:12px}.web-shell.web-shell--mobile .settings-detail-scroll,.web-shell.web-shell--mobile .settings-detail-scroll.settings-detail-scroll-no-scroll{height:auto;max-height:none;overflow:visible!important}.web-shell.web-shell--mobile .settings-grid-two{grid-template-columns:minmax(0,1fr)}.web-shell.web-shell--mobile .settings-mobile-actions{padding-top:12px}.web-shell.web-shell--mobile .modal-overlay{align-items:center;padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px));overflow:hidden}.web-shell.web-shell--mobile .modal-card,.web-shell.web-shell--mobile .habit-modal-card,.web-shell.web-shell--mobile .routine-create-modal,.web-shell.web-shell--mobile .routine-settings-modal{width:100%;max-width:560px;max-height:calc(100dvh - 20px);border-radius:18px}.web-shell.web-shell--mobile .habit-modal-card-binary,.web-shell.web-shell--mobile .habit-modal-card-measurable{height:min(720px,calc(100dvh - 20px))}.web-shell.web-shell--mobile .habit-details-overlay{padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px))}.web-shell.web-shell--mobile .habit-details-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:18px}.web-shell.web-shell--mobile .modal-actions{gap:8px}.web-shell.web-shell--mobile .modal-actions .primary-button,.web-shell.web-shell--mobile .modal-actions .secondary-button,.web-shell.web-shell--mobile .modal-actions .danger-button{min-height:42px}.web-shell.web-shell--mobile .pro-paywall-modal{width:min(100%,560px);max-height:calc(100dvh - 20px)}.web-shell.web-shell--mobile .sync-status-chip{right:12px;bottom:12px}}@media(max-width:430px){.web-shell.web-shell--mobile .dashboard,.web-shell.web-shell--mobile .habits-page,.web-shell.web-shell--mobile .routines-page,.web-shell.web-shell--mobile .todos-page,.web-shell.web-shell--mobile .settings-page{padding:10px}.web-shell.web-shell--mobile .dashboard .card,.web-shell.web-shell--mobile .habits-page-panel,.web-shell.web-shell--mobile .routines-web-panel,.web-shell.web-shell--mobile .todos-page-container .todo-panel,.web-shell.web-shell--mobile .settings-mobile-list-card,.web-shell.web-shell--mobile .settings-detail-card-mobile{border-radius:16px;padding:12px}.web-shell.web-shell--mobile .habits-page-header{flex-direction:column}.web-shell.web-shell--mobile .habits-header-actions{justify-content:space-between}.web-shell.web-shell--mobile .todo-add-row{gap:8px}.web-shell.web-shell--mobile .todo-save-button{min-width:62px;padding-inline:11px}.web-shell.web-shell--mobile .settings-detail-toolbar-mobile{margin:-12px -12px 10px;padding:9px 12px}}.login-page{min-height:100vh;display:grid;place-items:center;padding:72px 20px 40px;color:#f6f8ff;background:radial-gradient(circle at 50% 0%,rgba(58,140,167,.16),transparent 32rem),#070f1d}.login-back-link{position:absolute;top:24px;left:28px;display:inline-flex;align-items:center;gap:7px;color:#dae4f4ad;font-size:14px;font-weight:650;text-decoration:none}.login-back-link:hover{color:#fff}.login-card{width:min(100%,460px);padding:36px;border:1px solid rgba(180,203,237,.14);border-radius:24px;background:#0c172aeb;box-shadow:0 30px 80px #00000052}.login-logo{display:block;margin:0 auto 18px;border-radius:15px}.login-card h1{margin:0;text-align:center;font-size:31px;line-height:1.08;letter-spacing:-.035em}.login-intro{margin:9px 0 0;color:#cfdcf0a8;text-align:center;font-size:14px;line-height:1.5}.login-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:26px;padding:4px;border-radius:12px;background:#050c18b3}.login-mode-switch button{min-height:39px;border:0;border-radius:9px;color:#d2def19e;background:transparent;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .15s ease,background .15s ease}.login-mode-switch button.active{color:#fff;background:#334567b8;box-shadow:0 3px 10px #00000029}.login-google-button,.login-submit-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font:inherit;font-size:14px;font-weight:740;cursor:pointer}.login-google-button{margin-top:18px;border:1px solid rgba(183,204,236,.18);color:#f4f7ff;background:#15233dc2}.login-google-button svg{width:19px;height:19px}.login-google-button:hover{background:#1d2d4be6}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#c4d2e975;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#b2c8eb1c}.login-form{display:grid;gap:14px}.login-field{display:grid;gap:7px}.login-field>span{color:#dae5f6c2;font-size:11px;font-weight:760;letter-spacing:.07em;text-transform:uppercase}.login-field input{width:100%;height:46px;border:1px solid rgba(177,200,235,.15);border-radius:11px;padding:0 13px;color:#fff;background:#030913bd;font:inherit;font-size:14px;outline:none}.login-field input:focus{border-color:#74cadeb3;box-shadow:0 0 0 3px #51b1c61a}.login-field input::placeholder{color:#c5d3e961}.login-newsletter-consent{position:relative;display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;padding:12px;border:1px solid rgba(177,200,235,.1);border-radius:11px;color:#dde7f7d1;cursor:pointer}.login-newsletter-consent input{position:absolute;opacity:0;pointer-events:none}.login-custom-check{width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(181,203,235,.3);border-radius:5px;color:transparent;background:#030913a8}.login-newsletter-consent input:checked+.login-custom-check{color:#fff;border-color:#6aaee9;background:#627ce1}.login-newsletter-consent input:focus-visible+.login-custom-check{outline:2px solid #7ed0e1;outline-offset:2px}.login-newsletter-consent>span:last-child{font-size:12px;line-height:1.45}.login-newsletter-consent strong,.login-newsletter-consent small{display:block}.login-newsletter-consent strong{font-size:13px}.login-newsletter-consent small{margin-top:3px;color:#ccd9ee94;font-size:11px;line-height:1.45}.login-submit-button{margin-top:2px;border:1px solid rgba(146,137,255,.64);color:#fff;background:linear-gradient(135deg,#68a5f5,#7c69e8);box-shadow:0 12px 26px #4456c333}.login-submit-button:hover{background:linear-gradient(135deg,#75aff8,#8877ec)}.login-google-button:disabled,.login-submit-button:disabled{opacity:.58;cursor:wait}.login-message{margin:14px 0 0;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.5}.login-message--error{color:#ffc8d1;background:#9a2f492e}.login-message--info{color:#bfe7f0;background:#27798e29}.login-legal{margin:20px 0 0;color:#c1d0e878;text-align:center;font-size:11px;line-height:1.5}.login-legal a{color:#dce6f7bd}.login-page button:focus-visible,.login-page a:focus-visible{outline:2px solid #7ed0e1;outline-offset:3px}.native-auth-newsletter-consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:12px 3px;color:#ebf1fcd6;font-size:13px}.native-auth-newsletter-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#7d70ef}.native-auth-newsletter-consent>span{line-height:1.45}.native-auth-newsletter-consent strong,.native-auth-newsletter-consent small{display:block}.native-auth-newsletter-consent small{margin-top:3px;color:#d1ddf194;font-size:11px;line-height:1.45}@media(max-width:540px){.login-page{place-items:start center;padding:66px 12px 24px}.login-back-link{top:20px;left:18px}.login-card{padding:28px 20px;border-radius:20px}.login-card h1{font-size:28px}}.newsletter-prompt-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#02070fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.newsletter-prompt{position:relative;width:min(100%,420px);padding:30px;border:1px solid rgba(178,202,237,.16);border-radius:22px;color:#f7f9ff;text-align:center;background:#101b30;box-shadow:0 30px 80px #00000070}.newsletter-prompt-close{position:absolute;top:13px;right:13px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;color:#dbe6f69e;background:transparent;cursor:pointer}.newsletter-prompt-close:hover{color:#fff;background:#ffffff0d}.newsletter-prompt-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 18px;border-radius:14px;color:#84d3e3;background:#41a0b71f}.newsletter-prompt h2{margin:0;font-size:27px;letter-spacing:-.03em}.newsletter-prompt>p{margin:10px 0 0;color:#d3e0f4b3;font-size:14px;line-height:1.6}.newsletter-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.newsletter-prompt-actions button{min-height:44px}.newsletter-prompt small{display:block;margin-top:13px;color:#c6d5ec7a;font-size:11px}.newsletter-prompt .newsletter-prompt-error{color:#ffc4ce}.newsletter-confirmed-page{min-height:100vh;display:grid;place-items:center;padding:20px;color:#f7f9ff;background:radial-gradient(circle at 50% 12%,rgba(51,146,170,.18),transparent 30rem),#07101e}.newsletter-confirmed-card{width:min(100%,480px);padding:42px 32px;border:1px solid rgba(180,204,238,.15);border-radius:24px;text-align:center;background:#0d192de6}.newsletter-confirmed-card>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#8bd8e7;background:#40a6bc1f}.newsletter-confirmed-eyebrow{color:#82d2e3!important;font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.newsletter-confirmed-card h1{margin:9px 0 0;font-size:38px;letter-spacing:-.04em}.newsletter-confirmed-card p{margin:12px 0 0;color:#d3e0f4ad;font-size:15px;line-height:1.6}.newsletter-confirmed-card a{margin-top:26px;text-decoration:none}.settings-newsletter-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:18px;padding:18px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-card-soft, rgba(255,255,255,.025))}.settings-newsletter-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--accent, #7b8df5);background:color-mix(in srgb,var(--accent, #7b8df5) 12%,transparent)}.settings-newsletter-copy strong{display:block;font-size:14px}.settings-newsletter-copy p{margin:4px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.45}.settings-newsletter-copy .settings-newsletter-error{color:var(--danger, #ef6d7f)}.settings-newsletter-actions button{white-space:nowrap}@media(max-width:640px){.settings-newsletter-card{grid-template-columns:auto 1fr}.settings-newsletter-actions{grid-column:1 / -1}.settings-newsletter-actions button{width:100%}}:root[data-theme=light] .newsletter-prompt-backdrop{background:#202e4738}:root[data-theme=light] .newsletter-prompt{border-color:#6f63ef2e;color:var(--text-primary);background:linear-gradient(180deg,#fffffffe,#f4f8fffc);box-shadow:0 28px 64px #202e4729}:root[data-theme=light] .newsletter-prompt-close{color:var(--text-secondary)}:root[data-theme=light] .newsletter-prompt-close:hover{color:var(--text-primary);background:var(--surface-overlay-hover)}:root[data-theme=light] .newsletter-prompt>p{color:var(--text-secondary)}:root[data-theme=light] .newsletter-prompt small{color:var(--text-muted)}:root[data-theme=light] .newsletter-prompt .newsletter-prompt-error{color:#a43749}:root[data-theme=light] .newsletter-confirmed-page{color:var(--text-primary);background:radial-gradient(circle at 50% 12%,rgba(51,146,170,.12),transparent 30rem),var(--bg-main)}:root[data-theme=light] .newsletter-confirmed-card{border-color:#6f63ef29;background:#fffffff5;box-shadow:0 24px 54px #202e4724}:root[data-theme=light] .newsletter-confirmed-card p{color:var(--text-secondary)}