:root{--app-bg: var(--bg);--surface: var(--panel);--surface-secondary: var(--panel-soft);--surface-tertiary: var(--panel-faint);--card: var(--panel-glass);--card-hover: var(--panel-faint-hover);--border: var(--panel-border);--border-hover: var(--panel-faint-strong);--border-strong: var(--line);--text-primary: var(--text);--text-secondary: var(--muted);--text-muted: var(--muted-soft);--text-inverse: #ffffff;--primary: var(--accent);--primary-hover: var(--accent-strong);--primary-active: var(--accent-deep);--primary-soft: var(--accent-soft);--primary-text: #ffffff;--success-soft: rgba(24, 242, 154, .14);--warning: var(--amber-accent);--warning-soft: rgba(255, 190, 27, .16);--danger-soft: rgba(255, 71, 125, .16);--info: var(--sky-accent);--info-soft: rgba(16, 210, 255, .15);--shadow-sm: 0 4px 12px rgba(12, 18, 12, .06);--shadow-md: var(--shadow);--shadow-lg: 0 24px 64px rgba(12, 18, 12, .16);--focus-ring: 0 0 0 3px rgba(var(--accent-rgb), .22)}html[data-theme=zen][data-mode=light]{color-scheme:light;--app-bg: #f7f7f1;--sidebar-bg: #fbfbf7;--surface: #fcfcf8;--surface-secondary: #f4f3ec;--surface-tertiary: #ecece3;--card: #ffffff;--card-hover: #fafaf4;--border: #e5e7db;--border-hover: #d5d8c9;--border-strong: #c9cfbb;--text-primary: #1e211a;--text-secondary: #68705f;--text-muted: #8c9385;--text-inverse: #ffffff;--primary: #7e9460;--primary-hover: #708653;--primary-active: #65794b;--primary-soft: #dce5cd;--primary-text: #ffffff;--success: #587443;--success-soft: #ddebd6;--warning: #907b2e;--warning-soft: #f3e8be;--danger: #a45c56;--danger-soft: #f4dbd8;--info: #3660a8;--info-soft: #dce8ff;--shadow-sm: 0 3px 10px rgba(54, 65, 40, .045);--shadow-md: 0 14px 32px rgba(54, 65, 40, .07);--shadow-lg: 0 28px 64px rgba(54, 65, 40, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--focus-ring: 0 0 0 3px rgba(126, 148, 96, .22);--bg: var(--app-bg);--bg-elevated: var(--surface-secondary);--panel: var(--surface);--panel-soft: var(--surface-secondary);--panel-border: var(--border);--text: var(--text-primary);--muted: var(--text-secondary);--muted-soft: var(--text-muted);--accent: var(--primary);--accent-strong: #9caf7c;--accent-deep: var(--primary-active);--accent-rgb: 126, 148, 96;--accent-soft: rgba(126, 148, 96, .2);--habit-grid-accent: #7e9460;--habit-grid-accent-rgb: 126, 148, 96;--habit-grid-accent-soft: rgba(126, 148, 96, .18);--habit-grid-accent-ring: rgba(126, 148, 96, .58);--habit-grid-accent-glow: rgba(126, 148, 96, .2);--habit-grid-check-contrast: #ffffff;--habit-grid-count-contrast: #65794b;--violet-accent: var(--primary);--violet-soft: rgba(126, 148, 96, .16);--amber-accent: var(--warning);--sky-accent: var(--info);--line: var(--border);--shadow: var(--shadow-md);--shell-gradient: linear-gradient(135deg, #fafaf5 0%, var(--app-bg) 54%, #f1f3e8 100%);--panel-glass: rgba(255, 255, 255, .94);--panel-glass-soft: rgba(244, 243, 236, .94);--panel-glass-strong: rgba(252, 252, 248, .985);--panel-faint: rgba(126, 148, 96, .055);--panel-faint-strong: rgba(126, 148, 96, .12);--panel-faint-hover: rgba(126, 148, 96, .17);--input-surface: #ffffff;--chip-surface: #f4f3ec;--hero-gradient: linear-gradient(135deg, #f7f8f0 0%, #eff2e5 58%, #dce5cd 100%);--hero-surface: linear-gradient(135deg, rgba(255,255,255,.88), rgba(247,247,241,.72));--hero-border: var(--border);--hero-text: var(--text-primary);--calendar-surface: rgba(255, 255, 255, .94);--focus-stage-surface: linear-gradient(135deg, #fcfcf8, #f1f3e8);--dashboard-surface: linear-gradient(135deg, #ffffff, #f5f6ef);--backdrop: rgba(30, 33, 26, .22)}html[data-theme=zen][data-mode=dark]{color-scheme:dark;--app-bg: #0e120e;--sidebar-bg: #111611;--surface: #151a14;--surface-secondary: #181e17;--surface-tertiary: #20281e;--card: #181e17;--card-hover: #1e271c;--border: #293126;--border-hover: #384333;--border-strong: #4a5843;--text-primary: #eef1e9;--text-secondary: #a3ac9e;--text-muted: #7e887a;--text-inverse: #10140e;--primary: #8fa86b;--primary-hover: #9cb876;--primary-active: #a8c17d;--primary-soft: #283323;--primary-text: #10140e;--success: #8fa86b;--success-soft: #283b24;--warning: #d1b75a;--warning-soft: #3a341c;--danger: #d8877e;--danger-soft: #3c2724;--info: #8ab5e6;--info-soft: #1d3144;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .18);--shadow-md: 0 18px 42px rgba(0, 0, 0, .28);--shadow-lg: 0 28px 68px rgba(0, 0, 0, .38);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--focus-ring: 0 0 0 3px rgba(143, 168, 107, .28);--bg: var(--app-bg);--bg-elevated: var(--surface-secondary);--panel: var(--surface);--panel-soft: var(--surface-secondary);--panel-border: var(--border);--text: var(--text-primary);--muted: var(--text-secondary);--muted-soft: var(--text-muted);--accent: var(--primary);--accent-strong: var(--primary-hover);--accent-deep: #6e8752;--accent-rgb: 143, 168, 107;--accent-soft: rgba(143, 168, 107, .22);--habit-grid-accent: #8fa86b;--habit-grid-accent-rgb: 143, 168, 107;--habit-grid-accent-soft: rgba(143, 168, 107, .2);--habit-grid-accent-ring: rgba(143, 168, 107, .62);--habit-grid-accent-glow: rgba(143, 168, 107, .24);--habit-grid-check-contrast: #10140e;--habit-grid-count-contrast: #a8c17d;--violet-accent: var(--primary);--violet-soft: rgba(143, 168, 107, .16);--amber-accent: var(--warning);--sky-accent: var(--info);--line: var(--border);--shadow: var(--shadow-md);--shell-gradient: radial-gradient(circle at top right, rgba(143,168,107,.09), transparent 31%), var(--app-bg);--panel-glass: rgba(21, 26, 20, .96);--panel-glass-soft: rgba(24, 30, 23, .98);--panel-glass-strong: rgba(21, 26, 20, .99);--panel-faint: rgba(238, 241, 233, .045);--panel-faint-strong: rgba(143, 168, 107, .16);--panel-faint-hover: rgba(143, 168, 107, .22);--input-surface: #111611;--chip-surface: #20281e;--hero-gradient: linear-gradient(135deg, #182015, #27351f 58%, #52673f);--hero-surface: linear-gradient(135deg, rgba(24,32,21,.96), rgba(21,26,20,.94));--hero-border: var(--border);--hero-text: var(--text-primary);--calendar-surface: #151a14;--focus-stage-surface: linear-gradient(135deg, #151a14, #1b2418);--dashboard-surface: linear-gradient(135deg, #151a14, #1d271a);--backdrop: rgba(0, 0, 0, .62)}html[data-theme=zen] .ambient{display:none}html[data-theme=zen] .app-shell,html[data-theme=zen] .sidebar,html[data-theme=zen] .topbar,html[data-theme=zen] .headline-card,html[data-theme=zen] .task-board-shell,html[data-theme=zen] .task-stage-column,html[data-theme=zen] .board-task-card,html[data-theme=zen] .modal-sheet .sheet-card,html[data-theme=zen] input,html[data-theme=zen] textarea,html[data-theme=zen] select{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}html[data-theme=zen] .task-page-hero,html[data-theme=zen] .focus-hero-shell{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--hero-surface);box-shadow:var(--shadow-sm)}html[data-theme=zen] .task-page-hero{min-height:10.8rem;padding-right:14.25rem}html[data-theme=zen] .task-board-shell,html[data-theme=zen] .task-stage-column{border-color:var(--border);box-shadow:var(--shadow-sm)}html[data-theme=zen] .board-task-card{border-color:var(--border);background:var(--card);box-shadow:var(--shadow-sm)}html[data-theme=zen] .board-task-card:hover{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-md)}html[data-theme=zen] .task-hero-zen-bonsai{width:11.4rem;height:11.4rem;right:-.3rem;top:-.45rem;opacity:.88}html[data-theme=zen] .task-page-hero:before{content:"";position:absolute;top:-.5rem;right:10.3rem;width:7.5rem;height:7.5rem;pointer-events:none;z-index:1;background:url(/images/zen/leaves.webp) right bottom / 170% auto no-repeat;opacity:.66;-webkit-mask-image:radial-gradient(ellipse at 72% 54%,#000 34%,transparent 74%);mask-image:radial-gradient(ellipse at 72% 54%,#000 34%,transparent 74%)}html[data-theme=zen] .task-page-hero>*{position:relative;z-index:2}html[data-theme=zen] .task-page-hero .task-hero-zen-bonsai{position:absolute;z-index:1}@media(min-width:981px){html[data-theme=zen] .task-page-hero>.task-page-title-row{position:static}html[data-theme=zen] .task-page-actions{position:absolute;top:1.35rem;right:clamp(8.75rem,10vw,11rem);z-index:4;flex-wrap:nowrap;align-items:center}html[data-theme=zen] .task-page-actions .task-view-toolbar,html[data-theme=zen] .task-page-actions .page-action-cluster{flex-wrap:nowrap}html[data-theme=zen] .task-progress-hero{width:100%}}html[data-theme=zen] .task-layout-grid{position:relative}html:root[data-theme=zen][data-mode=light] .task-board-shell{position:relative;z-index:2;background:#fdfdf861;border-color:#7d8e5e4d;box-shadow:0 14px 30px #4855300f}html:root[data-theme=zen][data-mode=light] .task-stage-column,html:root[data-theme=zen][data-mode=light] .task-board-shell[data-board-scroll-mode=page][data-column-headers=pinned]:not(.is-list-view):not(.is-matrix-view) .task-stage-head{background:#f6f7ee85;border-color:#7d8e5e38}html:root[data-theme=zen][data-mode=light] .board-task-card{background:#fffffcd1}html[data-theme=zen] .task-zen-board-leaves{position:absolute;left:clamp(1.4rem,16%,15rem);bottom:-.72rem;width:12rem;height:4rem;pointer-events:none;user-select:none;z-index:3;opacity:.78}html[data-theme=zen] .task-zen-board-leaf{position:absolute;display:block;width:4.25rem;height:3.2rem;object-fit:cover;object-position:center 58%;-webkit-mask-image:radial-gradient(ellipse,#000 48%,transparent 78%);mask-image:radial-gradient(ellipse,#000 48%,transparent 78%);filter:saturate(.9) contrast(.96)}html[data-theme=zen] .task-zen-board-leaf-one{left:0;bottom:.25rem;transform:rotate(-17deg)}html[data-theme=zen] .task-zen-board-leaf-two{left:3.55rem;bottom:0;transform:rotate(8deg) scale(.92)}html[data-theme=zen] .task-zen-board-leaf-three{left:7rem;bottom:.28rem;transform:rotate(-7deg) scale(.84)}html[data-theme=zen] .focus-hero-shell.is-zen-theme:after{content:"";position:absolute;right:1.1rem;top:.25rem;width:9.75rem;height:8.25rem;pointer-events:none;background:url(/images/zen/bonsai.webp) center / contain no-repeat;opacity:.78;-webkit-mask-image:radial-gradient(ellipse,#000 50%,transparent 92%);mask-image:radial-gradient(ellipse,#000 50%,transparent 92%)}html[data-theme=zen] .focus-hero-shell>*{position:relative;z-index:1}html[data-theme=zen][data-mode=light] .zen-decoration{opacity:.6;filter:saturate(.84) contrast(.94)}html[data-theme=zen] .zen-decoration,html[data-theme=zen] .zen-decoration *{pointer-events:none;user-select:none}html[data-theme=zen] .primary-button,html[data-theme=zen] .fab{box-shadow:0 10px 22px #5f72472e}@media(max-width:980px){html[data-theme=zen] .task-page-hero{padding-right:1.18rem}html[data-theme=zen] .task-hero-zen-bonsai,html[data-theme=zen] .task-page-hero:before,html[data-theme=zen] .task-zen-board-leaves,html[data-theme=zen] .focus-hero-shell.is-zen-theme:after{display:none}}@media(max-width:700px){html[data-theme=zen] .zen-page-decorations{display:none}}html[data-theme=zen] .focus-page.is-zen-theme .focus-hero-shell{position:relative;gap:1.15rem;padding:1.45rem;background:var(--hero-surface)}html[data-theme=zen] .focus-page.is-zen-theme .focus-hero-head{padding-right:10.25rem}html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme{position:relative;isolation:isolate;overflow:hidden;gap:1.15rem;padding:clamp(1rem,2vw,1.5rem);border-color:var(--border);background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 56%),var(--focus-stage-surface);box-shadow:var(--shadow-sm)}html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme:before,html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme:after{content:"";position:absolute;z-index:-1;pointer-events:none;user-select:none;background-repeat:no-repeat;background-position:center;background-size:contain}html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme:before{left:-1.4rem;bottom:-1.5rem;width:min(31vw,17rem);height:10rem;background-image:url(/images/zen/pomodoro-stones-bottom-left.webp);opacity:.66}html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme:after{right:-1.9rem;bottom:-1.7rem;width:min(29vw,16rem);height:9rem;background-image:url(/images/zen/pomodoro-branch-bottom-right.webp);opacity:.56}html[data-theme=zen] .focus-page.is-zen-theme .focus-stage-main,html[data-theme=zen] .focus-page.is-zen-theme .focus-stage-stats,html[data-theme=zen] .focus-page.is-zen-theme .focus-dashboard-grid{position:relative;z-index:1}html[data-theme=zen] .focus-page.is-zen-theme .focus-timer-ring{background:conic-gradient(from -90deg,var(--primary) 0 var(--focus-progress),rgba(112,134,83,.16) var(--focus-progress) 100%);box-shadow:0 16px 30px #4f61361f}html[data-theme=zen] .focus-page.is-zen-theme .focus-timer-core{background:radial-gradient(circle at top,rgba(255,255,255,.82),transparent 58%),var(--surface);box-shadow:inset 0 0 0 1px var(--border)}html[data-theme=zen] .focus-page.is-zen-theme .focus-zen-garden{opacity:.34;background:#7e94601a}html[data-theme=zen] .focus-page.is-zen-theme .focus-mode-pill,html[data-theme=zen] .focus-page.is-zen-theme .focus-icon-button,html[data-theme=zen] .focus-page.is-zen-theme .focus-stat-card,html[data-theme=zen] .focus-page.is-zen-theme .focus-achievement-row,html[data-theme=zen] .focus-page.is-zen-theme .deep-panel{border-color:var(--border);background:#fffffc9e;box-shadow:var(--shadow-sm)}html[data-theme=zen] .focus-page.is-zen-theme .focus-mode-pill.is-active,html[data-theme=zen] .focus-page.is-zen-theme .focus-primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-active));color:var(--primary-text);box-shadow:0 10px 18px #4f61362e}html[data-theme=zen] .focus-page.is-zen-theme .focus-chart-bar{background:linear-gradient(180deg,var(--primary-hover),var(--primary-active));box-shadow:0 8px 16px #4f613629}html[data-theme=zen] .countdown-page.is-zen-theme{gap:1.15rem}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-hero-card{position:relative;isolation:isolate;overflow:hidden;min-height:12.5rem;padding:clamp(1.2rem,2vw,1.65rem);padding-right:min(31vw,20rem);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--hero-surface);box-shadow:var(--shadow-sm)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-hero-card:after{content:"";position:absolute;z-index:-1;top:-1.15rem;right:-.95rem;width:min(31vw,20rem);height:calc(100% + 2rem);pointer-events:none;user-select:none;background:url(/images/zen/countdown-hero-bonsai-sand.webp) right center / contain no-repeat;opacity:.82}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-hero-copy,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-hero-actions,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-summary-grid{position:relative;z-index:1}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid-shell{position:relative;isolation:isolate;overflow:hidden;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fcfcf76b;box-shadow:var(--shadow-sm)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid-shell:after{content:"";position:absolute;z-index:-1;right:-1.5rem;bottom:-1.4rem;width:min(34vw,19rem);height:10rem;pointer-events:none;user-select:none;background:url(/images/zen/countdown-branch-on-sand.webp) right bottom / contain no-repeat;opacity:.52}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card{min-width:0;min-height:14rem;padding:1.1rem;color:var(--text-primary);border-color:var(--border);background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 66%),var(--card);box-shadow:var(--shadow-sm)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card:after{background:#7e94601f;filter:blur(12px)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card:first-child{grid-column:1 / -1;min-height:15.75rem;padding-right:min(33vw,21rem);background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 64%),var(--focus-stage-surface)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card:first-child:after{inset:-1rem -.5rem -1rem auto;width:min(33vw,21rem);height:calc(100% + 2rem);border-radius:0;background:url(/images/zen/countdown-hero-bonsai-sand.webp) right center / contain no-repeat;filter:none;opacity:.72}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card:first-child .countdown-card-value{font-size:clamp(3.8rem,7vw,6rem)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-card-repeat{color:var(--text-secondary);background:var(--primary-soft)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-card-status,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-card-footer{color:var(--text-secondary)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-card-footer{border-color:var(--border)}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-card-footer strong{color:var(--text-primary)}html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-stage.is-zen-theme,html[data-theme=zen][data-mode=dark] .countdown-page.is-zen-theme .countdown-grid-shell{background:#181e17db}html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-mode-pill,html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-icon-button,html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-stat-card,html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-achievement-row,html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .deep-panel,html[data-theme=zen][data-mode=dark] .countdown-page.is-zen-theme .countdown-grid .countdown-card{background:#181e17e6}html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-timer-core{background:var(--surface)}html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-stage.is-zen-theme:before,html[data-theme=zen][data-mode=dark] .focus-page.is-zen-theme .focus-stage.is-zen-theme:after,html[data-theme=zen][data-mode=dark] .countdown-page.is-zen-theme .countdown-hero-card:after,html[data-theme=zen][data-mode=dark] .countdown-page.is-zen-theme .countdown-grid-shell:after,html[data-theme=zen][data-mode=dark] .countdown-page.is-zen-theme .countdown-grid .countdown-card:first-child:after{opacity:.18}@media(max-width:980px){html[data-theme=zen] .focus-page.is-zen-theme .focus-hero-head,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-hero-card{padding-right:1.2rem}html[data-theme=zen] .focus-page.is-zen-theme .focus-hero-shell.is-zen-theme:after,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-hero-card:after,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid-shell:after,html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card:first-child:after{display:none}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme:before,html[data-theme=zen] .focus-page.is-zen-theme .focus-stage.is-zen-theme:after{display:none}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid{grid-template-columns:1fr}html[data-theme=zen] .countdown-page.is-zen-theme .countdown-grid .countdown-card:first-child{min-height:14rem}}
