:root{--surface-0: #f6eee3;--surface-1: #f1e4d4;--surface-2: #e7d5c1;--bg-base: var(--surface-0);--bg-surface: var(--surface-1);--bg-elevated: var(--surface-2);--bg-hover: rgba(140, 120, 95, .08);--bg-active: rgba(140, 120, 95, .12);--divider: rgba(123, 91, 71, .24);--glass-bg: rgba(252, 244, 232, .95);--glass-border: rgba( 150, 130, 110, .22 );--glass-shine: rgba(255, 252, 245, .45);--glass-panel-border-radius: var(--radius-lg);--glass-panel-blur: 12px;--glass-panel-bg: color-mix( in srgb, var(--glass-bg) 88%, rgba(250, 245, 235, .15) );--glass-panel-border: color-mix( in srgb, var(--glass-border) 80%, rgba(160, 140, 120, .28) );--glass-panel-shadow: 0 2px 8px rgba(120, 100, 75, .08), 0 1px 2px rgba(120, 100, 75, .06);--now-panel-bg: var(--glass-panel-bg);--now-panel-ink-strong: rgba(32, 42, 58, .2);--now-panel-ink-soft: rgba(32, 42, 58, .06);--now-panel-overlay: linear-gradient( 180deg, var(--now-panel-ink-strong) 0%, var(--now-panel-ink-soft) 45%, transparent 100% );--glass-button-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-button) 80%, rgba(255, 255, 255, .25)) 0%, color-mix(in srgb, var(--accent-progress) 80%, rgba(0, 0, 0, .65)) 100% );--glass-button-border: color-mix( in srgb, var(--accent-border) 70%, rgba(255, 255, 255, .35) );--glass-button-shadow: 0 2px 8px rgba(0, 0, 0, .1);--glass-button-glow: color-mix( in srgb, var(--accent-progress) 70%, rgba(255, 255, 255, .35) );--glass-pill-bg: color-mix( in srgb, var(--glass-bg) 65%, rgba(255, 255, 255, .08) );--glass-pill-border: color-mix( in srgb, var(--glass-border) 65%, rgba(255, 255, 255, .3) );--glass-pill-shadow: 0 2px 6px rgba(0, 0, 0, .08);--text-primary: #3a2618;--text-secondary: #7b5b47;--text-tertiary: #a6856f;--text-ghost: #9a9590;--text-on-accent: rgba( 255, 255, 255, 1 );--sage: #5a9b8d;--teal: #4a9099;--terracotta: var(--coral);--earth: var(--coral);--sky: #8cb7d9;--sunset: #e77d3e;--petal: #c85a65;--amber: #d89a00;--indigo: #4f46e5;--violet: #6d28d9;--rose: #e11d48;--coral: #b8472f;--mint: #6b8e7a;--accent: var(--teal);--accent-rgb: 74, 144, 153;--accent-hover: #5aaab2;--accent-muted: rgba(74, 144, 153, .16);--accent-subtle: rgba(74, 144, 153, .08);--accent-stroke: var(--accent);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient( 135deg, var(--accent-button) 0%, var(--accent-progress) 120% );--accent-badge-fill: var(--accent-badge);--accent-button: var(--teal);--accent-active: var(--sage);--accent-border: var(--sky);--accent-highlight: var(--petal);--accent-link: var(--indigo);--accent-badge: #d96320;--accent-progress: var(--sunset);--accent-icon: var(--violet);--month-card-bg: rgba(250, 247, 240, .68);--month-card-bg-hover: rgba(250, 247, 240, .78);--month-card-past-grey: rgba(160, 145, 120, .12);--month-card-past-grey-hover: rgba(160, 145, 120, .18);--success: #5a9b8d;--success-muted: rgba(90, 155, 141, .12);--warning: var(--sunset);--warning-muted: rgba(244, 162, 97, .12);--danger: var(--coral);--danger-muted: rgba(184, 71, 47, .12);--info: #4a90e2;--info-muted: rgba(74, 144, 226, .12);--cat-career: #4a90e2;--cat-career-muted: rgba(74, 144, 226, .12);--cat-health: #5a9b8d;--cat-health-muted: rgba(90, 155, 141, .12);--cat-finance: var(--amber);--cat-finance-muted: rgba(240, 180, 41, .12);--cat-personal: var(--petal);--cat-personal-muted: rgba(229, 154, 160, .12);--cat-creative: #9f7aea;--cat-creative-muted: rgba(159, 122, 234, .12);--priority-low: var(--text-tertiary);--priority-medium: var(--teal);--priority-high: var(--sunset);--priority-urgent: var(--coral);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--sidebar-width: 288px;--container-modal: 480px;--container-sheet: 560px;--container-narrow: 600px;--container-mid: 720px;--container-mid2: 760px;--container-wide: 980px;--container-lg: 640px;--container-xl: 800px;--container-xwide: 1200px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--radius-organic-1: 60% 40% 55% 45% / 55% 45% 40% 60%;--radius-organic-2: 45% 55% 35% 65% / 40% 60% 55% 45%;--radius-organic-3: 50% 50% 45% 55% / 60% 40% 50% 50%;--radius-organic-seed: 50% 50% 80% 20% / 40% 60% 40% 60%;--radius-organic-leaf: 70% 30% 70% 30% / 30% 70% 30% 70%;--garden-milestone-accent: #f59e0b;--garden-milestone-rgb: 245, 158, 11;--garden-milestone-glow: rgba(245, 158, 11, .2);--garden-focus-accent: #6b8e7a;--garden-focus-rgb: 107, 142, 122;--garden-focus-glow: rgba(107, 142, 122, .12);--garden-intention-accent: #8b5cf6;--garden-intention-rgb: 139, 92, 246;--garden-intention-glow: rgba(139, 92, 246, .12);--garden-breathing-room: clamp(16px, 4vw, 32px);--garden-card-gap: clamp(12px, 3vw, 24px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--shadow-xs: 0 1px 2px rgba(120, 100, 75, .06);--shadow-sm: 0 2px 4px rgba(120, 100, 75, .07), 0 1px 2px rgba(120, 100, 75, .04);--shadow-md: 0 4px 12px rgba(120, 100, 75, .09), 0 2px 4px rgba(120, 100, 75, .05);--shadow-lg: 0 8px 24px rgba(120, 100, 75, .11), 0 4px 8px rgba(120, 100, 75, .06);--shadow-xl: 0 12px 32px rgba(120, 100, 75, .13), 0 6px 12px rgba(120, 100, 75, .07);--shadow-glow: 0 0 20px rgba(111, 155, 134, .12);--shadow-glow-sm: 0 0 10px rgba(111, 155, 134, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, monospace;--font-display: "Lexend", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-display: 2.25rem;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.6;--card-bg: var(--surface-1);--card-border: 1px solid var(--divider);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-sm);--card-padding: var(--space-4);--section-border: 1px solid rgba(94, 84, 68, .12);--section-bg-tint: rgba(94, 84, 68, .025);--focus-ring: 0 0 0 2px var(--accent-muted);--focus-ring-offset: 0 0 0 4px var(--bg-base);--section-gap: var(--space-6);--item-gap: var(--space-3);--input-bg: var(--surface-2);--input-border: 1px solid var(--divider);--input-radius: var(--radius-md);--input-padding: var(--space-3) var(--space-4);--btn-radius: var(--radius-md);--btn-padding: var(--space-3) var(--space-5);--btn-font-weight: 500;--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-transform: transform var(--duration-fast) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-out);--shadow-opacity: .3;--shadow-length: 4px;--shadow-angle: 45deg;--celestial-offset: 0px;--mobile-tab-bar-height: 0px;--mobile-home-stats-height: 0px;--bp-sm: 600px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}:root.dark-mode{--surface-0: #0d1117;--surface-1: #161b22;--surface-2: #1c2128;--divider: rgba(255, 110, 199, .15);--bg-base: #0d1117;--bg-elevated: #161b22;--bg-surface: rgba(22, 27, 34, .82);--bg-hover: rgba(33, 38, 45, .86);--bg-active: rgba(48, 54, 61, .9);--glass-bg: rgba(22, 27, 34, .75);--glass-border: rgba(255, 110, 199, .24);--glass-shine: rgba(255, 150, 220, .14);--accent-button: #ff6ec7;--accent-active: #ff85d4;--accent-border: #ff6ec7;--accent-highlight: #ff6ec7;--accent-link: #58a6ff;--accent-badge: #ff6ec7;--accent-progress: #58a6ff;--accent-icon: #ff6ec7;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient( 135deg, var(--accent-button) 0%, var(--accent-progress) 120% );--accent-badge-fill: var(--accent-badge);--text-primary: rgba(230, 237, 243, .97);--text-secondary: rgba(200, 209, 220, .82);--text-tertiary: rgba(139, 148, 158, .7);--text-ghost: rgba(110, 118, 129, .5);--text-on-accent: rgba(255, 255, 255, .92);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .6);--shadow-md: 0 10px 30px rgba(0, 0, 0, .68);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .75);--shadow-xl: 0 36px 90px rgba(0, 0, 0, .82);--month-card-bg: rgba(17, 30, 45, .3);--month-card-bg-hover: rgba(24, 40, 58, .42);--month-card-past-grey: rgba(120, 140, 160, .12);--month-card-past-grey-hover: rgba(120, 140, 160, .18);--card-bg: var(--glass-bg);--card-border: 1px solid var(--glass-border);--input-bg: var(--bg-surface);--input-border: 1px solid var(--glass-border)}:root.time-dawn:not(.dark-mode){--glass-border: rgba(155, 180, 175, .12);--shadow-glow: 0 0 20px rgba(232, 200, 216, .1);--accent: #a78bfa;--accent-hover: #c084fc;--accent-muted: rgba(167, 139, 250, .16);--accent-subtle: rgba(167, 139, 250, .08);--accent-button: #a78bfa;--accent-active: #c084fc;--accent-border: #d8b4fe;--accent-highlight: #f0abfc;--accent-link: #9333ea;--accent-badge: #ec4899;--accent-progress: #f472b6;--accent-icon: #c084fc;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);--accent-badge-fill: var(--accent-badge)}:root.time-morning:not(.dark-mode){--glass-border: rgba(135, 170, 185, .12);--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-muted: rgba(56, 189, 248, .16);--accent-subtle: rgba(56, 189, 248, .08);--accent-button: #38bdf8;--accent-active: #22d3ee;--accent-border: #7dd3fc;--accent-highlight: #06b6d4;--accent-link: #0ea5e9;--accent-badge: #6b8e7a;--accent-progress: #14b8a6;--accent-icon: #22d3ee;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #38bdf8 0%, #6b8e7a 100%);--accent-badge-fill: var(--accent-badge)}:root.time-afternoon:not(.dark-mode){--glass-border: rgba(74, 144, 226, .1);--accent: #fb7185;--accent-hover: #f43f5e;--accent-muted: rgba(251, 113, 133, .16);--accent-subtle: rgba(251, 113, 133, .08);--accent-button: #fb7185;--accent-active: #fbbf24;--accent-border: #fcd34d;--accent-highlight: #f59e0b;--accent-link: #f43f5e;--accent-badge: #f97316;--accent-progress: #fb923c;--accent-icon: #fbbf24;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient( 135deg, #fb7185 0%, #fbbf24 50%, #fb923c 100% );--accent-badge-fill: var(--accent-badge)}:root.time-evening:not(.dark-mode){--glass-border: rgba(194, 120, 78, .12);--shadow-glow: 0 0 18px rgba(255, 179, 71, .1);--accent: #c084fc;--accent-hover: #a855f7;--accent-muted: rgba(192, 132, 252, .16);--accent-subtle: rgba(192, 132, 252, .08);--accent-button: #c084fc;--accent-active: #ec4899;--accent-border: #e879f9;--accent-highlight: #f472b6;--accent-link: #a855f7;--accent-badge: #ec4899;--accent-progress: #f472b6;--accent-icon: #d946ef;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #c084fc 0%, #ec4899 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.time-dawn{--bg-base: #0e1322;--bg-elevated: #161b2f;--bg-surface: rgba(22, 27, 47, .86);--bg-hover: rgba(30, 36, 58, .88);--bg-active: rgba(38, 46, 72, .9);--glass-bg: rgba(14, 18, 34, .76);--glass-border: rgba(217, 140, 183, .18);--glass-shine: rgba(255, 220, 245, .06);--accent: #c084fc;--accent-hover: #d8b4fe;--accent-muted: rgba(192, 132, 252, .2);--accent-subtle: rgba(192, 132, 252, .1);--accent-button: #c084fc;--accent-active: #d8b4fe;--accent-border: rgba(216, 180, 254, .3);--accent-highlight: #f0abfc;--accent-link: #d8b4fe;--accent-badge: #ec4899;--accent-progress: #f472b6;--accent-icon: #d8b4fe;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #c084fc 0%, #ec4899 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.time-morning{--bg-base: #0b1828;--bg-elevated: #10233a;--bg-surface: rgba(16, 35, 58, .86);--bg-hover: rgba(22, 46, 74, .88);--bg-active: rgba(30, 60, 92, .9);--glass-bg: rgba(11, 24, 40, .76);--glass-border: rgba(140, 183, 217, .18);--glass-shine: rgba(180, 210, 240, .08);--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-muted: rgba(56, 189, 248, .2);--accent-subtle: rgba(56, 189, 248, .1);--accent-button: #38bdf8;--accent-active: #22d3ee;--accent-border: rgba(125, 211, 252, .3);--accent-highlight: #06b6d4;--accent-link: #7dd3fc;--accent-badge: #6b8e7a;--accent-progress: #14b8a6;--accent-icon: #22d3ee;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #38bdf8 0%, #6b8e7a 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.time-afternoon{--bg-base: #081727;--bg-elevated: #0d2238;--bg-surface: rgba(13, 34, 56, .88);--bg-hover: rgba(18, 44, 70, .9);--bg-active: rgba(26, 60, 92, .92);--glass-bg: rgba(9, 20, 36, .78);--glass-border: rgba(140, 183, 217, .2);--glass-shine: rgba(180, 210, 240, .06);--accent: #fb7185;--accent-hover: #fcd34d;--accent-muted: rgba(251, 113, 133, .2);--accent-subtle: rgba(251, 113, 133, .1);--accent-button: #fb7185;--accent-active: #fbbf24;--accent-border: rgba(252, 211, 77, .3);--accent-highlight: #f59e0b;--accent-link: #fcd34d;--accent-badge: #f97316;--accent-progress: #fb923c;--accent-icon: #fbbf24;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient( 135deg, #fb7185 0%, #fbbf24 50%, #fb923c 100% );--accent-badge-fill: var(--accent-badge)}:root.dark-mode.time-evening{--bg-base: #190f0d;--bg-elevated: #241610;--bg-surface: rgba(36, 22, 16, .86);--bg-hover: rgba(48, 30, 22, .88);--bg-active: rgba(62, 40, 28, .9);--glass-bg: rgba(22, 14, 10, .76);--glass-border: rgba(231, 125, 62, .18);--glass-shine: rgba(255, 210, 180, .06);--accent: #c084fc;--accent-hover: #d8b4fe;--accent-muted: rgba(192, 132, 252, .2);--accent-subtle: rgba(192, 132, 252, .1);--accent-button: #c084fc;--accent-active: #ec4899;--accent-border: rgba(216, 180, 254, .3);--accent-highlight: #f472b6;--accent-link: #d8b4fe;--accent-badge: #ec4899;--accent-progress: #f472b6;--accent-icon: #d946ef;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #c084fc 0%, #ec4899 100%);--accent-badge-fill: var(--accent-badge)}:root.time-night:not(.dark-mode){--accent: #1e40af;--accent-hover: #2563eb;--accent-muted: rgba(30, 64, 175, .16);--accent-subtle: rgba(30, 64, 175, .08);--accent-button: #1e40af;--accent-active: #3b82f6;--accent-border: #60a5fa;--accent-highlight: #3b82f6;--accent-link: #2563eb;--accent-badge: #0ea5e9;--accent-progress: #06b6d4;--accent-icon: #3b82f6;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #1e40af 0%, #06b6d4 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.time-night{--accent: #3b82f6;--accent-hover: #60a5fa;--accent-muted: rgba(59, 130, 246, .2);--accent-subtle: rgba(59, 130, 246, .1);--accent-button: #3b82f6;--accent-active: #22d3ee;--accent-border: rgba(96, 165, 250, .3);--accent-highlight: #06b6d4;--accent-link: #60a5fa;--accent-badge: #0ea5e9;--accent-progress: #06b6d4;--accent-icon: #22d3ee;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--accent-badge-fill: var(--accent-badge)}:root{--liquid-section-gap: 24px;--liquid-item-gap: 12px;--liquid-stack-rotation: 2.5deg;--liquid-stack-offset-y: 4px;--liquid-stack-offset-x: 2px;--liquid-glass-blur: 10px;--liquid-glass-bg: rgba(250, 247, 240, .92);--liquid-glass-border: rgba(150, 130, 110, .2);--liquid-glass-shine: rgba(255, 252, 245, .38);--liquid-shimmer-duration: 2s;--liquid-ripple-duration: .6s;--liquid-transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--liquid-transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--font-display-liquid: "Outfit", system-ui, -apple-system, sans-serif;--font-body-liquid: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono-liquid: "Space Mono", "JetBrains Mono", monospace;--shimmer-gradient: linear-gradient( 135deg, transparent 0%, color-mix(in srgb, var(--accent) 10%, transparent) 50%, transparent 100% );--liquid-gradient-primary: linear-gradient( 135deg, #4facfe 0%, #00f2fe 50%, #43e97b 100% );--liquid-accent: #38bdf8;--liquid-glow: rgba(56, 189, 248, .15);--context-vision-color: #a78bfa;--context-milestone-color: #38bdf8;--context-focus-color: #fb923c;--intention-pill-radius: 24px;--intention-pill-padding: 8px 16px;--intention-pill-bg: var(--liquid-glass-bg);--intention-pill-border: 1px solid var(--liquid-glass-border);--task-item-radius: 16px;--task-item-padding: 12px;--task-item-bg: var(--surface-1);--task-item-expanded-bg: var(--surface-2);--panel-width: 520px;--panel-bg: var(--liquid-glass-bg);--panel-backdrop: rgba(0, 0, 0, .6);--lift-offset: -2px;--lift-shadow: var(--shadow-md)}:root.dark-mode{--liquid-glass-blur: 16px;--liquid-glass-bg: rgba(22, 27, 34, .75);--liquid-glass-border: rgba(255, 110, 199, .28);--liquid-glass-shine: rgba(255, 150, 220, .12);--intention-pill-bg: var(--liquid-glass-bg);--intention-pill-border: 1px solid var(--liquid-glass-border);--task-item-bg: var(--surface-1);--task-item-expanded-bg: var(--surface-2);--panel-bg: rgba(22, 27, 34, .88);--panel-backdrop: rgba(0, 0, 0, .85);--glass-panel-bg: color-mix( in srgb, rgba(22, 27, 34, .88), rgba(255, 110, 199, .05) );--glass-panel-border: rgba(255, 110, 199, .26);--glass-panel-shadow: 0 12px 30px rgba(0, 0, 0, .7);--glass-button-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-button) 70%, rgba(255, 150, 220, .15)) 0%, color-mix(in srgb, var(--accent-progress) 75%, rgba(0, 0, 0, .85)) 100% );--glass-button-border: rgba(255, 110, 199, .32);--glass-button-shadow: 0 14px 32px rgba(0, 0, 0, .65);--glass-button-glow: color-mix( in srgb, var(--accent-progress) 70%, rgba(255, 150, 220, .25) );--glass-pill-bg: rgba(22, 27, 34, .7);--glass-pill-border: rgba(255, 110, 199, .22);--glass-pill-shadow: 0 10px 24px rgba(0, 0, 0, .55)}@media(max-width:600px){:root{--celestial-offset: env(safe-area-inset-top, 0px);--mobile-space-5: 24px;--mobile-space-6: 32px;--mobile-space-8: 40px;--mobile-tab-bar-height: calc(68px + env(safe-area-inset-bottom, 0px)) ;--mobile-home-stats-height: 110px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body{font-family:var(--font-sans);background:transparent;color:var(--text-primary);line-height:1.5;min-height:100%;min-height:100dvh;overflow-x:hidden;position:relative;transition:background-color var(--duration-normal) var(--ease-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.bg-canvas:before{content:"";position:absolute;inset:-35%;pointer-events:none;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.7) 0 1.5px,transparent 3px),radial-gradient(circle at 65% 30%,rgba(74,144,226,.4) 0 1.2px,transparent 2.5px),radial-gradient(circle at 85% 60%,rgba(90,155,141,.35) 0 1px,transparent 2px),radial-gradient(circle at 35% 70%,rgba(240,180,41,.4) 0 1.5px,transparent 3px),radial-gradient(circle at 55% 90%,rgba(255,255,255,.5) 0 1.2px,transparent 2.5px);background-size:350px 350px,420px 420px,380px 380px,320px 320px,400px 400px;opacity:.25;filter:blur(1.2px);animation:pollen-drift 40s linear infinite;mix-blend-mode:overlay}.dark-mode .bg-canvas:before{display:none}.bg-canvas:after{content:"";position:absolute;inset:-10%;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 15% 18%,rgba(45,42,38,.08) 0 1px,transparent 2px),radial-gradient(circle at 62% 36%,rgba(115,158,130,.06) 0 1px,transparent 2px),radial-gradient(circle at 82% 72%,rgba(107,168,169,.05) 0 1px,transparent 2px),radial-gradient(circle at 22% 78%,rgba(192,108,82,.06) 0 1px,transparent 2px),repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.01) 0 1px,transparent 1px 5px);background-size:300px 300px,340px 340px,380px 380px,320px 320px,200px 200px,240px 240px;mix-blend-mode:multiply;filter:contrast(1.1) brightness(1.05);animation:grain-shift 12s steps(4,end) infinite}.dark-mode .bg-canvas:after{opacity:.38;background-image:radial-gradient(circle at 10% 18%,rgba(255,255,255,.72) 0 1px,transparent 3px),radial-gradient(circle at 28% 62%,rgba(255,255,255,.54) 0 1px,transparent 3px),radial-gradient(circle at 55% 22%,rgba(255,255,255,.6) 0 1px,transparent 3px),radial-gradient(circle at 78% 48%,rgba(255,255,255,.48) 0 1px,transparent 3px),radial-gradient(circle at 42% 85%,rgba(255,255,255,.66) 0 1px,transparent 3px),radial-gradient(circle at 92% 78%,rgba(255,255,255,.42) 0 1px,transparent 3px);background-size:300px 300px,340px 340px,380px 380px,320px 320px,360px 360px,280px 280px;mix-blend-mode:screen;filter:blur(.5px);animation:pollen-drift 60s linear infinite reverse}.dark-mode .fireflies-layer{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.65) 0 1px,transparent 3px),radial-gradient(circle at 45% 55%,rgba(255,255,255,.55) 0 1px,transparent 3px),radial-gradient(circle at 25% 75%,rgba(255,255,255,.6) 0 1px,transparent 3px),radial-gradient(circle at 72% 78%,rgba(255,255,255,.58) 0 1px,transparent 3px),radial-gradient(circle at 88% 40%,rgba(255,255,255,.5) 0 1px,transparent 3px);background-size:220px 220px,260px 260px,240px 240px,280px 280px,300px 300px;filter:blur(.25px);animation:firefly-twinkle 7s ease-in-out infinite}@keyframes grain-shift{0%{transform:translateZ(0)}25%{transform:translate3d(-.6%,.4%,0)}50%{transform:translate3d(.4%,-.6%,0)}75%{transform:translate3d(.6%,.2%,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.bg-canvas:after{animation:none}}@keyframes pollen-drift{0%{transform:translate3d(-1%,-2%,0)}50%{transform:translate3d(2%,1%,0)}to{transform:translate3d(-1%,-2%,0)}}@keyframes firefly-twinkle{0%{opacity:.4;transform:translateZ(0)}50%{opacity:1;transform:translate3d(.2%,-.3%,0)}to{opacity:.4;transform:translate3d(-.3%,.4%,0)}}@keyframes star-twinkling{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}:root.dark-mode.time-night{--bg-base: #0A1A2E;--bg-elevated: #16213E;--bg-surface: rgba(22, 33, 62, .85);--bg-hover: rgba(30, 45, 75, .85);--bg-active: rgba(40, 55, 85, .85);--glass-bg: rgba(16, 26, 50, .75);--glass-border: rgba(140, 180, 220, .25);--glass-shine: rgba(180, 210, 240, .1);--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-tertiary: #A8B8C8;--text-ghost: #8A9AA8;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .6);--shadow-md: 0 10px 30px rgba(0, 0, 0, .7);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .75);--shadow-xl: 0 36px 90px rgba(0, 0, 0, .8);--shadow-glow: 0 0 28px rgba(240, 180, 65, .22);--shadow-glow-sm: 0 0 14px rgba(240, 180, 65, .16);--shadow-glow-blue: 0 0 24px rgba(140, 180, 220, .18);--teal: #6BA3B5;--sage: #6B8E7A;--sunset: #D68A52;--petal: #B88A8F;--amber: #E5A963;--terracotta: var(--sunset);--earth: var(--sunset);--sky: #8CB4D9;--blue-flower: #7BA8D4;--accent: var(--amber);--accent-hover: #E5B888;--accent-muted: rgba(212, 165, 116, .18);--accent-subtle: rgba(212, 165, 116, .09);--month-card-bg: rgba(22, 33, 62, .35);--month-card-bg-hover: rgba(30, 45, 75, .5);--month-card-past-grey: rgba(100, 100, 120, .15);--month-card-past-grey-hover: rgba(100, 100, 120, .2)}body.hide-affirmation .sidebar-section[data-section=affirmation],body.hide-affirmation .affirmation-panel,body.hide-whats-next .sidebar-section[data-section=upcoming],body.hide-whats-next .whats-next,body.hide-achievements .sidebar-section[data-section=achievements],body.hide-achievements .achievements-panel{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--text-tertiary: var(--text-primary);--text-ghost: var(--text-secondary);--glass-border: var(--text-secondary)}:root.dark-mode.time-night{--text-tertiary: var(--text-primary);--text-ghost: var(--text-secondary)}input,textarea,select,.goal-checkbox,.category-filter,button{border-width:2px!important}}::selection{background:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--bg-active);background-clip:content-box}.garden-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg-base);transition:background 2s ease-out}.garden-sky{position:absolute;inset:0;background:var(--garden-sky-gradient);transition:background 1s ease-out}:root{--garden-sky-gradient: linear-gradient( 180deg, #293449 0%, #39445c 40%, #46526a 70%, #f1e4d4 100% )}:root.time-dawn:not(.dark-mode) .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #c8d5de 0%, #ddd4d8 40%, var(--surface-0) 100%);background:var(--garden-sky-gradient)}:root.dark-mode.time-dawn .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #B8D4E8 0%, #E8C8D8 50%, #F0E8D8 100%);background:var(--garden-sky-gradient)}:root.time-morning:not(.dark-mode) .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #a8c8d8 0%, #c5d8dc 40%, var(--surface-0) 100%);background:var(--garden-sky-gradient)}:root.dark-mode.time-morning .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #87CEEB 0%, #B0E0E6 50%, #E8F4F8 100%);background:var(--garden-sky-gradient)}:root.time-afternoon:not(.dark-mode) .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #8fafc8 0%, #b5c8d5 40%, var(--surface-0) 100%);background:var(--garden-sky-gradient)}:root.dark-mode.time-afternoon .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #4A90E2 0%, #87CEEB 50%, #E8F4F8 100%);background:var(--garden-sky-gradient)}:root.time-evening:not(.dark-mode) .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #e8f1ff 0%, #dde7ff 30%, #e7dcff 60%, #f5e3ff 85%, #fde7f3 100%);background:var(--garden-sky-gradient)}:root.dark-mode.time-evening .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #050815 0%, #090f22 35%, #111a35 70%, #1a1730 100%);background:var(--garden-sky-gradient)}:root.time-night .garden-sky{--garden-sky-gradient: linear-gradient(to bottom, #0A1A2E 0%, #16213E 40%, #1A2332 100%);background:var(--garden-sky-gradient)}.garden-backdrop{position:absolute;inset:0;background-position:center bottom;background-size:cover;background-repeat:no-repeat;opacity:.15;transition:opacity 2s ease-out,transform .3s ease-out}.garden-midground{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,var(--accent) 0%,transparent 100%);opacity:.08;transition:opacity 2s ease-out}@media(prefers-reduced-motion:reduce){.garden-background,.garden-sky,.garden-backdrop,.garden-midground{transition:none!important}}.garden-effects{display:none}.garden-effects-overlay{position:fixed;inset:0;pointer-events:none;z-index:2000;width:100vw;height:100vh}.celestial-container{position:fixed;top:0;left:0;right:0;height:200px;pointer-events:none;overflow:hidden;z-index:110}.sun,.moon{position:absolute;font-size:40px;filter:drop-shadow(0 0 20px currentColor);transition:all 1s cubic-bezier(.4,0,.2,1);opacity:0;will-change:transform,opacity}@media(max-width:600px){.sun,.moon{font-size:36px;opacity:.85}}.sun{color:gold;text-shadow:0 0 30px rgba(255,215,0,.8)}.moon{color:#f0f0f0;text-shadow:0 0 30px rgba(240,240,240,.6)}:root.time-dawn .sun,:root.time-morning .sun,:root.time-afternoon .sun,:root.time-evening .sun{opacity:1}:root.time-night .moon{opacity:1}:root.time-night .garden-sky:after{content:"";position:absolute;inset:0;opacity:.98;background-image:radial-gradient(circle at 12% 15%,rgba(255,255,255,1) 0 1.5px,transparent 3px),radial-gradient(circle at 35% 65%,rgba(255,255,255,.9) 0 1px,transparent 2.5px),radial-gradient(circle at 58% 25%,rgba(220,235,255,1) 0 1.8px,transparent 3.5px),radial-gradient(circle at 75% 82%,rgba(255,255,255,.85) 0 1.2px,transparent 2.8px),radial-gradient(circle at 20% 40%,rgba(255,255,255,1) 0 1.4px,transparent 3px),radial-gradient(circle at 85% 20%,rgba(255,255,255,1) 0 1.6px,transparent 3.5px),radial-gradient(circle at 15% 85%,rgba(255,225,120,.95) 0 2.5px,transparent 5px),radial-gradient(circle at 48% 92%,rgba(255,225,120,.8) 0 2px,transparent 4.5px);background-size:300px 300px,350px 350px,400px 400px,320px 320px,450px 450px,380px 380px,500px 500px,420px 420px;filter:brightness(1.2) contrast(1.2);animation:star-twinkling 12s ease-in-out infinite}.bg-canvas,.bg-gradient,.grid-pattern{display:none}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main";height:100vh;height:100dvh;gap:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-right:calc(var(--space-4) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--space-4) + env(safe-area-inset-left,0px))}.header{--header-height: var(--space-16);grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:transparent;border-bottom:1px solid var(--glass-border);border-radius:var(--radius-xl);position:relative;z-index:400;min-height:var(--header-height)}.mobile-header,.header-mobile-nav{display:none}:root:not(.dark-mode) .header{background:radial-gradient(1100px 250px at 12% -30%,rgba(74,144,226,.26) 0%,transparent 75%),radial-gradient(900px 300px at 55% -40%,rgba(90,155,141,.22) 0%,transparent 70%),radial-gradient(800px 200px at 95% 0%,rgba(240,180,41,.18) 0%,transparent 60%),var(--glass-bg);border:1px solid var(--divider);box-shadow:0 16px 48px #4a90e21a,var(--shadow-sm);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}.dark-mode .header{background:radial-gradient(1100px 250px at 12% -30%,rgba(140,183,217,.22) 0%,transparent 75%),radial-gradient(900px 300px at 55% -40%,rgba(164,185,217,.18) 0%,transparent 70%),radial-gradient(800px 200px at 95% 0%,rgba(107,168,169,.15) 0%,transparent 60%),#0a1612d9;border:1px solid rgba(140,183,217,.18);border-bottom-color:#8cb7d926;box-shadow:0 16px 48px #0000004d,0 4px 12px #0003;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.header:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--glass-shine) 0%,transparent 50%);pointer-events:none}:root:not(.dark-mode) .header:before{background:linear-gradient(135deg,rgba(250,252,251,.55) 0%,transparent 55%);opacity:.45}.dark-mode .header:before{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 55%);opacity:.35}:root.time-dawn:not(.dark-mode) .header,:root.time-morning:not(.dark-mode) .header,:root.time-afternoon:not(.dark-mode) .header,:root.time-evening:not(.dark-mode) .header{background:radial-gradient(1100px 250px at 12% -30%,rgba(74,144,226,.18) 0%,transparent 75%),radial-gradient(900px 300px at 55% -40%,rgba(90,155,141,.16) 0%,transparent 70%),radial-gradient(800px 200px at 95% 0%,rgba(240,180,41,.12) 0%,transparent 60%),var(--glass-bg);border:1px solid var(--divider);box-shadow:0 8px 32px #1a2b2f14}:root.time-dawn:not(.dark-mode) .header:before,:root.time-morning:not(.dark-mode) .header:before,:root.time-afternoon:not(.dark-mode) .header:before,:root.time-evening:not(.dark-mode) .header:before{background:linear-gradient(135deg,rgba(250,252,251,.4) 0%,transparent 55%);opacity:.35}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 12px rgba(74,144,226,.4)) drop-shadow(0 4px 6px rgba(90,155,141,.3));transition:transform var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:20px;height:20px;color:currentColor;stroke:currentColor}.logo:hover .logo-icon{transform:rotate(-8deg) scale(1.1)}.logo-text{font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;font-family:var(--font-display);background:linear-gradient(135deg,var(--teal) 0%,var(--sage) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(74,144,226,.08))}:root:not(.dark-mode) .logo-text{background:linear-gradient(110deg,#4a90e2 0% 30%,#5a9b8d 80%,#f0b429 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all var(--duration-normal) var(--ease-out)}.logo:hover .logo-text{filter:drop-shadow(0 4px 12px rgba(74,144,226,.15));letter-spacing:-.02em}.dark-mode .logo-text{background:linear-gradient(110deg,#e2e8f0 0% 40%,#94a3b8 70%,#64748b 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,255,255,.15))}.dark-mode .logo-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.25)) drop-shadow(0 0 5px rgba(164,185,217,.4))}:root.time-dawn .logo-text{background:linear-gradient(110deg,#b8a5d4,#d4a5b8,#e8c8b8 70%,#f0d8c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(184,165,212,.25))}:root.time-dawn .logo-icon{filter:drop-shadow(0 0 12px rgba(232,200,216,.5)) drop-shadow(0 4px 6px rgba(184,165,212,.3))}:root.time-morning .logo-text{background:linear-gradient(110deg,#5ba3d0,#6cb8d0,#7dcec0 70%,#98d8c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(91,163,208,.25))}:root.time-morning .logo-icon{filter:drop-shadow(0 0 12px rgba(108,184,208,.5)) drop-shadow(0 4px 6px rgba(125,206,192,.3))}:root.time-afternoon .logo-text{background:linear-gradient(110deg,#4a90e2 0% 30%,#5a9b8d 80%,#f0b429 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(74,144,226,.2))}:root.time-afternoon .logo-icon{filter:drop-shadow(0 0 12px rgba(74,144,226,.4)) drop-shadow(0 4px 6px rgba(90,155,141,.3))}:root.time-evening .logo-text{background:linear-gradient(110deg,#e87040,#f09050,#f5a860 70%,#f0c070);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(232,112,64,.3))}:root.time-evening .logo-icon{filter:drop-shadow(0 0 12px rgba(240,144,80,.5)) drop-shadow(0 4px 6px rgba(245,168,96,.4))}:root.time-night .logo-text{background:linear-gradient(110deg,#e2e8f0 0% 40%,#94a3b8 70%,#64748b 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,255,255,.15))}:root.time-night .logo-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.25)) drop-shadow(0 0 5px rgba(164,185,217,.4))}.profile-section{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;background:var(--bg-base);border-radius:var(--radius-md);margin:var(--space-1);border:1px solid var(--glass-border)}.sync-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--accent-subtle);border-radius:var(--radius-full)}.sync-status.offline{background:var(--accent-muted);color:var(--text-secondary)}.sync-status.error{background:var(--warning-muted)}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:28px;height:28px;background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.garden-bloom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:#f2f0ec8c;border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);text-align:center}.dark-mode .garden-bloom{background:#111e2da6}.flower-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.flower-svg{width:100%;height:100%;overflow:visible}.flower-stem{stroke-linecap:round;transition:d var(--duration-slow) var(--ease-in-out)}.flower-petals{transition:transform var(--duration-slow) var(--ease-in-out);transform-origin:50% 60%}.petal{transform-origin:50% 60%;transition:transform var(--duration-slow) var(--ease-in-out),opacity var(--duration-slow);opacity:.8}.flower-center{transition:r var(--duration-slow) var(--ease-in-out)}.bloom-stats{display:flex;flex-direction:column;gap:var(--space-1)}.bloom-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.bloom-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}@media(max-width:600px),(max-width:900px)and (max-height:500px)and (pointer:coarse){.garden-bloom{gap:var(--mobile-space-5);padding:var(--mobile-space-8);margin-bottom:var(--mobile-space-8)}.flower-container{width:140px;height:140px}.bloom-label{font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}.bloom-value{font-size:var(--text-2xl);font-weight:800}}@media(max-width:768px){.mobile-header,.header.mobile-header,#mobileHeader,header.mobile-header{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important;position:absolute!important;top:-9999px!important;opacity:0!important;pointer-events:none!important}.mobile-header:before,.header.mobile-header:before{display:none!important;content:none!important;background:none!important}.mobile-header .logo-text{display:none}}@keyframes petal-glow{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.garden-bloom.full-bloom .petal{opacity:1;animation:petal-glow 2s infinite alternate;will-change:transform,opacity}.pollen-sparkle{position:fixed;pointer-events:none;width:6px;height:6px;border-radius:50%;z-index:9999}@keyframes pollen-drift{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.garden-capacity-warning{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--warning-muted);border:1px solid var(--warning);border-radius:var(--radius-lg);margin:var(--space-6) 0;color:var(--text-primary)}.warning-icon{font-size:var(--text-2xl);flex-shrink:0}.warning-text{display:flex;flex-direction:column;gap:2px}.warning-text strong{font-size:var(--text-sm);color:var(--warning)}.warning-text span{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.streak-display{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:background var(--duration-fast)}.streak-display:hover{background:var(--warning-muted)}.streak-fire{font-size:1rem;line-height:1}.streak-icon{display:none;width:16px;height:16px;background:var(--warning);border-radius:50%;position:relative}.streak-icon:before{content:"▲";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:var(--bg-base)}body.reduce-emojis .streak-fire{display:none}body.reduce-emojis .streak-icon{display:block}.streak-count{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.streak-display:hover .streak-count{color:var(--warning)}.streak-label{color:var(--text-tertiary);font-weight:400}.help-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-tertiary);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:var(--space-2);transition:all var(--duration-fast);padding:0}.help-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.year-progress{width:100%;margin:var(--space-4) 0}.year-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.year-progress-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.year-progress-value{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.year-progress-bar{height:4px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.year-progress-fill{height:100%;background:var(--accent-fill);border-radius:inherit;transition:width var(--duration-slow) var(--ease-out)}[hidden]{display:none!important}button,.button{font-family:var(--font-sans);font-weight:500;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1.25rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:var(--bg-surface);color:var(--text-primary);font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.25;white-space:nowrap;position:relative;overflow:hidden;box-shadow:none;touch-action:manipulation}button:not(:disabled):hover,.button:not(:disabled):hover{background:var(--bg-hover);border-color:#6ba8a959;box-shadow:var(--shadow-xs)}button.primary,.button.primary{background:var(--accent);color:var(--bg-base);font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;padding:.75rem 1.5rem;box-shadow:0 4px 14px -2px #00c1a740}button.primary:hover,.button.primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px -1px #00c1a74d}.input-group{position:relative;margin-bottom:var(--space-4)}.input-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-surface);border:1px solid var(--text-secondary);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);width:100%;transition:all var(--duration-normal) var(--ease-out);line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);background:var(--bg-elevated)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-out);border:1px solid var(--glass-border);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.7;transition:opacity var(--duration-normal) var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-muted)}.card:hover:before{opacity:1}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-mobile-nav{display:none;flex:1;justify-content:center;min-width:0}.header-more{position:relative}.header-more-toggle{font-size:1.25rem;line-height:1}.header-more-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:min(420px,calc(100vw - var(--space-6)));background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:2200}.header-more-section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1)}.goal-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.35rem}.goal-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;line-height:1.2;background:color-mix(in srgb,var(--bg-surface) 90%,transparent);border:1px solid var(--divider);color:var(--text-primary);opacity:.95;white-space:nowrap}.goal-chip-emoji{font-size:.85rem}.goal-chip-label{font-size:.72rem;font-weight:500;letter-spacing:.01em}.goal-chip-compact{padding:.15rem .45rem;font-size:.9rem;justify-content:center}.header-more-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:var(--space-3);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:left;color:var(--text-primary);box-shadow:none}.header-more-item:hover{background:var(--bg-hover)}.header-more-divider{height:1px;background:var(--glass-border);margin:var(--space-1) 0}.header-more-dropdown .streak-display{width:100%;justify-content:space-between;background:#18181b59}.cosmic-card{--cosmic-color: var(--accent);--cosmic-ink: var(--text-primary);--cosmic-surface-top: color-mix( in srgb, var(--glass-bg) 82%, var(--cosmic-color) 18% );--cosmic-surface-bottom: color-mix( in srgb, var(--glass-bg) 92%, var(--cosmic-color) 8% );--cosmic-inner-stroke: color-mix(in srgb, var(--cosmic-ink) 12%, transparent);--cosmic-glow-a: color-mix(in srgb, var(--cosmic-color) 42%, transparent);--cosmic-glow-b: color-mix(in srgb, var(--cosmic-color) 34%, transparent);--cosmic-glow-c: color-mix(in srgb, var(--cosmic-color) 28%, transparent);--cosmic-stars-opacity: .22;--cosmic-stars-blend: screen;position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--divider);background:var(--surface-1);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.cosmic-card:before{display:none}.cosmic-card:after{display:none}.cosmic-card>*{position:relative;z-index:1}.cosmic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--cosmic-color)}.cosmic-card--vision{--cosmic-color: var(--level-vision, #8b5cf6);--cosmic-border-gradient: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 120%)}.cosmic-card--milestone{--cosmic-color: var(--level-milestone, #3b82f6);--cosmic-border-gradient: linear-gradient(135deg, #3b82f6 0%, #60a5fa 120%)}.cosmic-card--focus{--cosmic-color: var(--level-focus, #f59e0b);--cosmic-border-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 120%)}.cosmic-card--intention{--cosmic-color: var(--level-intention, #10b981);--cosmic-border-gradient: linear-gradient(135deg, #10b981 0%, #6ee7b7 120%)}.cosmic-card[data-link-accent="1"]{--cosmic-color: var(--link-accent, var(--cosmic-color));--cosmic-border-gradient: var( --link-accent-gradient, linear-gradient( 135deg, color-mix(in srgb, var(--link-accent, var(--cosmic-color)) 92%, white 8%) 0%, color-mix(in srgb, var(--link-accent, var(--cosmic-color)) 62%, white 38%) 120% ) )}.cosmic-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3, 12px);position:relative;z-index:1}.cosmic-card-label{display:inline-flex;align-items:center;gap:var(--space-2, 8px);font-family:var( --font-display, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );font-size:var(--text-xl, 1.25rem);font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--cosmic-ink) 86%,transparent)}.cosmic-card-emoji{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cosmic-card-label-text{line-height:1}.cosmic-card-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 12px;border-radius:var(--radius-full, 9999px);background:color-mix(in srgb,var(--cosmic-ink) 10%,transparent);border:1px solid color-mix(in srgb,var(--cosmic-ink) 16%,transparent);color:color-mix(in srgb,var(--cosmic-ink) 82%,transparent);font-size:var(--text-sm, .875rem);font-weight:700}.cosmic-card-content{position:relative;z-index:1}.cosmic-goal-list{display:flex;flex-direction:column;gap:var(--space-2, 8px);position:relative;z-index:1}.cosmic-goal-item{width:100%;text-align:left;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-md, 12px);border:1px solid color-mix(in srgb,var(--cosmic-ink) 12%,transparent);background:color-mix(in srgb,var(--cosmic-ink) 4%,transparent);color:var(--cosmic-ink);font-size:var(--text-base, 1rem);font-weight:500;cursor:pointer;transition:all .2s ease;display:block}.cosmic-goal-item:hover{background:color-mix(in srgb,var(--cosmic-ink) 8%,transparent);border-color:color-mix(in srgb,var(--cosmic-color) 40%,transparent);transform:translate(4px)}.cosmic-goal-item:active{transform:translate(2px) scale(.99)}.cosmic-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-5, 20px) var(--space-4, 16px);position:relative;z-index:1}.cosmic-empty-icon{font-size:4rem;margin-bottom:var(--space-4, 16px);opacity:.4;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.cosmic-empty-message{font-size:var(--text-base, 1rem);color:var(--text-secondary);margin-bottom:var(--space-6, 24px);line-height:1.6;max-width:300px}.cosmic-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--cosmic-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.cosmic-add-btn:hover{background:color-mix(in srgb,var(--cosmic-color) 90%,white);transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--cosmic-color) 50%,transparent)}.cosmic-add-btn:active{transform:scale(.98)}.cosmic-add-icon{font-size:1.25rem;font-weight:700;line-height:1}html.dark-mode .cosmic-card{--cosmic-stars-opacity: .32}html.dark-mode .cosmic-card:before{opacity:1.1}@media(max-width:900px){.cosmic-card{padding:var(--space-5, 20px)}.cosmic-card:before{opacity:.6}.cosmic-card:after{opacity:calc(var(--cosmic-stars-opacity) * .6)}.cosmic-card-label{font-size:var(--text-lg, 1.125rem)}}.cosmic-card--mini{padding:8px 10px 9px;border-radius:16px;min-height:unset;cursor:pointer}.cosmic-card--mini:after{opacity:calc(var(--cosmic-stars-opacity) * .7)}.cosmic-card-header--mini{margin-bottom:6px}.cosmic-card-label--mini{font-size:.78rem;letter-spacing:.08em;justify-content:center;width:100%}.cosmic-card-label--mini .cosmic-card-emoji{display:none}.cosmic-card-content--mini{margin-top:0}.cosmic-card-title{font-size:1.05rem;font-weight:600;font-style:italic;color:var(--cosmic-ink);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cosmic-card--mini:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--cosmic-inner-stroke) inset,var(--shadow-lg),0 0 22px var(--cosmic-glow-b),0 0 30px var(--cosmic-glow-a),0 0 18px var(--cosmic-glow-c)}.cosmic-card--mini:focus-visible{outline:3px solid color-mix(in srgb,var(--cosmic-color) 70%,transparent);outline-offset:4px}.context-goals--mini{display:flex;align-items:center;gap:var(--space-2, 8px)}.context-more{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:var(--radius-full, 9999px);background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text-secondary);font-size:var(--text-sm, .875rem);font-weight:600}.cosmic-card--mini+.context-more{background:color-mix(in srgb,var(--cosmic-color) 20%,transparent);color:var(--cosmic-ink)}@media(prefers-reduced-motion:reduce){.cosmic-card,.cosmic-card:hover,.cosmic-goal-item,.cosmic-add-btn{transition:none;transform:none!important}.cosmic-card:before,.cosmic-card:after{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);touch-action:manipulation;font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.4;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn-primary{position:relative;overflow:hidden;background:var(--accent-fill-gradient);color:var(--text-on-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:disabled{cursor:not-allowed;opacity:.8;box-shadow:none}.btn-primary[data-loading=true]{cursor:progress;pointer-events:none}.btn-primary[data-loading=true]:after{content:"";position:absolute;right:var(--space-4);top:50%;width:var(--space-4);height:var(--space-4);border:2px solid rgba(255,255,255,.45);border-top-color:#fffffff2;border-radius:50%;transform:translateY(-50%);animation:button-spinner .8s linear infinite}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover);border-color:#ffffff1a}.btn:focus-visible,.nav-btn:focus-visible,.zoom-btn:focus-visible,.filter-trigger:focus-visible,.toggle-switch:focus-visible,.pick-btn:focus-visible,.category-filter:focus-visible{outline:3px solid var(--accent-highlight);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--accent-highlight);outline-offset:2px}.btn-success{background:var(--success-muted);color:var(--success)}.btn-success:hover{background:#4ade8033}.btn-danger{background:var(--danger-muted);color:var(--danger)}.btn-danger:hover{background:#f8717133}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{width:var(--space-8);height:var(--space-8);padding:0;border-radius:var(--radius-md)}@keyframes button-spinner{to{transform:translateY(-50%) rotate(360deg)}}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;min-height:0;padding-right:var(--space-2);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:transparent}.sidebar-section{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);overflow:hidden}.section-toggle{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast);text-align:left}.section-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.section-toggle:focus{outline:2px solid var(--accent);outline-offset:-2px}.section-toggle-icon{font-size:.75rem;transition:transform var(--duration-normal) var(--ease-out);display:inline-block}.section-toggle[aria-expanded=false] .section-toggle-icon{transform:rotate(-90deg)}.section-toggle[aria-expanded=false]{border-bottom:none}.section-content{max-height:1000px;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}.section-toggle[aria-expanded=false]+.section-content{max-height:0}.sidebar-section .affirmation-panel,.sidebar-section .whats-next,.sidebar-section .achievements-panel{background:transparent;border:none;border-radius:0}.now-panel{padding:var(--space-5);background:radial-gradient(800px 240px at 50% 0%,rgba(140,183,217,.16) 0%,transparent 62%),radial-gradient(760px 320px at 15% 110%,rgba(111,155,134,.14) 0%,transparent 62%),var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:visible;box-shadow:var(--shadow-sm);flex-shrink:0;min-height:fit-content}.dark-mode .now-panel{background:radial-gradient(800px 240px at 50% 0%,rgba(140,183,217,.16) 0%,transparent 60%),#0a16129e;border:1px solid rgba(140,183,217,.14)}.now-panel:before{display:none}.now-panel>*{position:relative;z-index:1}.now-panel-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.now-panel-logo .logo-icon{font-size:1.25rem;line-height:1;filter:drop-shadow(0 0 12px rgba(74,144,226,.4)) drop-shadow(0 4px 6px rgba(90,155,141,.3))}.now-panel-logo .logo-text{font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;font-family:var(--font-display);background:linear-gradient(135deg,var(--teal) 0%,var(--sage) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(74,144,226,.08))}:root:not(.dark-mode) .now-panel-logo .logo-text{background:linear-gradient(110deg,#4a90e2 0% 30%,#5a9b8d 80%,#f0b429 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .now-panel-logo .logo-text{background:linear-gradient(110deg,#e2e8f0 0% 40%,#94a3b8 70%,#64748b 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,255,255,.15))}.dark-mode .now-panel-logo .logo-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.25)) drop-shadow(0 0 5px rgba(164,185,217,.4))}:root.time-dawn .now-panel-logo .logo-text{background:linear-gradient(110deg,#b8a5d4,#d4a5b8,#e8c8b8 70%,#f0d8c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(184,165,212,.25))}:root.time-dawn .now-panel-logo .logo-icon{filter:drop-shadow(0 0 12px rgba(232,200,216,.5)) drop-shadow(0 4px 6px rgba(184,165,212,.3))}:root.time-morning .now-panel-logo .logo-text{background:linear-gradient(110deg,#5ba3d0,#6cb8d0,#7dcec0 70%,#98d8c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(91,163,208,.25))}:root.time-morning .now-panel-logo .logo-icon{filter:drop-shadow(0 0 12px rgba(108,184,208,.5)) drop-shadow(0 4px 6px rgba(125,206,192,.3))}:root.time-afternoon .now-panel-logo .logo-text{background:linear-gradient(110deg,#4a90e2 0% 30%,#5a9b8d 80%,#f0b429 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(74,144,226,.2))}:root.time-afternoon .now-panel-logo .logo-icon{filter:drop-shadow(0 0 12px rgba(74,144,226,.4)) drop-shadow(0 4px 6px rgba(90,155,141,.3))}:root.time-evening .now-panel-logo .logo-text{background:linear-gradient(110deg,#e87040,#f09050,#f5a860 70%,#f0c070);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(232,112,64,.3))}:root.time-evening .now-panel-logo .logo-icon{filter:drop-shadow(0 0 12px rgba(240,144,80,.5)) drop-shadow(0 4px 6px rgba(245,168,96,.4))}:root.time-night .now-panel-logo .logo-text{background:linear-gradient(110deg,#e2e8f0 0% 40%,#94a3b8 70%,#64748b 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,255,255,.15))}:root.time-night .now-panel-logo .logo-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.25)) drop-shadow(0 0 5px rgba(164,185,217,.4))}.now-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;opacity:.9;margin-bottom:var(--space-3)}.now-date{font-size:var(--text-2xl);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:var(--space-4);background:linear-gradient(90deg,var(--text-primary) 0%,var(--text-primary) 70%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.now-context{font-size:var(--text-sm);line-height:1.2;opacity:.9;margin-bottom:0}@media(max-width:600px),(max-width:900px)and (max-height:500px)and (pointer:coarse){.now-panel{padding:var(--space-4) var(--space-3)!important}.now-panel-logo{margin-bottom:var(--space-3)!important;padding-bottom:0!important}.now-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;opacity:1;color:var(--text-secondary);margin-bottom:var(--space-2)!important}.now-date{font-size:var(--text-xl)!important;margin-bottom:var(--space-3)!important}.garden-bloom{margin:var(--space-2) 0!important;transform:scale(.85)}.time-stats{margin:var(--space-2) 0!important;gap:var(--space-3)!important}.time-stat{padding:var(--space-1)!important}.time-garden-plot{margin-top:var(--space-2)!important}.plot-label{font-size:var(--text-xs)!important;margin-bottom:var(--space-1)!important}.now-timeline-widget{margin-top:var(--space-3)!important;margin-bottom:var(--space-3)!important}.now-timeline-bar{height:8px}.now-timeline-marker{width:12px;height:12px}.now-timeline-label{font-size:10px}}.now-timeline-widget{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);margin-bottom:var(--space-4)}.now-timeline-bar{height:10px;background:var(--surface-2);border-radius:var(--radius-full);overflow:visible;position:relative}.now-timeline-fill{height:100%;background:linear-gradient(90deg,#ff9a9e,#fad0c4 99%);border-radius:var(--radius-full);transition:width .5s ease}.now-timeline-bar[data-time-of-day=morning] .now-timeline-fill{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.now-timeline-bar[data-time-of-day=afternoon] .now-timeline-fill{background:linear-gradient(90deg,#f6d365,#fda085)}.now-timeline-bar[data-time-of-day=evening] .now-timeline-fill{background:linear-gradient(90deg,#a18cd1,#fbc2eb)}.now-timeline-bar:not([data-time-of-day]) .now-timeline-fill{background:linear-gradient(90deg,var(--accent) 0%,var(--sage) 100%)}.now-timeline-marker{position:absolute;top:50%;width:14px;height:14px;background:var(--surface-1);border:2px solid var(--primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 rgba(var(--primary-rgb),.4);animation:pulse-now-timeline 2s infinite;z-index:2}@keyframes pulse-now-timeline{0%{box-shadow:0 0 rgba(var(--primary-rgb),.5)}70%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}.now-timeline-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-secondary);gap:var(--space-2)}.now-timeline-remaining{font-weight:600;color:var(--text-primary);flex:1;text-align:center}.time-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-top:var(--space-4)}.time-stat{text-align:center}.time-stat-value{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);background:linear-gradient(90deg,var(--text-primary) 0%,var(--accent) 65%,var(--terracotta, var(--clay)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.15;display:inline-block;padding-bottom:.12em}.dark-mode .time-stat-value{background:linear-gradient(90deg,#ffffffeb,#ffffffb8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.time-stat-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;opacity:.75}@media(max-width:600px),(max-width:900px)and (max-height:500px)and (pointer:coarse){.time-stats{gap:var(--space-3)!important;padding-top:var(--space-2)!important}.time-stat-label{font-size:var(--text-xs)!important;font-weight:600;opacity:1;color:var(--text-secondary);margin-top:var(--space-1)!important}.time-stat-value{font-size:var(--text-xl)!important;font-weight:700}}.affirmation-panel,.whats-next,.achievements-panel{padding:var(--space-4);background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--divider);box-shadow:var(--shadow-xs)}.dark-mode .affirmation-panel,.dark-mode .whats-next,.dark-mode .achievements-panel{background:#0a16129e;border:1px solid rgba(140,183,217,.12)}.affirmation-panel{text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.affirmation-panel:hover{background:var(--bg-hover);border-color:var(--divider);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.affirmation-text{font-size:var(--text-base);font-style:italic;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.6}.affirmation-hint{font-size:var(--text-xs);color:var(--text-ghost)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-title{font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.pick-btn{padding:var(--space-1) var(--space-3);background:var(--accent-subtle);border:none;border-radius:var(--radius-full);color:var(--accent);font-family:inherit;font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pick-btn:hover{background:var(--accent-muted);transform:translateY(-1px)}.upcoming-goal{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);margin-top:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.upcoming-goal:hover{background:var(--bg-hover);transform:translate(4px)}.upcoming-dot{width:8px;height:8px;border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}.upcoming-content{flex:1;min-width:0}.upcoming-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.upcoming-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.achievements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-3)}.achievement{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--bg-surface);border-radius:var(--radius-md);opacity:.3;filter:grayscale(1);transition:all var(--duration-normal) var(--ease-out);cursor:help;position:relative}.achievement.unlocked{opacity:1;filter:grayscale(0);background:var(--accent-subtle);box-shadow:var(--shadow-sm)}.achievement:hover{transform:scale(1.1)}.achievement:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-style:normal;white-space:nowrap;color:var(--text-primary);box-shadow:var(--shadow-md);z-index:100}.achievement-emoji{font-size:1.25rem}.achievement-share-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffffd9;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-fast),transform var(--duration-fast);opacity:0;transform:scale(.9);cursor:pointer}.achievement-share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.achievement.unlocked:hover .achievement-share-btn,.achievement-share-btn:focus-visible{opacity:1;transform:scale(1)}.modal-overlay{position:fixed;inset:0;background:#0c121ca6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:all}:root:not(.dark-mode) .modal-overlay{background:#f8f2ebb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal{width:min(var(--container-modal),92vw);max-width:var(--container-modal);max-height:min(85vh,calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--space-6)));background:color-mix(in srgb,var(--surface-1) 95%,rgba(255,255,255,.92));border:1px solid var(--divider);border-radius:var(--radius-2xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;box-shadow:0 30px 60px #0f172a59,inset 0 1px #ffffff59;transform:scale(.97) translateY(var(--space-2));transition:transform .35s ease,opacity .35s ease;margin-top:env(safe-area-inset-top,0px);margin-bottom:env(safe-area-inset-bottom,0px);color:var(--text-primary);pointer-events:auto;box-sizing:border-box}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border)}.modal-title{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;margin:0;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary)}.modal-level-descriptor{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;margin:0}.modal-close{width:40px;height:40px;min-width:40px;min-height:40px;border:none;border-radius:var(--radius-md);background:var(--surface-0);color:var(--text-secondary);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3) 0 var(--space-4);min-height:0}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border);flex-wrap:wrap}.modal-actions .btn{min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm)}.modal-overlay.edit-sheet{align-items:center;justify-content:center;background:#f5e3cbd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:env(safe-area-inset-top,0px) 0 calc(env(safe-area-inset-bottom,0px) + var(--space-2)) 0}.modal-overlay.edit-sheet .modal{margin:0}.modal.edit-sheet-panel{width:min(var(--container-sheet),100%);max-height:95vh;border-radius:var(--radius-2xl);padding:0;border:1px solid rgba(188,143,102,.22);background:color-mix(in srgb,#fcf4e8 92%,#fdf7f0 8%);box-shadow:0 24px 60px #9469462e,inset 0 1px #ffffffa6;overflow:hidden;display:flex;flex-direction:column;margin-bottom:0}.modal.edit-sheet-panel .modal-header{display:none}.goal-edit-sheet{display:flex;flex-direction:column;min-height:100%;height:100%;max-height:100vh;margin:0}.edit-sheet-topbar{height:var(--space-16);min-height:var(--space-16);padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fcf3e9f5,#f7eadcf5);border-bottom:1px solid rgba(193,152,116,.28);position:sticky;top:0;z-index:1}.edit-sheet-topbar-title{text-align:center;flex:1}.edit-sheet-topbar-title .modal-title{font-size:var(--text-2xl);line-height:1.3;letter-spacing:.08em;text-transform:none;margin:0;color:var(--text-primary);white-space:nowrap}.edit-sheet-topbar-title .modal-level-descriptor{margin:0;font-size:var(--text-xs);letter-spacing:.2em;color:var(--text-tertiary)}.edit-sheet-topbar-btn{background:transparent;border:none;color:#1c1c1c;font-size:var(--text-sm);font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-2) var(--space-3);cursor:pointer}.edit-sheet-save{color:var(--accent)}.edit-sheet-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);background:linear-gradient(180deg,#151928f2,#090a0ef2);flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.edit-sheet-section{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border-bottom:1px solid var(--glass-border)}.edit-sheet-body>.edit-sheet-section:first-of-type{padding-top:var(--space-2)}.edit-sheet-body>.edit-sheet-section:last-of-type{border-bottom:none}.edit-sheet-section[hidden]{display:none}.edit-sheet-primary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:var(--space-4);border-radius:var(--radius-xl)}.goal-hero .form-group{margin:0}.goal-hero{width:100%;overflow:hidden;border-radius:var(--radius-2xl);background:linear-gradient(180deg,#fff8ef,#fbeede);padding:var(--space-3);box-sizing:border-box;border:1px solid rgba(200,150,110,.25);box-shadow:inset 0 1px 6px #ffffffb3}.goal-hero input{width:100%;font-size:var(--text-xl);line-height:var(--lh-tight);font-weight:500;min-height:var(--space-12);border-radius:var(--radius-lg);border:1px solid rgba(190,140,100,.35);background:#fffdf8e6;color:#3f2a20}.goal-hero label{font-size:var(--text-xs);letter-spacing:.4em;text-transform:uppercase;color:#6e4d36b3}.goal-hero-reassurance{margin:0;font-size:var(--text-sm);color:#6e4d36bf}.dark-mode .goal-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 80%,rgba(255,255,255,.05)),color-mix(in srgb,var(--surface-2) 90%,rgba(255,255,255,.03)));border:1px solid var(--glass-border);box-shadow:inset 0 1px 6px #ffffff0a}.dark-mode .goal-hero input{background:color-mix(in srgb,var(--surface-1) 60%,rgba(255,255,255,.04));border-color:#ffffff26;color:var(--text-primary)}.dark-mode .goal-hero label{color:#fff9}.dark-mode .goal-hero-reassurance{color:var(--text-tertiary)}.dark-mode .goal-hero .due-pill{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-primary)}.goal-hero .due-pill{background:#fbe0d8;border:1px solid #f3b3a2;color:#8a3a2c;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600}.goal-progress-ring{--ring-track: rgba(210, 175, 145, .25);--ring-fill: #e49b7b;--ring-center: #fffaf3;color:#5b3624}.goal-edit-sheet .goal-hero-date{font-size:var(--text-xs);color:#ffffff73;width:100%;text-align:center;padding:var(--space-2) 0;box-sizing:border-box}.edit-sheet-section label{color:#ffffffb3}.edit-sheet-section .form-group input,.edit-sheet-section .form-group select,.edit-sheet-section .form-group textarea{background:#ffffff0d;border-color:#ffffff1f;color:#fff}.edit-sheet-section .form-group input:focus,.edit-sheet-section .form-group select:focus,.edit-sheet-section .form-group textarea:focus{border-color:#fff9;box-shadow:0 0 0 2px #fff3}.goal-edit-sheet .form-row{gap:var(--space-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.goal-edit-sheet .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.edit-sheet-actions{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.12);margin-top:var(--space-2)}.edit-sheet-action{flex:1;min-height:44px;border-radius:var(--radius-full);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:var(--text-sm);border:1px solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.edit-sheet-action:hover{transform:translateY(-1px)}.edit-sheet-action-cancel{background:transparent;color:#fff;border-color:#ffffff59}.edit-sheet-action-save{background:#f6a0cc;color:#1b1b1b;border-color:#f6a0cc;box-shadow:0 10px 30px #f6a0cc59}.edit-sheet-action-save[data-loading=true]{cursor:progress;pointer-events:none;position:relative}.edit-sheet-action-save[data-loading=true]:after{content:"";position:absolute;right:var(--space-4);top:50%;width:var(--space-4);height:var(--space-4);border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;transform:translateY(-50%);animation:button-spinner .8s linear infinite}.modal-overlay.edit-sheet+*{z-index:1001}@media(max-width:768px){.modal-overlay.edit-sheet{align-items:flex-end;padding:0 0 calc(var(--mobile-tab-bar-height) + var(--space-4)) 0;z-index:10000!important}.modal.edit-sheet-panel{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;margin-bottom:var(--space-2);max-height:calc(100vh - var(--mobile-tab-bar-height) - env(safe-area-inset-top,0px) - var(--space-6))}.edit-sheet-topbar{background:linear-gradient(135deg,#fffffff7,#f8fafced,#f1f5f9e3)}.dark-mode .edit-sheet-topbar{background:linear-gradient(135deg,#0f172af7,#1e293bed,#334155e3)}}@media(min-width:900px){.modal-overlay.edit-sheet{align-items:center;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px) 0}.modal.edit-sheet-panel{border-radius:var(--radius-2xl)}.edit-sheet-body{padding:var(--space-5) var(--space-6)}}.dark-mode .edit-sheet-topbar{background:linear-gradient(135deg,#0f172af7,#1e293bed,#334155e3);border-bottom:1px solid rgba(255,110,199,.12)}:root.dark-mode .modal-overlay{background:#0c121cbf}:root.dark-mode .modal{background:color-mix(in srgb,var(--surface-1) 92%,rgba(255,110,199,.06));border-color:#ff6ec738;box-shadow:0 24px 60px #000c,0 0 32px #ff6ec724}:root.dark-mode .modal-overlay.edit-sheet{background:#0c121ccc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}:root.dark-mode .modal.edit-sheet-panel{background:color-mix(in srgb,rgba(8,10,18,.96) 90%,rgba(255,110,199,.08));border-color:#ff6ec73d;box-shadow:0 40px 90px #000000d9,0 0 36px #ff6ec729,inset 0 1px #ff96dc1a}.dark-mode .edit-sheet-topbar-title .modal-title{color:#fffffff2}.dark-mode .edit-sheet-topbar-title .modal-level-descriptor{color:#ffffff73}.dark-mode .edit-sheet-topbar-btn{color:#ffffffe6}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-lg{width:min(var(--container-lg),92vw);max-width:var(--container-lg)}.modal-xl{width:min(var(--container-xl),92vw);max-width:var(--container-xl)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-hover);box-shadow:0 0 0 3px var(--accent-subtle)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-ghost)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.dark-mode .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238CB7D9' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#0a161280;border-color:#8cb7d926}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{background:#0a1612b3;border-color:#8cb7d966;box-shadow:0 0 0 3px #8cb7d926}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--danger)!important;background:var(--danger-subtle)}.form-error{color:var(--danger);font-size:var(--text-xs);margin-top:var(--space-1);font-weight:500;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.modal-pill,.modal-chip,.status-btn,.subtask-delete{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.subtask-checkbox{width:44px;height:44px;min-width:44px;min-height:44px}.event-modal .event-weekdays{flex-wrap:wrap}.event-weekdays-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.event-modal .event-delete-btn{margin-left:auto;color:#ef4444eb;border-color:#ef444438}.event-modal .event-delete-btn:hover{background:#ef444414;border-color:#ef444447}.dark-mode .modal-actions{border-top-color:#8cb7d91f}.goal-detail-modal .modal{max-width:var(--container-sheet)}.goal-detail-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.goal-detail-checkbox{width:28px;height:28px;border:2px solid var(--text-ghost);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.goal-detail-checkbox:hover{border-color:var(--accent)}.goal-detail-checkbox.checked{background:var(--success);border-color:var(--success)}.goal-detail-checkbox.checked:after{content:"✓";color:var(--bg-base);font-size:1rem;font-weight:700}.goal-detail-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;flex:1;color:#3f271b}.goal-detail-title.completed{text-decoration:line-through;color:#a17655}.goal-description{font-size:var(--text-base);color:#6f4a33;line-height:1.6;margin-bottom:var(--space-5)}.goal-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4);background:#fbf1e4;border-radius:var(--radius-md);border:1px solid rgba(204,160,122,.32)}.goal-meta-item{text-align:center}.goal-meta-label{font-size:var(--text-xs);color:#6e4d36b3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.goal-meta-value{font-size:var(--text-sm);font-weight:500;color:#4b3021}.goal-edit-sheet .kanban-column{background:#fcf5ea;border-radius:var(--radius-xl);border:1px solid rgba(203,162,126,.28);padding:var(--space-4);box-shadow:inset 0 0 0 1px #fff3}.goal-edit-sheet .kanban-empty-state{background:#f3ddc7;border-radius:var(--radius-lg);color:#603f2bd9;padding:var(--space-3);border:none;font-style:italic}.detail-section{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--glass-border)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3)}.detail-section h3 .count{color:var(--text-ghost);font-weight:400}.progress-control{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.progress-bar-lg{flex:1;height:8px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill-lg{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--success) 100%);border-radius:inherit;transition:width var(--duration-normal) var(--ease-out)}.progress-value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);min-width:48px;text-align:right}.progress-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-hover);border-radius:var(--radius-full);cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm)}.progress-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border-radius:var(--radius-full);cursor:pointer;border:none}.status-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-btn{padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.status-btn:hover{background:var(--bg-hover);border-color:#ffffff1a}.status-btn.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.subtasks-list,.subtask-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.subtask-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.subtask-item:hover{background:var(--bg-hover)}.subtask-checkbox{width:18px;height:18px;border:2px solid var(--text-ghost);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.subtask-checkbox.checked{background:var(--success);border-color:var(--success)}.subtask-checkbox.checked:after{content:"✓";color:var(--bg-base);font-size:.625rem;font-weight:700}.subtask-title{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.subtask-item.completed .subtask-title,.subtask-item.done .subtask-title{text-decoration:line-through;color:var(--text-tertiary)}.subtask-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-ghost);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-out)}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{background:var(--danger-muted);color:var(--danger)}.add-subtask-form,.add-subtask,.add-note{display:flex;gap:var(--space-2)}.add-subtask-input,.add-subtask input,.add-note textarea{flex:1;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.add-subtask-input:focus,.add-subtask input:focus,.add-note textarea:focus{outline:none;border-color:var(--accent)}.add-note textarea{min-height:60px;resize:vertical}.notes-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:180px;overflow-y:auto}.note-item{padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.note-text{font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-1);color:var(--text-primary)}.note-date{font-size:var(--text-xs);color:var(--text-ghost)}.time-summary{display:flex;align-items:center;gap:var(--space-4)}.time-total{font-size:var(--text-2xl);font-weight:700;color:var(--accent)}.last-worked{font-size:var(--text-xs);color:var(--text-ghost)}.time-log-form{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.time-log-minutes{width:80px}.detail-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-ghost);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.goal-category-badge,.goal-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,0px)}.modal{width:100%;max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:90vh;padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}@media(max-width:600px){.modal-overlay{align-items:flex-end;background:#00000080}.modal{width:100%;max-width:100%;margin:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:85vh;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-out)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--glass-border)}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-close{width:44px;height:44px;min-width:44px;min-height:44px}.modal-body{max-height:60vh;padding:var(--space-4)}.modal-actions{padding:var(--space-4);gap:var(--space-2);flex-direction:column-reverse}.modal-actions .btn{width:100%;min-height:48px;font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal,.modal-close,.modal-actions .btn,.modal-pill,.modal-chip,.status-btn{animation:none!important;transition:none!important;transform:none!important}.modal-overlay.active .modal{transform:none!important}}.time-breakdown{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);border:1px solid var(--glass-border)}.time-breakdown.current{background:linear-gradient(135deg,var(--success-muted) 0%,var(--accent-subtle) 100%);border-color:var(--success)}.time-breakdown.past{background:var(--danger-muted);border-color:#f871714d}.time-breakdown.compact{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:transparent;border:none}.time-compact-item{font-size:var(--text-xs);color:var(--text-secondary)}.time-breakdown-header{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.time-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.time-unit{text-align:center;padding:var(--space-3);background:#faf8f5b3;border:1px solid var(--accent-muted);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.dark-mode .time-unit{background:#07110e73;border:1px solid var(--accent-muted)}.time-unit.highlight{background:#6f9b861f;border:1px solid rgba(111,155,134,.55);transform:scale(1.02)}.time-value{display:block;font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1.2}.time-label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.time-breakdown-details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#faf8f5a6;border:1px solid rgba(180,106,74,.12);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.dark-mode .time-breakdown-details{background:#07110e66;border:1px solid rgba(140,183,217,.12)}.time-detail{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.time-detail-icon{font-size:1rem;width:24px;text-align:center}.time-detail-text strong{color:var(--text-primary);font-weight:600}.time-breakdown-tip{font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);background:var(--warning-muted);border-radius:var(--radius-md);border-left:3px solid var(--warning)}.time-breakdown-tip em{color:var(--text-secondary)}.modal-time-breakdown{margin:var(--space-4) 0}.goal-title-help{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}.goal-title-badge{margin-top:var(--space-2);display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;color:var(--text-secondary);border:1px solid rgba(255,255,255,.18);background:#ffffff14}html.dark-mode .goal-title-badge{border-color:#ffffff1f;background:#00000029}.field-help{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}.modal-inline-section{margin-top:var(--space-3)}.modal-linkage .goal-linkage-help{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.goal-linkage-badge{margin-top:var(--space-2);display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;color:var(--text-secondary);border:1px dashed rgba(255,255,255,.22);background:#ffffff14}html.dark-mode .goal-linkage-badge{border-color:#ffffff24;background:#00000029}.modal-select{width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--divider);background:var(--surface-1);color:var(--text-primary);font:inherit}.modal-pill-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modal-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:var(--text-primary);font-size:var(--text-sm);font-weight:800;cursor:pointer}.modal-pill:hover{border-color:#6f9b8659}.modal-pill.is-selected{border-color:#6f9b8699;box-shadow:0 0 0 3px var(--accent-muted)}html.dark-mode .modal-pill{background:#ffffff0f;border-color:#ffffff1f}.modal-disclosure{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.18);background:#ffffff14;overflow:hidden}html.dark-mode .modal-disclosure{border-color:#ffffff1f;background:#0000001f}.modal-disclosure-toggle{width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:var(--space-2);display:flex;flex-direction:column;gap:2px}.modal-disclosure-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-muted)}.modal-disclosure-title{font-weight:900;color:var(--text-primary);letter-spacing:-.01em}.modal-disclosure-subtitle{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;opacity:.8}.modal-disclosure-body{padding:0 var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);animation:slideDown .2s var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.options-disclosure-content{display:flex;flex-direction:column;gap:var(--space-3)}.options-disclosure-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.options-disclosure-content .modal-inline-section,.options-disclosure-content .modal-disclosure{margin-top:0}.modal-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modal-chip{padding:8px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.18);background:#ffffff1f;color:var(--text-primary);font-size:var(--text-sm);font-weight:800;cursor:pointer}.modal-chip:hover{border-color:#6f9b8659}html.dark-mode .modal-chip{background:#ffffff0f;border-color:#ffffff1f}.modal-suggest-group{display:flex;flex-direction:column;gap:var(--space-2)}.modal-suggest-label{font-size:var(--text-xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.toggle-label{display:flex;align-items:center;gap:var(--space-2);font-weight:800;color:var(--text-primary)}.time-context{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;overflow:hidden}html.dark-mode .time-context{border-color:#ffffff14;background:#ffffff08}.time-context-toggle{width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.time-context-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-muted)}.time-context-title{font-weight:900;color:var(--text-primary);letter-spacing:-.01em}.time-context-subtitle{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;padding:var(--space-4) var(--space-4) 0}.time-context-toggle .time-context-subtitle{padding:0}.time-context-body{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.time-context-fact{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45}.time-context-reframes{margin:0;padding-left:1.1em;color:var(--text-primary);font-size:var(--text-sm);line-height:1.45}.time-context-safety{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.45;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.12)}html.dark-mode .time-context-safety{border-top-color:#ffffff14}.time-section{background:var(--accent-subtle);margin:calc(var(--space-4) * -1);margin-bottom:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md)}.time-section .time-breakdown{background:transparent;padding:0;border:none;margin-bottom:0}.goal-detail-hero{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border)}.goal-detail-hero .hero-status{margin-top:var(--space-4);padding-top:0;border-bottom:none;margin-bottom:0;padding-bottom:0}.goal-detail-accordion{display:flex;flex-direction:column;gap:var(--space-3)}.goal-detail-accordion .modal-disclosure{margin-bottom:0}.goal-detail-accordion .detail-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.goal-detail-accordion .detail-section:last-child{margin-bottom:0}#goalAccordionContainer{display:flex;flex-direction:column;gap:var(--space-2)}.goal-more-options-btn{width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center}.goal-more-options-btn:hover{background:#ffffff0f;border-color:#ffffff2e;color:var(--text-primary)}.goal-more-options-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-muted)}html.dark-mode .goal-more-options-btn{border-color:#ffffff14}html.dark-mode .goal-more-options-btn:hover{background:#ffffff0a;border-color:#ffffff1f}#goalMoreOptionsContainer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.goal-category-inline{margin:var(--space-3) 0;padding:0}.goal-category-inline .form-group{margin:0}.vision-icon-input-group{display:flex;align-items:center;gap:var(--space-2)}.vision-emoji-input{width:100%;min-height:56px;font-size:1.75rem;text-align:center;cursor:pointer;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;caret-color:var(--accent)}.vision-emoji-input::placeholder{font-size:var(--text-sm);color:var(--text-tertiary)}.vision-emoji-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.vision-icon-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.vision-emoji-picker-dropdown{position:fixed;z-index:1100;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);max-width:400px;max-height:320px;overflow-y:auto;margin-top:var(--space-1)}.vision-emoji-picker-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-1)}.vision-emoji-option{width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.vision-emoji-option:hover{background:var(--accent-subtle);transform:scale(1.1)}.vision-emoji-option:active{transform:scale(.95)}@media(max-width:600px){.vision-emoji-picker-grid{grid-template-columns:repeat(8,1fr)}.vision-emoji-picker-dropdown{max-width:320px;max-height:280px}}@media(max-width:480px){.vision-emoji-picker-grid{grid-template-columns:repeat(6,1fr)}}.color-picker-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0;box-shadow:0 2px 4px #0000001a}.color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 8px #00000026}.color-swatch.is-selected{border-color:var(--text-primary);transform:scale(1.1);background-clip:content-box;padding:2px}.emoji-picker-container{margin-top:var(--space-2)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1);padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid var(--glass-border);max-height:200px;overflow-y:auto}.emoji-swatch{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.emoji-swatch:hover{background:#ffffff1a;transform:scale(1.1)}.emoji-swatch.is-selected{background:var(--accent-subtle);border-color:var(--accent)}.flat-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-ghost);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-4);display:block;opacity:.7}.edit-sheet-section:last-of-type{border-bottom:none}.custom-emoji-row{margin-top:var(--space-3);display:flex}.custom-emoji-input{width:100%;padding:var(--space-2) var(--space-3);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--duration-fast)}.custom-emoji-input:focus{outline:none;background:#ffffff1a;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.main-content{grid-area:main;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:transparent}.control-bar{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:0;width:100%;box-shadow:0 4px 20px #78644b0d;flex-shrink:0}.level-context-bar{display:none!important;visibility:hidden!important;margin:0!important;padding:0!important;height:0!important;overflow:hidden!important}.level-context-bar[hidden]{display:none!important}.level-context-item{flex:1;min-width:220px;display:flex;flex-direction:column;gap:var(--space-2)}.level-context-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.level-context-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.level-context-goals{display:flex;flex-wrap:wrap;gap:var(--space-2)}.level-context-goal,.level-context-action{border:1px solid var(--glass-border);background:#ffffff14;color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer}.dark-mode .level-context-goal,.dark-mode .level-context-action{background:#ffffff0f}.level-context-goal{padding:6px 10px;font-size:var(--text-sm);text-align:left}.level-context-action{padding:4px 10px;font-size:var(--text-xs);color:var(--accent-link)}.level-context-goal:hover,.level-context-action:hover{background:var(--bg-hover)}.level-context-goal:focus-visible,.level-context-action:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:2px}.level-context-empty{font-size:var(--text-sm);color:var(--text-secondary)}.level-context-more{opacity:.8}.level-context-bar{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.level-context-header-bar{display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:var(--space-3);cursor:pointer;user-select:none}.level-context-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.context-icon{font-size:1.2rem}.context-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--accent-badge-fill);color:var(--text-on-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.btn-context-toggle{width:32px;height:32px;border:1px solid var(--glass-border);background:#ffffff14;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.btn-context-toggle:hover{background:var(--bg-hover);border-color:var(--accent-border);transform:scale(1.05)}.btn-context-toggle:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:2px}.btn-context-toggle .chevron-icon{width:18px;height:18px;color:var(--text-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.level-context-bar.collapsed{max-height:64px;padding:var(--space-3) var(--space-4)}.level-context-bar.collapsed .level-context-header-bar{margin-bottom:0}.level-context-bar.collapsed .level-context-content{opacity:0;max-height:0;overflow:hidden;pointer-events:none;margin-top:0}.level-context-bar.collapsed .chevron-icon{transform:rotate(-90deg)}.level-context-bar.expanded{max-height:500px}.level-context-bar.expanded .level-context-content{opacity:1;max-height:450px;transition:opacity .3s ease,max-height .3s cubic-bezier(.4,0,.2,1);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:stretch}.level-context-bar.expanded .chevron-icon{transform:rotate(0)}.dark-mode .btn-context-toggle{background:#ffffff0f}@media(prefers-reduced-motion:reduce){.level-context-bar,.btn-context-toggle .chevron-icon,.level-context-content{transition:none}}.dark-mode .control-bar{background:#0a1612d9;box-shadow:0 4px 24px #0003}.control-left,.control-center,.control-right{display:flex;align-items:center;gap:var(--space-4);min-width:0}.control-left{justify-content:flex-start}.control-center{justify-content:center;gap:var(--space-6)}.control-right{justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.connection-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border-radius:var(--radius-full);background:#ef444424;color:#dc2626;font-size:var(--text-xs);font-weight:750;letter-spacing:.02em;user-select:none}.connection-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ef44441f}.dark-mode .connection-status{background:#ef444429;color:#ffffffeb;border:1px solid rgba(239,68,68,.25)}.header-actions .header-focus-toggle .toggle-label{display:none}.header-actions .header-focus-toggle .toggle-switch{width:44px;height:26px}.control-right .support-panel-toggle-btn{flex-shrink:0;position:relative}.support-panel-toggle-btn .support-panel-celestial{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:20px;line-height:1;filter:drop-shadow(0 0 12px rgba(0,0,0,.18))}.support-panel-toggle-btn .support-panel-moon{display:none}:root.time-night .support-panel-toggle-btn .support-panel-sun{display:none}:root.time-night .support-panel-toggle-btn .support-panel-moon{display:inline-flex}.support-panel-toggle-btn .support-panel-toggle-icon-moon{display:none}:root.time-night .support-panel-toggle-btn .support-panel-toggle-icon-sun{display:none}:root.time-night .support-panel-toggle-btn .support-panel-toggle-icon-moon{display:block}.support-panel-toggle-btn .support-panel-toggle-fallback-icon{display:none!important}.support-panel-toggle-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;display:block}.support-panel-toggle-btn{color:var(--text-primary)}.support-panel-toggle-btn:hover{color:var(--accent-icon)}.support-panel-toggle-btn.install-available:after{content:"";position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--accent-badge);box-shadow:0 0 0 2px #0000001f}.fab-add{position:fixed;right:calc(var(--space-8) + env(safe-area-inset-right,0px));bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));width:64px;height:64px;border:none;border-radius:var(--radius-full);background:var(--accent-fill);color:var(--text-on-accent);box-shadow:0 8px 32px var(--accent-subtle);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all var(--duration-normal) var(--ease-out)}.fab-add:hover{filter:brightness(1.1);transform:translateY(-1px)}.fab-add:active{transform:translateY(0) scale(.98)}.fab-add:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:var(--space-1)}.fab-add .fab-icon{position:relative;width:20px;height:20px}.fab-add .fab-icon:before,.fab-add .fab-icon:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);border-radius:var(--radius-xs)}.fab-add .fab-icon:before{width:20px;height:2px}.fab-add .fab-icon:after{width:2px;height:20px}.view-switcher{display:flex;background:var(--glass-bg);border:1px solid var(--divider);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.dark-mode .view-switcher{background:#0a1612ad;border:1px solid rgba(140,183,217,.16)}.dark-mode:not(.time-dawn):not(.time-morning):not(.time-afternoon):not(.time-evening):not(.time-night) .view-switcher{background:#0a1612bf;border:1px solid rgba(140,183,217,.2)}.dark-mode:not(.time-dawn):not(.time-morning):not(.time-afternoon):not(.time-evening):not(.time-night) .view-btn{color:#e2e8f0b8}.dark-mode:not(.time-dawn):not(.time-morning):not(.time-afternoon):not(.time-evening):not(.time-night) .view-btn:hover{background:#8cb7d91a;color:#e2e8f0f2}.dark-mode:not(.time-dawn):not(.time-morning):not(.time-afternoon):not(.time-evening):not(.time-night) .view-btn.active{background:#8cb7d929;border:1px solid rgba(140,183,217,.22);color:#e2e8f0;box-shadow:0 10px 26px #0006,0 0 16px #8cb7d926}.view-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);touch-action:manipulation;font-weight:500;cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);min-width:56px}.dark-mode.time-night .view-btn{color:#eaf6f0b8}.view-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dark-mode.time-night .view-btn:hover{background:#8cb7d914;color:#eaf6f0eb}.view-btn.active{background:#ffffffd9;color:var(--text-primary);font-weight:600;box-shadow:0 4px 12px #00000014;border:1px solid var(--accent-active)}:root:not(.dark-mode) .view-btn.active{background:var(--surface-2);border:1px solid var(--accent-active)}.dark-mode.time-night .view-btn.active{background:#8cb7d924;border:1px solid rgba(140,183,217,.18);color:var(--text-primary);box-shadow:0 10px 26px #00000059}.view-btn:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:2px}.date-nav{display:flex;align-items:center;gap:var(--space-2)}.date-nav .date-display{display:none}.nav-btn{height:32px;min-width:32px;padding:0 var(--space-2);border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-border)}.nav-btn:active{transform:scale(.95)}.dark-mode .nav-btn{background:#0a161299;border-color:#8cb7d92e;color:#e2e8f0bf}.dark-mode .nav-btn:hover{background:#8cb7d91f;color:#e2e8f0f2;border-color:#8cb7d94d;box-shadow:0 4px 12px #8cb7d91a}.today-btn{padding:0 var(--space-3);background:var(--accent);border-color:transparent;color:#fff;text-shadow:none;font-weight:600}.dark-mode .today-btn{background:var(--accent);border-color:transparent;color:var(--text-on-accent, rgba(8, 23, 39, .92));text-shadow:none}.today-btn:hover{background:var(--accent-hover, var(--accent))}.dark-mode .today-btn:hover{background:var(--accent-badge-fill);filter:brightness(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-badge) 30%,transparent)}.date-display{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-3);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);min-width:160px;text-align:center;background:#18181b99;border:1px solid var(--glass-border);border-radius:var(--radius-full)}.date-display.is-hidden{display:none}.date-display.is-today{color:var(--accent-link)}.dark-mode .date-display{background:#0a1612bf;border-color:#8cb7d933;color:#e2e8f0f2}.dark-mode .date-display.is-today{color:#8cb7d9;text-shadow:0 0 12px rgba(140,183,217,.25)}.year-nav{display:flex;align-items:center;gap:var(--space-2)}.year-nav-btn{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.year-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-border)}.year-nav-btn:active{transform:scale(.95)}.year-display{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);min-width:60px;text-align:center}.year-display.current-year{color:var(--accent-link)}.filter-group{display:flex;align-items:center;gap:var(--space-3);min-width:0}.filter-label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.category-filters{display:flex;align-items:center;min-width:0}.filter-dropdown{position:relative;display:flex;align-items:center}.filter-trigger{height:32px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.filter-trigger:hover{background:var(--bg-hover);border-color:#ffffff1a;color:var(--text-primary)}.filter-caret{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:var(--space-1)}.filter-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1100;min-width:220px;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl)}.filter-menu .category-filter{width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent}.filter-menu .category-filter:hover{background:var(--bg-hover)}.filter-menu .category-filter.active{background:var(--bg-active)}.category-filter{padding:var(--space-2) var(--space-3);background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.category-filter:hover{color:var(--text-secondary);background:var(--bg-hover)}.category-filter.active{color:var(--text-primary);background:var(--bg-active);border-color:var(--accent-active);font-weight:600}.category-filter.active:before{content:"✓ "}.category-filter[data-category=career].active{background:var(--cat-career-muted);color:var(--cat-career)}.category-filter[data-category=health].active{background:var(--cat-health-muted);color:var(--cat-health)}.category-filter[data-category=finance].active{background:var(--cat-finance-muted);color:var(--cat-finance)}.category-filter[data-category=personal].active{background:var(--cat-personal-muted);color:var(--cat-personal)}.category-filter[data-category=creative].active{background:var(--cat-creative-muted);color:var(--cat-creative)}.dark-mode .filter-label{color:#e2e8f0a6}.dark-mode .filter-trigger{background:#0a161299;border-color:#8cb7d92e;color:#e2e8f0bf}.dark-mode .filter-trigger:hover{background:#8cb7d91f;border-color:#8cb7d940;color:#e2e8f0f2}.dark-mode .filter-menu{background:#0a1612f2;border-color:#8cb7d940;box-shadow:0 20px 60px #00000080,0 0 20px #8cb7d914}.dark-mode .category-filter{color:#e2e8f0b3}.dark-mode .category-filter:hover{color:#e2e8f0e6;background:#8cb7d914}.dark-mode .category-filter.active{color:#e2e8f0;background:#8cb7d924;border-color:#8cb7d94d}.toggle-group{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.toggle-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.toggle-switch{width:44px;height:24px;padding:0;box-shadow:none;border:1px solid var(--glass-border);box-sizing:border-box;-webkit-appearance:none;appearance:none;background:var(--bg-hover);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:all var(--duration-normal) var(--ease-out)}.toggle-switch:hover,.toggle-switch:focus-visible{transform:none;box-shadow:none}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out)}.toggle-switch.active{background:var(--accent-stroke)}.toggle-switch.active:after{transform:translate(20px);background:var(--bg-base)}.zoom-controls{display:flex;align-items:center;gap:var(--space-2)}.zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#ffffff1a}.zoom-level{font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-tertiary);min-width:44px;text-align:center}@media(min-width:901px){.control-bar{position:sticky;top:0;align-self:flex-start}.main-content{position:relative}}.canvas-container{position:relative;flex:1;overflow:auto;min-height:0;border-radius:var(--radius-lg);cursor:grab;background:#ffffff04;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px #ffffff05;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.canvas-container:has(.planner-day-view){border-radius:48px;border:none}.canvas-container.grabbing{cursor:grabbing}.view-skeleton{display:none;position:absolute;inset:0;flex-direction:column;gap:var(--space-3);padding:var(--space-6);pointer-events:none}.canvas-container[data-loaded=false] .view-skeleton{display:flex}.canvas-container[data-loaded=false] .canvas{visibility:hidden}.view-skeleton-line{height:12px;border-radius:var(--radius-full);background:linear-gradient(90deg,#8cb7d929,#8cb7d952,#8cb7d929);background-size:200% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}.view-skeleton-line.w-90{width:90%}.view-skeleton-line.w-70{width:70%}.view-skeleton-line.w-55{width:55%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.canvas-zoom-controls{position:fixed!important;left:calc(var(--sidebar-width) + (var(--space-4) * 2));bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))!important;z-index:1400;width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--accent-stroke);background:var(--accent-fill);box-shadow:var(--shadow-sm)}body.zoom-controls-hidden .canvas-zoom-controls{display:none!important}body.hide-sidebar .canvas-zoom-controls{left:var(--space-4)}@media(max-width:900px){.canvas-zoom-controls{left:var(--space-4)}}.canvas-zoom-controls .zoom-btn{width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600;color:var(--text-on-accent);background:transparent;border:none;box-shadow:0 4px 16px color-mix(in srgb,var(--accent-stroke) 30%,transparent);transition:all var(--duration-normal) var(--ease-out)}.canvas-zoom-controls .zoom-btn:hover{background:color-mix(in srgb,var(--text-on-accent) 12%,transparent);filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-stroke) 40%,transparent)}.canvas-zoom-controls .zoom-btn:active{transform:translateY(0) scale(.98)}.canvas-zoom-controls .zoom-level{min-width:var(--space-8);font-size:.7rem;color:var(--text-on-accent)}.canvas{min-width:100%;min-height:100%;padding:var(--space-8);transform-origin:top left;transition:transform var(--duration-normal) var(--ease-out);contain:layout paint}.calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,280px));gap:var(--space-6);justify-content:center;width:100%;max-width:100%;margin:0 auto;contain:layout paint}.year-view-container .calendar-grid{grid-template-columns:repeat(4,minmax(220px,280px))}.year-view-container,.month-view-container,.week-view-container,.day-view-container{display:block;width:100%}.day-view-container.planner-style{border-radius:48px;overflow:hidden}.year-view-container{position:relative}.week-view-container{padding:var(--space-6)}.year-view{padding:var(--space);padding-left:var(--space-8);padding-right:var(--space);max-width:1400px;margin:0 auto;width:100%}.year-view-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);margin-bottom:var(--space-5)}.year-view-title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary)}:root:not(.dark-mode) .year-view-title,:root:not(.dark-mode) .month-view-title,:root:not(.dark-mode) .week-view-title,:root:not(.dark-mode) .planner-sidebar-header h3,:root:not(.dark-mode) .garden-mobile-title{color:var(--text-primary)!important;text-shadow:none}:root:not(.dark-mode) .day-view-title{color:#0a1113!important}.year-view-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:1.4;max-width:52ch;font-weight:500}:root:not(.dark-mode) .year-view-subtitle{color:#2d3f44!important;text-shadow:0 1px 2px rgba(255,255,255,.8);opacity:1}:root.time-dawn:not(.dark-mode) .year-view-subtitle,:root.time-morning:not(.dark-mode) .year-view-subtitle,:root.time-afternoon:not(.dark-mode) .year-view-subtitle,:root.time-evening:not(.dark-mode) .year-view-subtitle{color:#2d3f44!important;text-shadow:0 1px 2px rgba(255,255,255,.8);opacity:1}.dark-mode .year-view-subtitle{color:var(--text-secondary);opacity:1}:root.dark-mode.time-dawn .year-view-title,:root.dark-mode.time-morning .year-view-title,:root.dark-mode.time-afternoon .year-view-title,:root.dark-mode.time-evening .year-view-title,:root.dark-mode.time-dawn .month-view-title,:root.dark-mode.time-morning .month-view-title,:root.dark-mode.time-afternoon .month-view-title,:root.dark-mode.time-evening .month-view-title,:root.dark-mode.time-dawn .week-view-title,:root.dark-mode.time-morning .week-view-title,:root.dark-mode.time-afternoon .week-view-title,:root.dark-mode.time-evening .week-view-title,:root.dark-mode.time-dawn .garden-mobile-title,:root.dark-mode.time-morning .garden-mobile-title,:root.dark-mode.time-afternoon .garden-mobile-title,:root.dark-mode.time-evening .garden-mobile-title{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.4))}:root.dark-mode.time-dawn .year-view-subtitle,:root.dark-mode.time-morning .year-view-subtitle,:root.dark-mode.time-afternoon .year-view-subtitle,:root.dark-mode.time-evening .year-view-subtitle{text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 6px rgba(0,0,0,.3);color:var(--text-secondary)}@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) or (background-clip: text){.year-view-title,.month-view-title,.week-view-title,.day-view-title,.planner-sidebar-header h3,.garden-mobile-title{background:linear-gradient(110deg,var(--text-primary) 0%,var(--accent) 65%,var(--sage) 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 2px rgba(26,43,47,.15))}:root:not(.dark-mode) .year-view-title,:root:not(.dark-mode) .month-view-title,:root:not(.dark-mode) .week-view-title,:root:not(.dark-mode) .planner-sidebar-header h3,:root:not(.dark-mode) .garden-mobile-title{background:linear-gradient(110deg,var(--text-primary) 0%,var(--accent) 65%,var(--sage) 115%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 1px 2px rgba(26,43,47,.08))!important;text-shadow:none}:root:not(.dark-mode) .day-view-title{background:linear-gradient(110deg,#0a1113,#0f1a1d,#1a2b2f,#0f1a1d,#0a1113,#0f1a1d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 4px rgba(10,17,19,.5)) drop-shadow(0 1px 3px rgba(10,17,19,.4))}:root.time-dawn:not(.dark-mode) .year-view-title,:root.time-morning:not(.dark-mode) .year-view-title,:root.time-afternoon:not(.dark-mode) .year-view-title,:root.time-evening:not(.dark-mode) .year-view-title,:root.time-dawn:not(.dark-mode) .month-view-title,:root.time-morning:not(.dark-mode) .month-view-title,:root.time-afternoon:not(.dark-mode) .month-view-title,:root.time-evening:not(.dark-mode) .month-view-title,:root.time-dawn:not(.dark-mode) .week-view-title,:root.time-morning:not(.dark-mode) .week-view-title,:root.time-afternoon:not(.dark-mode) .week-view-title,:root.time-evening:not(.dark-mode) .week-view-title,:root.time-dawn:not(.dark-mode) .garden-mobile-title,:root.time-morning:not(.dark-mode) .garden-mobile-title,:root.time-afternoon:not(.dark-mode) .garden-mobile-title,:root.time-evening:not(.dark-mode) .garden-mobile-title{background:linear-gradient(110deg,#0a1113,#1a2b2f,#2d4a52 70%,#1a2b2f)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 2px 4px rgba(255,255,255,.3)) drop-shadow(0 1px 2px rgba(255,255,255,.2))!important}}.year-view-header:after,.month-view-header:after{display:none!important;content:none!important;width:0!important;height:0!important}.month-view-container .calendar-grid,.week-view-container .calendar-grid,.day-view-container .calendar-grid{display:block}.day-view-container.planner-style .calendar-grid{border-radius:48px;overflow:hidden}.month-view{padding:var(--space-4);max-width:var(--container-wide);margin:0 auto}.month-view-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);margin-bottom:var(--space-2)}.month-milestone-banner{justify-content:center;margin-top:var(--space-3)}.month-milestone-pill{max-width:min(var(--container-mid),100%)}.month-milestone-pill .year-vision-pill-dot{background:color-mix(in srgb,var(--accent-progress) 60%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent-progress) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent-border) 26%,transparent)}.month-milestone-card{width:min(920px,100%);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--glass-border);border-left:4px solid #3b82f6;background:var(--bg-surface);box-shadow:var(--shadow-sm);text-align:left}.month-milestone-card.empty{border-left-color:#1f2d2a2e}.month-milestone-card-body{min-width:0;display:flex;flex-direction:column;gap:4px}.month-milestone-card-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.month-milestone-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-milestone-card-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0;text-align:right}.month-milestone-card-meta{font-size:var(--text-sm);font-weight:650;color:var(--text-tertiary);white-space:nowrap}.month-milestone-card-action{appearance:none;border:1px solid rgba(59,130,246,.22);background:#3b82f61f;color:var(--text-primary);border-radius:var(--radius-full);padding:8px 12px;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.month-milestone-card-action:hover:not(:disabled){background:#3b82f629;border-color:#3b82f652;transform:translateY(-1px)}.month-milestone-card-action:disabled{opacity:.6;cursor:not-allowed}.month-milestone-card-action:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.month-view-context{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-1)}.month-vision-chip{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-left:3px solid #8b5cf6;border-radius:var(--radius-full);padding:6px 12px;font-size:var(--text-sm);font-weight:650;color:var(--text-primary);cursor:pointer;max-width:72ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--duration-fast)}.month-vision-chip:hover{background:#8b5cf624;border-color:#8b5cf666;transform:translateY(-1px)}.month-vision-chip:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.month-vision-more{margin-left:8px;font-size:var(--text-xs);color:var(--text-tertiary)}.month-milestone-chip{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-left:3px solid #3b82f6;border-radius:var(--radius-full);padding:6px 12px;font-size:var(--text-sm);font-weight:650;color:var(--text-primary);cursor:pointer;max-width:72ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--duration-fast)}.month-milestone-chip:hover{background:#3b82f624;border-color:#3b82f666;transform:translateY(-1px)}.month-milestone-chip:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.month-milestone-more{margin-left:8px;font-size:var(--text-xs);color:var(--text-tertiary)}.month-view-title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary)}.month-view-subtitle{color:var(--text-ghost);font-size:var(--text-base);line-height:1.4;max-width:52ch}.month-calendar{display:flex;flex-direction:column;gap:2px;background:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6);position:relative;padding:2px}.month-calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.month-week-row{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0}.month-day-container{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;grid-column:1 / -1}.month-week-row.has-focus{overflow:visible}.month-week-focus-banner{position:absolute;left:4px;right:4px;bottom:4px;z-index:5;height:32px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--link-accent, var(--glass-border)) 40%,transparent);background:var( --link-accent-gradient, color-mix( in srgb, var(--link-accent, var(--glass-surface)) 45%, transparent ) );display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:0 10px;pointer-events:auto;overflow:hidden;box-shadow:0 4px 12px #02061726,inset 0 0 0 1px #ffffff1a;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);opacity:.95}.month-week-row.has-focus .month-week-focus-banner{transform:translateY(0)}.month-week-focus-icon{font-size:16px;flex-shrink:0;color:var(--link-accent, var(--text-primary));filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.month-week-focus-text{flex:1;font-size:var(--text-xs);font-weight:700;color:var(--text-primary);text-shadow:0 2px 6px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.month-week-focus-edit{pointer-events:auto;appearance:none;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;color:var(--text-primary);border-radius:var(--radius-md);padding:4px 14px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);backdrop-filter:blur(4px)}.month-week-focus-edit:hover{background:#ffffff38;border-color:#ffffff80;transform:translateY(-1px)}.month-week-focus-banner[data-link-accent="1"] .month-week-focus-edit{background:color-mix(in srgb,var(--link-accent) 20%,rgba(255,255,255,.08));border-color:color-mix(in srgb,var(--link-accent) 45%,rgba(255,255,255,.25));color:var(--text-on-accent)}.month-week-focus-banner[data-link-accent="1"] .month-week-focus-edit:hover{background:color-mix(in srgb,var(--link-accent) 35%,rgba(255,255,255,.12));border-color:color-mix(in srgb,var(--link-accent) 70%,rgba(255,255,255,.45))}.month-calendar-header{background:var(--bg-surface);padding:var(--space-3);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.month-day{background:var(--bg-elevated);min-height:100px;padding:var(--space-2);cursor:pointer;transition:background var(--duration-fast);position:relative}.month-day:hover{background:var(--bg-hover)}.month-day.other-month{opacity:.4}.month-day.today{background:var(--accent-subtle);box-shadow:inset 0 0 0 2px var(--accent)}.month-day.selected{background:var(--accent-muted)}:root:not(.dark-mode) .month-calendar{background:var(--divider)}:root:not(.dark-mode) .month-milestone-card{background:var(--surface-1);border-color:var(--divider)}:root:not(.dark-mode) .month-calendar-header{background:var(--surface-1)}:root:not(.dark-mode) .month-day{background:var(--surface-1)}:root:not(.dark-mode) .month-day:hover{background:var(--surface-2)}:root:not(.dark-mode) .month-day.today{background:var(--surface-2)}:root:not(.dark-mode) .month-day.selected{background:var(--surface-2);box-shadow:inset 0 0 0 2px #1f2d2a1a}:root:not(.dark-mode) .month-week-focus-banner{border-color:#f59e0b61;background:linear-gradient(90deg,#f59e0b40,#f59e0b26 45%,#f59e0b38)}:root:not(.dark-mode) .month-week-focus-text{color:#1f2d2a;text-shadow:0 1px 1px rgba(255,255,255,.5)}@media(max-width:700px){.month-milestone-card{flex-direction:column;align-items:stretch;text-align:left}.month-milestone-card-right{justify-content:flex-start;flex-wrap:wrap;text-align:left}}:root.dark-mode.time-dawn .month-day.today.selected,:root.dark-mode.time-morning .month-day.today.selected,:root.dark-mode.time-afternoon .month-day.today.selected,:root.dark-mode.time-evening .month-day.today.selected{background:#8cb7d959;box-shadow:inset 0 0 0 2px #8cb7d999}.month-day-number{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);position:relative;z-index:1}.month-day-events-badge{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:750;color:var(--text-primary);background:#94a3b82e;border:1px solid rgba(148,163,184,.28);z-index:2}.month-day.today .month-day-number{color:var(--accent)}.month-day-goals{display:flex;flex-direction:column;gap:2px}.month-day-goal{font-size:var(--text-xs);padding:2px var(--space-1);border-radius:3px;background:var(--accent-muted);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-day-more{font-size:var(--text-xs);color:var(--text-tertiary);padding:2px}.month-goals-list{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5)}.month-goals-list h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.month-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.month-context-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.month-context-header{margin-bottom:var(--space-3)}.month-context-header h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.month-context-levels{display:flex;flex-direction:column;gap:var(--space-3)}.context-level{display:flex;flex-direction:column;gap:var(--space-2)}.context-level-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.context-emoji{font-size:1rem}.context-goals-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.context-goal-btn{background:#ffffff14;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:6px 12px;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.context-goal-btn:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.context-goal-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dark-mode .context-goal-btn{background:#ffffff0f}@media(max-width:768px){.month-context-levels{gap:var(--space-2)}}.year-view{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.year-view-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:var(--space-4);align-items:start}.year-vision-section--corner{position:sticky;top:calc(var(--space-3) + 72px);max-height:calc(100dvh - 140px);overflow:auto}.year-vision-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root:not(.dark-mode) .year-vision-section{background:var(--surface-1);border-color:var(--divider);box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}.year-vision-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.vision-icon{font-size:1.5rem}.year-vision-header h3{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.year-vision-goals{display:flex;flex-direction:column;gap:var(--space-2)}.vision-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-left:4px solid #8b5cf6;border-radius:var(--radius-lg);padding:var(--space-3);text-align:left;cursor:pointer;transition:all .2s ease}.vision-card:hover{background:#8b5cf61f;border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.vision-card:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.vision-card-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.vision-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.year-vision-section--corner .vision-card{padding:var(--space-2) var(--space-3)}.year-vision-section--corner .vision-card-desc{display:none}.year-month-milestone{width:100%;margin-top:var(--space-1);margin-bottom:var(--space-2);background:var(--surface-0);border:1px solid var(--divider);border-left:3px solid #3b82f6;border-radius:var(--radius-md);padding:6px 10px;font-size:var(--text-xs);font-weight:600;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.year-month-milestone:hover{background:#3b82f61f;border-color:#3b82f666;transform:translateY(-1px)}.year-month-milestone-more{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:6px}.dark-mode .vision-card{background:#8b5cf61f}.dark-mode .year-month-milestone{background:#3b82f61f;color:#e8f2f8}@media(max-width:768px){.year-view-layout{grid-template-columns:1fr}.year-vision-section--corner{position:static;max-height:none}.year-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.year-vision-banner{width:min(720px,calc(100% - 64px));margin:2px auto 8px}.year-vision-banner--pill{width:auto;max-width:calc(100% - 64px);margin:2px auto 10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.year-vision-banner--pill .year-vision-pill{flex-direction:row;align-items:center;gap:10px;padding:10px 18px}.year-vision-banner--pill .year-vision-pill-title{text-align:left;font-size:1.1rem}.year-vision-banner--pill .year-vision-pill:not(.year-vision-pill--empty):before{content:"";width:7px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--accent-highlight) 60%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent-highlight) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent-border) 22%,transparent)}.year-vision-banner--pill .year-vision-pill-label{display:none}.year-vision-card,.year-vision-empty{width:100%;text-align:left;border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface-1);border:1px solid var(--divider);box-shadow:var(--shadow-sm)}.year-vision-card{cursor:pointer;border:1px solid var(--glass-border);appearance:none}.year-vision-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.year-vision-card:focus-visible{outline:3px solid var(--accent-highlight);outline-offset:3px}:root:not(.dark-mode) .year-vision-card,:root:not(.dark-mode) .year-vision-empty{background:#f2f7f6b8;border-color:#1f2d2a14}.year-vision-card--cosmic,.year-vision-empty--cosmic,.year-vision-pill--cosmic{--year-vision-ink: var(--text-primary);--year-vision-muted: var(--text-secondary);--year-vision-border-gradient: var(--accent-fill-gradient);--year-vision-surface-top: color-mix( in srgb, var(--glass-bg) 82%, var(--accent-subtle) 18% );--year-vision-surface-bottom: color-mix( in srgb, var(--glass-bg) 92%, var(--accent-muted) 8% );--year-vision-inner-stroke: color-mix( in srgb, var(--year-vision-ink) 12%, transparent );--year-vision-glow-a: color-mix( in srgb, var(--accent-border) 42%, transparent );--year-vision-glow-b: color-mix(in srgb, var(--accent-icon) 34%, transparent);--year-vision-glow-c: color-mix( in srgb, var(--accent-highlight) 28%, transparent );--year-vision-stars-opacity: .22;--year-vision-stars-blend: screen;--year-vision-title-shadow: 0 10px 26px rgba(0, 0, 0, .38);display:block;position:relative;overflow:hidden;border:2px solid transparent;padding:10px 12px 12px;background:linear-gradient(180deg,var(--year-vision-surface-top),var(--year-vision-surface-bottom)) padding-box,var(--year-vision-border-gradient) border-box;box-shadow:0 0 0 1px var(--year-vision-inner-stroke) inset,var(--shadow-md),0 0 18px var(--year-vision-glow-b),0 0 26px var(--year-vision-glow-a);backdrop-filter:none;-webkit-backdrop-filter:none}:root:not(.dark-mode) .year-vision-card--cosmic,:root:not(.dark-mode) .year-vision-empty--cosmic,:root:not(.dark-mode) .year-vision-pill--cosmic{--year-vision-surface-top: color-mix( in srgb, var(--bg-surface) 94%, var(--accent-subtle) 6% );--year-vision-surface-bottom: color-mix( in srgb, var(--bg-elevated) 96%, var(--accent-muted) 4% );--year-vision-glow-a: color-mix( in srgb, var(--accent-border) 18%, transparent );--year-vision-glow-b: color-mix(in srgb, var(--accent-icon) 14%, transparent);--year-vision-glow-c: color-mix( in srgb, var(--accent-highlight) 12%, transparent );--year-vision-stars-opacity: .12;--year-vision-stars-blend: multiply;--year-vision-title-shadow: 0 10px 22px rgba(0, 0, 0, .1)}:root.dark-mode .year-vision-card--cosmic,:root.dark-mode .year-vision-empty--cosmic,:root.dark-mode .year-vision-pill--cosmic{--year-vision-surface-top: color-mix( in srgb, var(--bg-base) 35%, var(--glass-bg) 65% );--year-vision-surface-bottom: color-mix( in srgb, var(--bg-base) 58%, var(--glass-bg) 42% );--year-vision-stars-opacity: .28;--year-vision-title-shadow: 0 12px 28px rgba(0, 0, 0, .46)}.year-vision-card--vision,.year-vision-pill--vision{--year-vision-border-gradient: linear-gradient( 135deg, #8b5cf6 0%, #a78bfa 120% );--year-vision-surface-top: color-mix( in srgb, var(--glass-bg) 82%, #8b5cf6 18% );--year-vision-surface-bottom: color-mix( in srgb, var(--glass-bg) 92%, #8b5cf6 8% );--year-vision-glow-a: color-mix(in srgb, #8b5cf6 42%, transparent);--year-vision-glow-b: color-mix(in srgb, #8b5cf6 34%, transparent);--year-vision-glow-c: color-mix(in srgb, #8b5cf6 28%, transparent)}.year-vision-card--milestone,.year-vision-pill--milestone{--year-vision-border-gradient: linear-gradient( 135deg, #3b82f6 0%, #60a5fa 120% );--year-vision-surface-top: color-mix( in srgb, var(--glass-bg) 82%, #3b82f6 18% );--year-vision-surface-bottom: color-mix( in srgb, var(--glass-bg) 92%, #3b82f6 8% );--year-vision-glow-a: color-mix(in srgb, #3b82f6 42%, transparent);--year-vision-glow-b: color-mix(in srgb, #3b82f6 34%, transparent);--year-vision-glow-c: color-mix(in srgb, #3b82f6 28%, transparent)}.year-vision-card--focus,.year-vision-pill--focus{--year-vision-border-gradient: linear-gradient( 135deg, #f59e0b 0%, #fbbf24 120% );--year-vision-surface-top: color-mix( in srgb, var(--glass-bg) 82%, #f59e0b 18% );--year-vision-surface-bottom: color-mix( in srgb, var(--glass-bg) 92%, #f59e0b 8% );--year-vision-glow-a: color-mix(in srgb, #f59e0b 42%, transparent);--year-vision-glow-b: color-mix(in srgb, #f59e0b 34%, transparent);--year-vision-glow-c: color-mix(in srgb, #f59e0b 28%, transparent)}.year-vision-card--cosmic[data-link-accent="1"],.year-vision-pill--cosmic[data-link-accent="1"]{--year-vision-border-gradient: var( --link-accent-gradient, linear-gradient( 135deg, color-mix(in srgb, var(--link-accent) 92%, white 8%) 0%, color-mix(in srgb, var(--link-accent) 62%, white 38%) 120% ) );--year-vision-surface-top: color-mix( in srgb, var(--glass-bg) 82%, var(--link-accent) 18% );--year-vision-surface-bottom: color-mix( in srgb, var(--glass-bg) 92%, var(--link-accent) 8% );--year-vision-glow-a: color-mix(in srgb, var(--link-accent) 42%, transparent);--year-vision-glow-b: color-mix(in srgb, var(--link-accent) 34%, transparent);--year-vision-glow-c: color-mix(in srgb, var(--link-accent) 28%, transparent)}.year-vision-pill{position:relative;overflow:hidden;display:inline-flex;flex-direction:column;align-items:center;gap:6px;max-width:min(520px,100%);padding:10px 16px;border:2px solid transparent;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,var(--year-vision-surface-top),var(--year-vision-surface-bottom)) padding-box,var(--year-vision-border-gradient) border-box;box-shadow:0 0 0 1px var(--year-vision-inner-stroke) inset,var(--shadow-md),0 0 16px var(--year-vision-glow-a)}.year-vision-pill:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 52%,color-mix(in srgb,var(--year-vision-ink) 32%,transparent) 0,transparent 2px),radial-gradient(1px 1px at 32% 38%,color-mix(in srgb,var(--year-vision-ink) 22%,transparent) 0,transparent 2px),radial-gradient(1px 1px at 52% 62%,color-mix(in srgb,var(--year-vision-ink) 18%,transparent) 0,transparent 2px),radial-gradient(1px 1px at 74% 44%,color-mix(in srgb,var(--year-vision-ink) 26%,transparent) 0,transparent 2px),radial-gradient(1px 1px at 84% 62%,color-mix(in srgb,var(--year-vision-ink) 18%,transparent) 0,transparent 2px);opacity:calc(var(--year-vision-stars-opacity) * .75);pointer-events:none;mix-blend-mode:var(--year-vision-stars-blend)}.year-vision-pill>*{position:relative;z-index:1}.year-vision-pill:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--year-vision-inner-stroke) inset,var(--shadow-lg),0 0 18px var(--year-vision-glow-b),0 0 24px var(--year-vision-glow-a)}.year-vision-pill:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-highlight) 70%,transparent);outline-offset:4px}.year-vision-pill-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--year-vision-ink) 82%,transparent);white-space:nowrap}.year-vision-pill-dot{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--accent-highlight) 55%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent-highlight) 32%,transparent),0 0 14px color-mix(in srgb,var(--accent-border) 28%,transparent)}.year-vision-pill-title{font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-style:italic;font-size:1.15rem;font-weight:520;letter-spacing:.02em;color:color-mix(in srgb,var(--year-vision-ink) 96%,transparent);text-shadow:var(--year-vision-title-shadow);white-space:normal;overflow:visible;text-overflow:clip;word-wrap:break-word;text-align:center;line-height:1.2}.year-vision-pill--empty .year-vision-pill-title{font-family:var(--font-display);font-style:normal;font-weight:750;letter-spacing:.02em}.year-vision-card--cosmic:before,.year-vision-empty--cosmic:before{content:"";position:absolute;inset:-2px;background:radial-gradient(260px 120px at 18% 24%,color-mix(in srgb,var(--accent-border) 24%,transparent),transparent 70%),radial-gradient(220px 120px at 86% 26%,color-mix(in srgb,var(--accent-highlight) 18%,transparent),transparent 70%),radial-gradient(300px 180px at 60% 110%,color-mix(in srgb,var(--accent-icon) 16%,transparent),transparent 70%);filter:blur(2px);opacity:.9;pointer-events:none}.year-vision-card--cosmic:after,.year-vision-empty--cosmic:after{display:none}.year-vision-card--cosmic>*,.year-vision-empty--cosmic>*{position:relative;z-index:1}.year-vision-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.year-vision-card--cosmic .year-vision-top{align-items:center;justify-content:center}.year-vision-label{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-size:clamp(15px,2.4vw,26px);font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--year-vision-ink) 86%,transparent)}.year-vision-year{letter-spacing:.04em}.year-vision-word{opacity:.98}.year-vision-meta{display:flex;align-items:center;gap:8px;opacity:.92;color:var(--year-vision-muted);font-size:.75rem;font-weight:650}.year-vision-card--cosmic .year-vision-meta{margin-top:4px}.year-vision-count{padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--year-vision-ink) 10%,transparent);border:1px solid color-mix(in srgb,var(--year-vision-ink) 16%,transparent);color:color-mix(in srgb,var(--year-vision-ink) 82%,transparent);letter-spacing:.01em}.year-vision-more{padding:2px 8px;border-radius:var(--radius-full);background:#0000000f;color:var(--text-primary);font-weight:700}.year-vision-card--cosmic .year-vision-more{background:#ffffff1a;color:#ffffffeb}.dark-mode .year-vision-more{background:#ffffff1a;color:var(--text-primary)}.year-vision-edit{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;color:color-mix(in srgb,var(--year-vision-ink) 88%,transparent);background:color-mix(in srgb,var(--year-vision-ink) 10%,transparent);border:1px solid color-mix(in srgb,var(--year-vision-ink) 16%,transparent);transition:transform .14s var(--ease-out),background-color .14s var(--ease-out),border-color .14s var(--ease-out)}.year-vision-edit svg{width:14px;height:14px}.year-vision-card--cosmic:hover .year-vision-edit{background:color-mix(in srgb,var(--year-vision-ink) 14%,transparent);border-color:color-mix(in srgb,var(--year-vision-ink) 22%,transparent);transform:translateY(-1px)}.year-vision-empty--cosmic .year-vision-label,.year-vision-card--cosmic .year-vision-label{width:100%;justify-content:center}.year-vision-main{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px}.year-vision-title{font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-style:italic;font-size:clamp(20px,3.2vw,38px);font-weight:520;letter-spacing:.02em;color:color-mix(in srgb,var(--year-vision-ink) 96%,transparent);text-shadow:var(--year-vision-title-shadow);text-align:center;white-space:normal;overflow:visible;text-overflow:clip;max-width:min(520px,78vw);line-height:1.05}.year-vision-rule{flex:0 0 auto;width:min(320px,55%);height:1px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--year-vision-ink) 12%,transparent),color-mix(in srgb,var(--year-vision-ink) 28%,transparent),color-mix(in srgb,var(--year-vision-ink) 10%,transparent));opacity:.9}.year-vision-desc{margin-top:6px;color:var(--text-secondary);line-height:1.5}.year-vision-card--cosmic .year-vision-desc,.year-vision-empty--cosmic .year-vision-desc{text-align:center;color:var(--year-vision-muted)}.year-vision-card--cosmic .year-vision-desc{display:none}.year-vision-card--cosmic:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--year-vision-inner-stroke) inset,var(--shadow-lg),0 0 22px var(--year-vision-glow-b),0 0 30px var(--year-vision-glow-a),0 0 18px var(--year-vision-glow-c)}.year-vision-card--cosmic:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-highlight) 70%,transparent);outline-offset:4px}.year-vision-card--mini.year-vision-card--cosmic{padding:8px 10px 9px;border-radius:16px}.year-vision-card--mini .year-vision-label{font-size:.78rem;letter-spacing:.08em}.year-vision-card--mini .year-vision-main{margin-top:6px;gap:0}.year-vision-card--mini .year-vision-title{font-size:1.05rem;font-style:italic;max-width:100%}.year-vision-empty--cosmic .year-add-vision-btn{display:block;margin-left:auto;margin-right:auto}@media(max-width:900px){.year-vision-banner{width:calc(100% - 32px);margin:2px auto 8px}.year-vision-banner--pill{max-width:calc(100% - 32px)}.year-vision-card--cosmic,.year-vision-empty--cosmic{padding:10px 10px 12px}.year-vision-main{gap:6px}.year-vision-title{max-width:min(420px,82vw)}.year-vision-pill{flex-wrap:wrap;max-width:100%}.year-vision-pill-title{white-space:normal;overflow:visible;text-overflow:clip;word-wrap:break-word;hyphens:auto}}@media(max-width:560px){.year-vision-banner--pill{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 6px 10px;gap:10px}.year-vision-pill{flex:0 0 auto}}.year-vision-hero-container{width:min(760px,calc(100% - 32px));margin:var(--space-3) auto 24px;display:flex;flex-direction:column;gap:16px}.year-vision-hero-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:var(--glass-bg);border-radius:28px;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.2,.8,.2,1);--vision-ink: var(--text-primary);--vision-surface-top: color-mix( in srgb, var(--bg-surface) 90%, var(--accent-subtle) 10% );--vision-surface-bottom: color-mix( in srgb, var(--bg-elevated) 92%, var(--accent-muted) 8% );--vision-border: color-mix(in srgb, var(--accent-border) 40%, transparent);background:linear-gradient(180deg,var(--vision-surface-top),var(--vision-surface-bottom));box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 20px #0000000a,0 1px 3px #00000005;border:1px solid var(--vision-border)}.dark-mode .year-vision-hero-card{--vision-surface-top: color-mix( in srgb, var(--bg-base) 40%, var(--glass-bg) 60% );--vision-surface-bottom: color-mix( in srgb, var(--bg-base) 60%, var(--glass-bg) 40% );--vision-border: rgba(255, 255, 255, .08);box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 32px #0003}.year-vision-hero-card:hover{transform:translateY(-2px) scale(1.005);box-shadow:inset 0 0 0 1px #fff3,0 12px 40px #00000014}.year-vision-hero-card:active{transform:translateY(0) scale(.995)}.year-vision-hero-label{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent-text);margin-bottom:12px;display:flex;align-items:center;gap:8px;opacity:.9}.year-vision-hero-label:before,.year-vision-hero-label:after{content:"";display:inline-block;width:24px;height:1px;background:currentColor;opacity:.4}.year-vision-hero-title{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;font-weight:500;font-style:italic;text-align:center;color:var(--text-primary);max-width:var(--container-xl);text-wrap:balance}.year-vision-hero-card--empty{border-style:dashed;background:transparent;padding:24px}.year-vision-hero-card--empty .year-vision-hero-title{font-family:var(--font-display);font-style:normal;font-size:1.2rem;opacity:.7}@media(max-width:600px){.year-vision-hero-container{width:calc(100% - 24px);margin:8px auto 20px}.year-vision-hero-card{padding:24px 16px;border-radius:20px}.year-vision-hero-title{font-size:1.35rem}}.year-vision-icon-only{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative}.year-vision-icon-only:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.year-vision-icon-only--empty:hover{border-color:var(--accent-button);background:var(--accent-subtle);color:var(--accent-button)}.year-vision-icon-only:active{transform:scale(.98)}.year-vision-icon-only--empty{border-style:dashed;background:transparent;border-color:var(--accent-stroke);color:var(--accent)}.vision-icon-large{font-size:1.8rem;line-height:1}.vision-icon-badge{position:absolute;bottom:-4px;right:-4px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:var(--shadow-sm)}:root:not(.dark-mode) .year-view-container .month-card{color:#0a1113}:root:not(.dark-mode) .year-view-container .month-card .month-context,:root:not(.dark-mode) .year-view-container .month-card .month-progress-label,:root:not(.dark-mode) .year-view-container .month-card .month-meta{color:#2d3f44}:root:not(.dark-mode) .year-view-container .goal-item.goal-item--month-milestone .goal-title,:root:not(.dark-mode) .year-view-container .goal-item.goal-item--month-milestone .goal-title-text{color:#0a1113}:root.dark-mode.time-dawn .year-view-container .month-card,:root.dark-mode.time-morning .year-view-container .month-card,:root.dark-mode.time-afternoon .year-view-container .month-card,:root.dark-mode.time-evening .year-view-container .month-card{color:#0d1517!important}:root.dark-mode.time-dawn .year-view-container .month-card .month-name,:root.dark-mode.time-morning .year-view-container .month-card .month-name,:root.dark-mode.time-afternoon .year-view-container .month-card .month-name,:root.dark-mode.time-evening .year-view-container .month-card .month-name,:root.dark-mode.time-dawn .year-view-container .month-card .goal-title,:root.dark-mode.time-morning .year-view-container .month-card .goal-title,:root.dark-mode.time-afternoon .year-view-container .month-card .goal-title,:root.dark-mode.time-evening .year-view-container .month-card .goal-title,:root.dark-mode.time-dawn .year-view-container .month-card .goal-title-text,:root.dark-mode.time-morning .year-view-container .month-card .goal-title-text,:root.dark-mode.time-afternoon .year-view-container .month-card .goal-title-text,:root.dark-mode.time-evening .year-view-container .month-card .goal-title-text{color:#0d1517!important}:root.dark-mode.time-dawn .year-view-container .month-card .month-context,:root.dark-mode.time-morning .year-view-container .month-card .month-context,:root.dark-mode.time-afternoon .year-view-container .month-card .month-context,:root.dark-mode.time-evening .year-view-container .month-card .month-context,:root.dark-mode.time-dawn .year-view-container .month-card .month-time-detail,:root.dark-mode.time-morning .year-view-container .month-card .month-time-detail,:root.dark-mode.time-afternoon .year-view-container .month-card .month-time-detail,:root.dark-mode.time-evening .year-view-container .month-card .month-time-detail,:root.dark-mode.time-dawn .year-view-container .month-card .month-progress-label,:root.dark-mode.time-morning .year-view-container .month-card .month-progress-label,:root.dark-mode.time-afternoon .year-view-container .month-card .month-progress-label,:root.dark-mode.time-evening .year-view-container .month-card .month-progress-label,:root.dark-mode.time-dawn .year-view-container .month-card .month-meta,:root.dark-mode.time-morning .year-view-container .month-card .month-meta,:root.dark-mode.time-afternoon .year-view-container .month-card .month-meta,:root.dark-mode.time-evening .year-view-container .month-card .month-meta,:root.dark-mode.time-dawn .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta,:root.dark-mode.time-morning .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta,:root.dark-mode.time-afternoon .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta,:root.dark-mode.time-evening .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta{color:#2d3f44!important}:root.dark-mode.time-dawn .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta-chip,:root.dark-mode.time-morning .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta-chip,:root.dark-mode.time-afternoon .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta-chip,:root.dark-mode.time-evening .year-view-container .goal-item.goal-item--month-milestone .month-goal-meta-chip{background:#0a11131a}.year-vision-hero-header{text-align:center;margin-bottom:16px}.year-vision-icons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.year-vision-card-icon{font-size:2.5rem;margin-bottom:12px}.year-vision-hero-cards{display:flex;flex-direction:column;gap:16px}.year-vision-pill-icon{font-size:1.2rem;margin-right:4px}.year-view-header{text-align:center;margin-bottom:var(--space-2)}.year-view-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin:0}.year-vision-hero-container{margin-top:var(--space-3);display:flex;justify-content:center}.week-view{padding:0;display:flex;flex-direction:column}.week-view-header{text-align:center;margin-bottom:var(--space-5)}.week-header-icons{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:nowrap}.week-vision-strip{--link-accent: var(--level-vision, #8b5cf6);display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:6px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--link-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--link-accent) 26%,transparent)}.week-vision-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.week-vision-chip{background:color-mix(in srgb,var(--link-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--link-accent) 30%,transparent);border-left:3px solid var(--link-accent);border-radius:var(--radius-full);padding:4px 10px;font-size:var(--text-xs);font-weight:500;color:var(--text-primary);cursor:pointer;max-width:52ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--duration-fast)}.week-vision-chip:hover{background:color-mix(in srgb,var(--link-accent) 24%,transparent);border-color:color-mix(in srgb,var(--link-accent) 42%,transparent);transform:translateY(-1px)}.week-vision-chip:focus-visible{outline:2px solid var(--link-accent);outline-offset:2px}.week-vision-more{margin-left:8px;font-size:var(--text-xs);color:var(--text-tertiary)}.week-focus-banner{display:inline-flex;justify-content:center;margin-top:0}.week-focus-pill{max-width:min(720px,100%)}.week-focus-pill .year-vision-pill-dot{background:color-mix(in srgb,var(--accent-progress) 60%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent-progress) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent-border) 26%,transparent)}.week-view-title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-2);background:linear-gradient(110deg,var(--text-primary) 0%,var(--accent) 65%,var(--sage) 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.week-view-range{color:var(--text-secondary);font-size:var(--text-lg)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-3);flex:1;min-height:0}@media(max-width:700px){.week-header-icons{flex-wrap:wrap;row-gap:var(--space-2)}}.week-day-column{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;min-height:200px;max-height:600px;border:1px solid var(--glass-border)}.week-day-column.today{border-color:var(--accent);box-shadow:var(--shadow-glow-sm)}.week-day-header{display:flex;align-items:center;justify-content:space-between;text-align:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-3)}.week-day-events{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border)}.week-event-item{padding:var(--space-3);background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);border-left:3px solid rgba(148,163,184,.9);min-height:44px;display:flex;flex-direction:column;gap:2px}.week-event-title{font-size:var(--text-sm);font-weight:650;color:var(--text-primary);line-height:1.2}.week-event-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.week-day-jump{appearance:none;background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2px;color:inherit}.week-day-jump:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.week-day-badge{min-width:24px;height:24px;padding:0 6px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-muted)}.week-day-name{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.week-day-date{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.week-day-column.today .week-day-date{color:var(--accent)}.week-day-goals{flex:1;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.week-goal-item{padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);--link-accent: var(--accent);border-left:3px solid var(--link-accent);min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.week-goal-item:hover{background:var(--accent-subtle)}.week-goal-item:active{transform:scale(.98);background:var(--bg-active)}.week-goal-item.completed{opacity:.6;border-left-color:var(--success)}.week-goal-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.week-goal-item.completed .week-goal-title{text-decoration:line-through}.goal-checkmark{color:var(--success);font-weight:700;margin-right:var(--space-1)}.week-goal-category{font-size:var(--text-xs);color:var(--text-tertiary)}.week-day-empty{color:var(--text-ghost);font-size:var(--text-sm);text-align:center;padding:var(--space-4);font-style:italic}:root.time-dawn:not(.dark-mode) .week-day-column,:root.time-morning:not(.dark-mode) .week-day-column,:root.time-afternoon:not(.dark-mode) .week-day-column,:root.time-evening:not(.dark-mode) .week-day-column{background:#f2f0ec73;border:1.5px solid rgba(26,43,47,.25)}:root.time-dawn:not(.dark-mode) .week-day-column.today,:root.time-morning:not(.dark-mode) .week-day-column.today,:root.time-afternoon:not(.dark-mode) .week-day-column.today,:root.time-evening:not(.dark-mode) .week-day-column.today{border-color:var(--accent);border-width:2px}:root.dark-mode.time-dawn .week-view-title,:root.dark-mode.time-morning .week-view-title,:root.dark-mode.time-afternoon .week-view-title,:root.dark-mode.time-evening .week-view-title{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.4))}:root.dark-mode.time-dawn .week-view-range,:root.dark-mode.time-morning .week-view-range,:root.dark-mode.time-afternoon .week-view-range,:root.dark-mode.time-evening .week-view-range{text-shadow:0 1px 3px rgba(0,0,0,.5);background:#00000040;padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.3);display:inline-block}.day-view{color:var(--text-primary)}.day-view{padding:var(--space-6);max-width:var(--container-xwide);margin:0 auto}.day-goal-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--accent);background:var(--accent-subtle);padding:2px 8px;border-radius:var(--radius-full)}.day-view-header{text-align:center;margin-bottom:var(--space-6)}.day-view-title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-1)}.day-view-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.day-time-context{background:var(--accent-subtle);border:1px solid var(--accent-muted);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);text-align:center}.day-time-message{font-size:var(--text-lg);color:var(--text-primary);font-weight:500}.day-time-detail{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.day-land{position:relative;border-radius:var(--radius-xl);border:1px solid rgba(180,106,74,.25);background:radial-gradient(1200px 600px at 10% 0%,rgba(140,183,217,.12) 0%,transparent 55%),radial-gradient(900px 600px at 100% 20%,rgba(111,155,134,.12) 0%,transparent 60%),linear-gradient(180deg,#faf8f5a6,#f7f3ed80);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-5)}.day-land:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(180,106,74,.06) 0px,rgba(180,106,74,.06) 10px,transparent 10px,transparent 22px);opacity:.25;pointer-events:none}.dark-mode .day-land{border:1px solid rgba(164,185,217,.12);background:radial-gradient(1200px 600px at 10% 0%,rgba(30,41,79,.45) 0%,transparent 65%),radial-gradient(900px 600px at 100% 20%,rgba(15,23,42,.42) 0%,transparent 68%),var(--bg-elevated);box-shadow:0 24px 80px #000000a6}.dark-mode .day-land:before{opacity:.1;background-image:repeating-linear-gradient(45deg,rgba(140,183,217,.08) 0px,rgba(140,183,217,.08) 10px,transparent 10px,transparent 22px)}:root.time-dawn:not(.dark-mode) .day-land,:root.time-morning:not(.dark-mode) .day-land,:root.time-afternoon:not(.dark-mode) .day-land,:root.time-evening:not(.dark-mode) .day-land{background:radial-gradient(1200px 600px at 10% 0%,rgba(140,183,217,.08) 0%,transparent 55%),radial-gradient(900px 600px at 100% 20%,rgba(111,155,134,.08) 0%,transparent 60%),linear-gradient(180deg,#faf8f559,#f7f3ed40);border:1.5px solid rgba(26,43,47,.2);box-shadow:0 12px 40px #1a2b2f14}:root.time-dawn:not(.dark-mode) .day-section,:root.time-morning:not(.dark-mode) .day-section,:root.time-afternoon:not(.dark-mode) .day-section,:root.time-evening:not(.dark-mode) .day-section{background:#faf8f573;border:1px solid rgba(26,43,47,.18)}:root.dark-mode.time-dawn .day-land,:root.dark-mode.time-morning .day-land,:root.dark-mode.time-afternoon .day-land,:root.dark-mode.time-evening .day-land{background:radial-gradient(1200px 600px at 10% 0%,rgba(30,41,79,.25) 0%,transparent 65%),radial-gradient(900px 600px at 100% 20%,rgba(15,23,42,.22) 0%,transparent 68%),#111e2d73;border:1px solid rgba(140,183,217,.18);box-shadow:0 16px 48px #00000059}:root.dark-mode.time-dawn .day-section,:root.dark-mode.time-morning .day-section,:root.dark-mode.time-afternoon .day-section,:root.dark-mode.time-evening .day-section{background:#111e2d8c;border:1px solid rgba(140,183,217,.14)}.day-land-topbar{position:relative;display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--space-4)}.day-land-fence{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-full);background:#faf8f599;border:1px solid var(--glass-border);box-shadow:var(--shadow-xs)}.dark-mode .day-land-fence{background:var(--bg-surface);border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000073;backdrop-filter:blur(8px)}.fence-label{font-weight:800;color:var(--earth);letter-spacing:-.02em}.dark-mode .fence-label{color:var(--sky)}.fence-value{font-weight:700;color:var(--text-primary)}.fence-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.day-sections{display:grid;grid-template-columns:1fr;gap:var(--space-4);--lanes: 1}.day-section{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--glass-border)}.dark-mode .day-section{background:var(--bg-surface);border:1px solid var(--glass-border)}.day-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-3)}.day-section-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.day-section-count{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);background:var(--bg-hover);padding:2px 8px;border-radius:var(--radius-full)}.day-section-content{display:flex;flex-direction:column;gap:var(--space-2)}.day-section-unscheduled .day-section-content,.day-section-completed .day-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.day-section-content.day-timeline{position:relative;min-height:400px;height:clamp(540px,64vh,860px);border-radius:var(--radius-md);--time-gutter: 68px;background:var(--bg-base);padding:var(--space-4) var(--space-3);overflow:hidden}.dark-mode .day-section-content.day-timeline{background:#0a1a0f99}.day-section-empty{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-6);font-style:italic}body.is-dragging-seed .day-goal-card.day-goal-variant-seed[draggable=true]{cursor:grabbing}body.is-touch-dragging-seed{user-select:none;-webkit-user-select:none}.drag-ghost{position:fixed;z-index:3000;pointer-events:none;opacity:.92;transform:translate(-50%,-50%) rotate(-1deg);box-shadow:var(--shadow-xl);border-color:#ffffff2e}.day-bed-canvas.is-drop-target{outline:2px dashed rgba(107,168,169,.45);outline-offset:6px}.day-bed-canvas.is-drop-over{outline-color:var(--accent)}.bed-hour{position:absolute;top:calc(var(--at) * 1%);left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-3);padding:0;padding-left:var(--space-2)}.bed-hour.is-first{transform:translateY(0)}.bed-hour.is-last{transform:translateY(-100%)}.bed-hour-label{font-size:var(--text-sm);font-weight:400;color:var(--text-secondary);min-width:var(--time-gutter);text-align:left;padding:0;background:none;border:none;letter-spacing:0}.dark-mode .bed-hour-label{color:#eaf6f099;background:none;border:none;box-shadow:none}.bed-hour-line{flex:1;height:1px;background:var(--glass-border);opacity:.4}.bed-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;color:var(--text-secondary);background-color:var(--glass-border)}.day-goal-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.day-goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.day-goal-card.completed{opacity:.85}.day-goal-checkbox{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--glass-border);background:var(--bg-base);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.day-goal-level{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);margin-bottom:var(--space-2)}.day-goal-level-emoji{filter:saturate(1.05)}.day-goal-checkbox:hover{border-color:var(--accent)}.day-goal-checkbox.checked{background:var(--success);border-color:var(--success)}.day-goal-checkbox.checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.day-goal-content{flex:1}.day-goal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.day-goal-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;margin-bottom:var(--space-2)}.btn-zen-focus{margin-left:auto;border:1px solid var(--glass-border);background:#faf8f58c;color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 10px;font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.dark-mode .btn-zen-focus{background:#07110e73;border:1px solid rgba(140,183,217,.14);color:#eaf6f0c7}.btn-zen-focus:hover{background:#faf8f5bf;border-color:#b46a4a40;transform:translateY(-1px)}.dark-mode .btn-zen-focus:hover{background:#8cb7d91a;border-color:#8cb7d938}.day-goal-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.day-goal-card.completed .day-goal-title{text-decoration:line-through;color:var(--text-secondary)}.day-goal-progress{margin-top:var(--space-3)}.day-goal-variant-seed{border-left:4px solid var(--sage);background:linear-gradient(180deg,#faf8f5d9,#f7f3edbf)}.dark-mode .day-goal-variant-seed{background:#0a161299;border:1px solid rgba(140,183,217,.12);border-left:4px solid var(--sage)}.day-goal-variant-compost{border-left:4px solid var(--success);background:#6f9b861f}.dark-mode .day-goal-variant-compost{background:#6f9b861a;border:1px solid rgba(140,183,217,.1)}.day-goal-variant-planter{position:absolute;top:calc(var(--start) * 1%);height:calc(var(--dur) * 1%);left:calc(var(--time-gutter) + (var(--lane) * (100% - var(--time-gutter))) / var(--lanes));width:calc(((100% - var(--time-gutter)) / var(--lanes)) - var(--space-3));min-height:92px;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(180,106,74,.22);border-top:7px solid var(--earth);background:linear-gradient(180deg,#faf8f5d9,#f7f3edad 60%,#b46a4a14);box-shadow:var(--shadow-sm);z-index:2}.dark-mode .day-goal-variant-planter{border:1px solid rgba(140,183,217,.14);border-top-color:#b46a4a8c;background:linear-gradient(180deg,#0a1612c7,#0a16129e 60%,#8cb7d90f);box-shadow:0 10px 22px #00000073}.day-goal-variant-planter:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(800px 120px at 20% 0%,rgba(140,183,217,.22) 0%,transparent 55%),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.28) 48%,transparent 60%);transition:opacity var(--duration-fast) var(--ease-out)}.day-goal-variant-planter:hover:after{opacity:1}@media(prefers-reduced-motion:reduce){.bg-canvas:before,.dark-mode .bg-canvas:after{animation:none!important}.btn-primary:after{transition:none!important}}.day-goal-variant-planter:hover{border-color:#b46a4a59}.day-goal-variant-planter .btn-zen-focus{opacity:0;pointer-events:none}.day-goal-variant-planter:hover .btn-zen-focus,.day-goal-variant-planter:focus-within .btn-zen-focus{opacity:1;pointer-events:auto}.day-goal-variant-planter[draggable=true]{cursor:grab;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.day-goal-variant-planter[draggable=true]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}body.is-dragging-planter .day-goal-variant-planter[draggable=true]{cursor:grabbing;opacity:.75;transform:scale(.98);box-shadow:var(--shadow-lg);z-index:10}body.is-dragging-planter .day-goal-variant-planter[draggable=true]:not([aria-grabbed=true]){opacity:1;transform:none}.day-goal-variant-planter[aria-grabbed=true]{opacity:.6;transform:scale(.96) rotate(.5deg);box-shadow:var(--shadow-xl);z-index:10}body.is-resizing-planter{user-select:none;-webkit-user-select:none;cursor:ns-resize}.day-goal-variant-planter.is-resizing{opacity:.9;box-shadow:var(--shadow-lg)}.planter-resize-handle{position:absolute;left:0;right:0;height:8px;cursor:ns-resize;z-index:3;background:transparent;transition:background var(--duration-fast) var(--ease-out);pointer-events:auto}.planter-resize-handle-top{top:-4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.planter-resize-handle-bottom{bottom:-4px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.planter-resize-handle:hover{background:#b46a4a26}.planter-resize-handle:active{background:#b46a4a40}.dark-mode .planter-resize-handle:hover{background:#8cb7d91f}.dark-mode .planter-resize-handle:active{background:#8cb7d933}.day-goal-variant-planter .day-goal-level-label{display:none}.day-goal-variant-planter .day-goal-level{font-size:var(--text-xs);color:var(--text-tertiary)}.month-card{background:var(--month-card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);min-height:220px;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;box-shadow:var(--shadow-sm)}.month-card:hover{background:var(--month-card-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.month-card.current{background:var(--accent-subtle);border-color:var(--accent-muted);box-shadow:var(--shadow-sm),var(--shadow-glow-sm)}.month-card.past{background:var(--month-card-past-grey);opacity:.85}.month-card.past:hover{background:var(--month-card-past-grey-hover);opacity:.95}.month-card.future{background:var(--month-card-bg);opacity:1}.month-card.future:hover{background:var(--month-card-bg-hover)}.dark-mode.time-night .month-card{color:#fffffffa}.dark-mode.time-night .month-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-mode.time-night .month-meta{color:#ffffffd9}.dark-mode.time-night .month-progress-label,.dark-mode.time-night .month-context{color:#fffc}:root.time-dawn:not(.dark-mode) .month-card,:root.time-morning:not(.dark-mode) .month-card,:root.time-afternoon:not(.dark-mode) .month-card,:root.time-evening:not(.dark-mode) .month-card{background:#f5f3f073;border:1px solid rgba(90,140,140,.25)}:root.time-dawn:not(.dark-mode) .month-card:hover,:root.time-morning:not(.dark-mode) .month-card:hover,:root.time-afternoon:not(.dark-mode) .month-card:hover,:root.time-evening:not(.dark-mode) .month-card:hover{background:#f5f3f08c}:root.time-dawn:not(.dark-mode) .month-card.past,:root.time-morning:not(.dark-mode) .month-card.past,:root.time-afternoon:not(.dark-mode) .month-card.past,:root.time-evening:not(.dark-mode) .month-card.past{background:#8c8c8c2e;opacity:.7}:root.time-dawn:not(.dark-mode) .month-card.past:hover,:root.time-morning:not(.dark-mode) .month-card.past:hover,:root.time-afternoon:not(.dark-mode) .month-card.past:hover,:root.time-evening:not(.dark-mode) .month-card.past:hover{background:#8c8c8c3d;opacity:.8}:root.time-dawn:not(.dark-mode) .month-card .month-name,:root.time-morning:not(.dark-mode) .month-card .month-name,:root.time-afternoon:not(.dark-mode) .month-card .month-name,:root.time-evening:not(.dark-mode) .month-card .month-name{color:#0a1113!important;text-shadow:0 1px 2px rgba(255,255,255,.5)}:root.time-dawn:not(.dark-mode) .month-card .month-meta,:root.time-morning:not(.dark-mode) .month-card .month-meta,:root.time-afternoon:not(.dark-mode) .month-card .month-meta,:root.time-evening:not(.dark-mode) .month-card .month-meta,:root.time-dawn:not(.dark-mode) .month-card .month-context,:root.time-morning:not(.dark-mode) .month-card .month-context,:root.time-afternoon:not(.dark-mode) .month-card .month-context,:root.time-evening:not(.dark-mode) .month-card .month-context,:root.time-dawn:not(.dark-mode) .month-card .month-progress-label,:root.time-morning:not(.dark-mode) .month-card .month-progress-label,:root.time-afternoon:not(.dark-mode) .month-card .month-progress-label,:root.time-evening:not(.dark-mode) .month-card .month-progress-label{color:#2d3f44!important}:root.time-dawn:not(.dark-mode) .month-card .month-time-detail,:root.time-morning:not(.dark-mode) .month-card .month-time-detail,:root.time-afternoon:not(.dark-mode) .month-card .month-time-detail,:root.time-evening:not(.dark-mode) .month-card .month-time-detail{color:#1e6fb8!important}:root.time-dawn:not(.dark-mode) .month-card .goal-title,:root.time-morning:not(.dark-mode) .month-card .goal-title,:root.time-afternoon:not(.dark-mode) .month-card .goal-title,:root.time-evening:not(.dark-mode) .month-card .goal-title{color:#0a1113!important}:root.time-dawn:not(.dark-mode) .month-card .goal-tag,:root.time-morning:not(.dark-mode) .month-card .goal-tag,:root.time-afternoon:not(.dark-mode) .month-card .goal-tag,:root.time-evening:not(.dark-mode) .month-card .goal-tag{color:#4a5b60!important;background:#1a2b2f26}:root.time-dawn:not(.dark-mode) .month-actions .btn-ghost,:root.time-morning:not(.dark-mode) .month-actions .btn-ghost,:root.time-afternoon:not(.dark-mode) .month-actions .btn-ghost,:root.time-evening:not(.dark-mode) .month-actions .btn-ghost{color:#0a1113!important;background:#1a2b2f1f;border:1px solid rgba(26,43,47,.2)}:root.time-dawn:not(.dark-mode) .month-actions .btn-ghost:hover,:root.time-morning:not(.dark-mode) .month-actions .btn-ghost:hover,:root.time-afternoon:not(.dark-mode) .month-actions .btn-ghost:hover,:root.time-evening:not(.dark-mode) .month-actions .btn-ghost:hover{background:#1a2b2f38}:root.dark-mode.time-dawn .month-card.current,:root.dark-mode.time-morning .month-card.current,:root.dark-mode.time-afternoon .month-card.current,:root.dark-mode.time-evening .month-card.current{background:#8cb7d92e;border-color:#8cb7d959}.month-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:var(--space-3);row-gap:2px;align-items:center;margin-bottom:var(--space-3)}.month-name{font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;color:var(--text-primary);grid-column:1;grid-row:1 / span 2}.month-meta{font-size:var(--text-xs);color:var(--text-secondary)}.month-progress{text-align:right}.month-progress-value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--success)}.month-progress-label{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:-.01em;font-weight:500}.month-progress-bar{height:3px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.month-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--success) 100%);border-radius:inherit;transition:width var(--duration-slow) var(--ease-out)}.month-context{font-size:var(--text-xs);color:var(--text-secondary);margin-top:0;text-align:right;grid-column:2;grid-row:1}.month-time-detail{font-size:var(--text-xs);color:var(--accent);margin-top:0;font-weight:500;text-align:right;grid-column:2;grid-row:2}.month-card.current .month-time-detail{color:var(--success)}.month-card.past .month-time-detail{display:none}.goals-list,.month-goals{flex:1;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;max-height:160px}.month-goals::-webkit-scrollbar{width:4px}.month-goals::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:var(--radius-full)}.goal-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.goal-item:hover{background:#ffffff0f}.goal-item.goal-item--month-milestone{align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #ffffff0a inset}.goal-item.goal-item--month-milestone:hover{background:#ffffff0f;border-color:#ffffff1a}:root:not(.dark-mode) .goal-item.goal-item--month-milestone{background:#0a11130d;border-color:#0a11131a;box-shadow:0 0 0 1px #0a11130d inset}:root:not(.dark-mode) .goal-item.goal-item--month-milestone:hover{background:#0a111312;border-color:#0a111324}.goal-item.goal-item--month-milestone .goal-content{display:flex;flex-direction:column;gap:6px}.goal-item.goal-item--month-milestone .month-goal-row{display:flex;align-items:center;gap:10px;min-width:0}.goal-item.goal-item--month-milestone .month-goal-dot{width:8px;height:8px;border-radius:999px;background:var(--goal-dot-color, var(--accent));box-shadow:0 0 0 2px #0000001f inset,0 0 14px color-mix(in srgb,var(--goal-dot-color, var(--accent)) 35%,transparent);flex-shrink:0}:root:not(.dark-mode) .goal-item.goal-item--month-milestone .month-goal-dot{box-shadow:0 0 0 2px #ffffff8c inset,0 0 14px color-mix(in srgb,var(--goal-dot-color, var(--accent)) 22%,transparent)}.goal-item.goal-item--month-milestone .goal-title{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600}.goal-item.goal-item--month-milestone .goal-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.goal-item.goal-item--month-milestone .month-goal-done{margin-left:auto;color:var(--success);font-weight:800;opacity:.95}.goal-item.goal-item--month-milestone .month-goal-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--text-tertiary)}.goal-item.goal-item--month-milestone .month-goal-meta-chip{padding:1px 6px;border-radius:var(--radius-full);background:#ffffff14;color:inherit;line-height:1.4}:root:not(.dark-mode) .goal-item.goal-item--month-milestone .month-goal-meta-chip{background:#0a111314}.goal-item.goal-item--month-milestone .goal-progress{margin-top:0;opacity:.85}.goal-item.goal-item--month-milestone .goal-edit-btn{width:30px;height:30px;border-radius:999px}.goal-checkbox{width:16px;height:16px;border:2px solid var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all var(--duration-fast) var(--ease-out)}.goal-checkbox:hover{border-color:var(--accent)}.goal-checkbox.checked{background:var(--success);border-color:var(--success)}.goal-checkbox.checked:after{content:"✓";color:var(--bg-base);font-size:.625rem;font-weight:700}.goal-content{flex:1;min-width:0}.goal-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-item.completed .goal-title{text-decoration:line-through;color:var(--text-tertiary)}.goal-tags{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.goal-tag{font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-full);background:#ffffff14;color:var(--text-tertiary)}.goal-tag.priority-high{background:var(--warning-muted);color:var(--warning)}.goal-tag.priority-urgent{background:var(--danger-muted);color:var(--danger)}.goal-progress{height:2px;background:#ffffff1a;border-radius:var(--radius-full);margin-top:var(--space-1);overflow:hidden}.goal-progress-fill{height:100%;background:var(--success);border-radius:inherit;transition:width var(--duration-normal) var(--ease-out)}.goal-progress-text{font-size:var(--text-xs);color:var(--accent);font-weight:500}.goal-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-ghost);margin-top:var(--space-1)}.goal-subtasks{font-size:var(--text-xs);padding:1px 4px;background:#ffffff14;border-radius:var(--radius-sm)}.goal-edit-btn{opacity:0;transition:opacity var(--duration-fast)}.goal-item:hover .goal-edit-btn{opacity:1}.month-actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}.month-actions .btn{flex:1;border-radius:var(--radius-full)}.month-actions .btn-ghost{background:var(--accent-subtle);border-color:transparent;color:var(--text-primary)}.month-actions .btn-ghost:hover{background:var(--accent-muted);border-color:transparent;color:var(--text-primary)}.dark-mode.time-night .month-actions .btn-ghost{background:#4a909933;color:#fffffff2;font-weight:500}.dark-mode.time-night .month-actions .btn-ghost:hover{background:#4a909959;color:#fff}:root.dark-mode.time-dawn .month-card .month-name,:root.dark-mode.time-morning .month-card .month-name,:root.dark-mode.time-afternoon .month-card .month-name,:root.dark-mode.time-evening .month-card .month-name{color:#0d1517!important}:root.dark-mode.time-dawn .month-card .month-context,:root.dark-mode.time-morning .month-card .month-context,:root.dark-mode.time-afternoon .month-card .month-context,:root.dark-mode.time-evening .month-card .month-context,:root.dark-mode.time-dawn .month-card .month-progress-label,:root.dark-mode.time-morning .month-card .month-progress-label,:root.dark-mode.time-afternoon .month-card .month-progress-label,:root.dark-mode.time-evening .month-card .month-progress-label{color:#2d3f44!important}:root.dark-mode.time-dawn .month-actions .btn-ghost,:root.dark-mode.time-morning .month-actions .btn-ghost,:root.dark-mode.time-afternoon .month-actions .btn-ghost,:root.dark-mode.time-evening .month-actions .btn-ghost{color:#0d1517!important;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}:root.dark-mode.time-dawn .month-actions .btn-ghost:hover,:root.dark-mode.time-morning .month-actions .btn-ghost:hover,:root.dark-mode.time-afternoon .month-actions .btn-ghost:hover,:root.dark-mode.time-evening .month-actions .btn-ghost:hover{color:#0d1517!important;background:#ffffff38;border-color:#ffffff4d}@media(max-width:600px){.year-view,.month-view{padding:var(--space-4)}.year-view-subtitle,.month-view-subtitle{font-size:var(--text-sm)}.year-view-header:after,.month-view-header:after{display:none!important;content:none!important;width:0!important;height:0!important}.month-card{min-height:0;padding:var(--space-4)}.month-goals{flex:0 0 auto;max-height:none;overflow:visible}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;color:var(--text-ghost)}.empty-state-emoji{font-size:2rem;margin-bottom:var(--space-2);opacity:.5}.empty-state-text{font-size:var(--text-sm)}.garden-hierarchy-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);width:100%;max-width:var(--container-wide);margin:0 auto;position:relative}.garden-level-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:var(--space-8)}.garden-level-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--divider);transform:translate(-50%);z-index:0}.garden-level-wrapper:last-child{padding-bottom:0}.garden-level-wrapper:last-child:before{display:none}.connection-node{width:8px;height:8px;background:var(--divider);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);z-index:2}.garden-level-panel{background:var(--surface-1);border:1px solid var(--divider);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;position:relative;z-index:1;transition:all .3s ease}.garden-level-panel:hover{background:#ffffff40;border-color:#fff9;box-shadow:0 8px 40px #fff3}.panel-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--divider);padding-bottom:var(--space-3)}.panel-icon{font-size:1.2rem}.panel-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.panel-subtitle{font-size:var(--text-xs);color:var(--text-secondary);font-weight:400}.panel-content{display:flex;flex-wrap:wrap;gap:var(--space-3)}.garden-item{background:var(--surface-0);border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .2s ease;flex:1 1 200px;min-width:150px;display:flex;align-items:center}.garden-item:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.item-text{color:var(--text-primary);font-weight:500;font-size:var(--text-sm)}.vision-card{min-height:80px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a)}.milestone-card{border-left:3px solid rgba(135,206,235,.8)}.focus-card{border-left:3px solid #4caf50}.intention-seed{border-radius:20px;flex:0 1 auto;background:#ffffff4d}.add-node-btn{width:36px;height:36px;border-radius:var(--radius-md);background:#fff3;border:1px dashed rgba(255,255,255,.5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem;align-self:center}.add-node-btn:hover{background:var(--surface-1);color:var(--accent)}.empty-level-msg{width:100%;text-align:center;font-style:italic;color:#ffffffb3;font-size:.9rem}html:not(.dark-mode) .garden-hierarchy-container{color:var(--text-primary)}html:not(.dark-mode) .garden-level-panel{background:#fff6;border-color:#fff}html:not(.dark-mode) .panel-title{color:#333;text-shadow:none}html:not(.dark-mode) .panel-subtitle{color:#555}html:not(.dark-mode) .garden-item{background:#fff9;border-color:#fff}html:not(.dark-mode) .item-text{color:#333;text-shadow:none}html:not(.dark-mode) .garden-level-wrapper:before{background:linear-gradient(to bottom,#0000001a,#0003)}html.dark-mode .garden-level-panel{background:#0000004d;border-color:#ffffff26}html.dark-mode .garden-item{background:#ffffff0d;border-color:#ffffff1a}html.dark-mode .garden-item:hover{background:#ffffff1a}.calendar-grid.garden-view-wrapper{display:flex!important;grid-template-columns:unset!important;justify-content:center!important;align-items:center!important;height:100%;width:100%;padding:0!important;gap:0!important}.garden-view-container{height:100%;width:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 0%,rgba(var(--primary-rgb),.1),transparent 70%)}.garden-center-stage{width:100%;max-width:680px;height:100%;max-height:900px;display:flex;flex-direction:column;padding:var(--space-4);position:relative;z-index:10;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.garden-view-container.drawer-open .garden-center-stage{transform:translate(180px);opacity:.8;pointer-events:none}.garden-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-4);margin-bottom:var(--space-4);position:relative;gap:var(--space-6)}.garden-header .date-display{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border:none;border-radius:0;height:auto;min-width:auto;padding:0}.date-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.date-subtitle{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.map-toggle-btn{background:var(--surface-2);border:1px solid var(--divider);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.map-toggle-btn:hover{background:var(--surface-1);color:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.15)}.header-spacer{width:80px;height:1px;visibility:hidden}.focus-card-container{flex:1;display:flex;flex-direction:column;justify-content:center;perspective:1000px}.focus-card{background:rgba(var(--surface-rgb, 30, 41, 46),.85);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;box-shadow:0 16px 48px -12px #00000040,0 0 0 1px #ffffff0d inset;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;max-width:560px;width:100%;margin:0 auto}.focus-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.8}.focus-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px #00000026,0 0 0 1px rgba(var(--primary-rgb),.1)}.focus-context-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:700;margin-bottom:-.5rem}.focus-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;color:var(--text-primary);line-height:1.2;margin:0}.focus-status{padding:var(--space-1) var(--space-3);background:var(--surface-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.action-area{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center}.btn-engaging{background:var(--primary);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:var(--space-2)}.btn-engaging:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px rgba(var(--primary-rgb),.4)}.btn-secondary{background:transparent;border:2px solid var(--divider);color:var(--text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--text-tertiary);background:var(--surface-2)}.active-timer-display{display:flex;flex-direction:column;align-items:center}.timer-digits{font-size:4rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1;margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(0,0,0,.05)}.grounding-input-group{width:100%;max-width:400px;position:relative}.grounding-input{width:100%;padding:var(--space-4);padding-right:60px;background:var(--surface-2);border:1px solid var(--divider);border-radius:var(--radius-lg);font-size:var(--text-lg);color:var(--text-primary);transition:all .2s}.grounding-input:focus{outline:none;border-color:var(--primary);background:var(--surface-1);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.grounding-submit-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:var(--primary);color:var(--text-on-accent);width:36px;height:36px;border-radius:50%;border:none;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.grounding-submit-btn:hover{transform:translateY(-50%) scale(1.1)}.next-steps-container{margin-top:var(--space-8)}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-3);display:block;text-align:center}.next-steps-list{display:flex;flex-direction:column;gap:var(--space-3)}.next-step-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff0d;border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.next-step-item:hover{background:var(--surface-1);border-color:var(--primary);transform:translate(4px)}.next-step-scaffold{width:16px;height:16px;border:2px solid var(--text-tertiary);border-radius:4px;opacity:.5}.next-step-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.garden-drawer{position:absolute;top:var(--space-4);left:var(--space-4);bottom:var(--space-4);width:320px;background:var(--surface-1);border-right:1px solid var(--divider);border-radius:var(--radius-lg);transform:translate(-110%);transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:20;display:flex;flex-direction:column;box-shadow:20px 0 40px #0000001a;backdrop-filter:blur(20px)}.garden-view-container.drawer-open .garden-drawer{transform:translate(0)}.drawer-header{padding:var(--space-5);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--divider)}.drawer-title{font-size:var(--text-lg);font-weight:700}.drawer-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:var(--space-2)}.drawer-content{flex:1;overflow-y:auto;padding:var(--space-4)}.map-tree-item{margin-bottom:var(--space-2)}.map-vision{font-weight:700;color:var(--text-primary);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer}.map-vision:hover{background:var(--bg-hover)}.map-milestone{padding-left:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.floating-tools{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-6) 0;margin-top:var(--space-4);z-index:100}.tool-fab{width:44px;height:44px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 16px #0000001a}.tool-fab:hover{transform:translateY(-3px) scale(1.05);background:#ffffff40;border-color:#fff6;box-shadow:0 8px 24px #00000026}@media(max-width:600px){.garden-center-stage{padding:var(--space-2)}.focus-title{font-size:1.75rem}.garden-drawer{width:85%}.timer-digits{font-size:3rem}}.celebration-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px)}.celebration-content{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.breathing-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px);animation:fadeIn .5s ease}.breathing-container{display:flex;flex-direction:column;align-items:center}.breathing-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#a18cd1,#fbc2eb);box-shadow:0 0 40px #a18cd180;transform-origin:center}@keyframes breathe-anim{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.calendar-grid.garden-horizon{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-6) + var(--space-1));padding:var(--space-5) var(--space-6) calc(var(--space-8) + 96px);width:100%;min-height:100%;border-radius:var(--radius-2xl);background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(94,84,68,.03),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.015),transparent 50%),var(--surface-0);color:var(--text-primary);--state-active-color: var(--accent-active, #22c55e);--state-resting-color: var(--accent-highlight, #f59e0b);--state-dormant-color: var(--text-tertiary);isolation:isolate}body:has(.calendar-grid.garden-horizon) .control-bar .date-nav,body:has(.calendar-grid.garden-horizon) .header-mobile-nav .date-nav,body:has(.calendar-grid.garden-horizon) #headerMobileNav .date-nav{display:none!important}.garden-horizon-layout{width:100%;display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:calc(var(--space-6) + var(--space-1));align-items:flex-start}.goal-spine{background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;flex-direction:column;gap:calc(var(--space-5) + var(--space-1));position:sticky;top:var(--space-5);align-self:flex-start;min-height:calc(100vh - var(--space-8));max-height:calc(100vh - var(--space-6));overflow:hidden;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);transition:box-shadow .3s ease,border-color .3s ease,transform .25s ease}.goal-spine:hover{border-color:color-mix(in srgb,var(--divider) 80%,transparent);box-shadow:0 4px 8px #78644b0f,0 16px 42px #78644b1f,0 36px 68px #78644b1f}.goal-spine.drawer-open{background:color-mix(in srgb,var(--surface-1) 90%,rgba(250,245,235,.03))}.spine-you-are-here{border-radius:var(--radius-xl);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--divider);box-shadow:var(--shadow-xs);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.spine-you-are-here:hover{background:var(--surface-1);border-color:var(--accent-muted, var(--divider));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.spine-you-are-here:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:2px}.spine-header{display:flex;justify-content:space-between;align-items:center}.spine-title{font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.spine-date{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.spine-stats{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.spine-stat-line{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}.spine-stat-value{font-weight:700;color:var(--text-secondary)}.spine-divider{border:none;border-top:1px solid var(--divider);margin:0}.spine-visions{display:flex;flex-direction:column;gap:var(--space-3);flex:1;overflow-y:auto;padding-right:var(--space-1);padding-bottom:var(--space-1)}.spine-section-header{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.spine-visions-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.spine-empty{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-2);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.spine-vision-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--divider);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;background:var(--surface-0);box-shadow:var(--shadow-xs)}.spine-vision-item:hover,.spine-vision-item:focus-visible{background:var(--glass-pill-bg);border-color:var(--glass-pill-border);box-shadow:var(--glass-pill-shadow)}.spine-vision-item.is-selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2) 40%);border-color:color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}.spine-vision-indicator{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-lg);border:none;font-size:var(--text-sm);line-height:1;--indicator-color: var(--accent);background:color-mix(in srgb,var(--indicator-color) 15%,var(--surface-2) 60%);text-align:center;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 6px 18px color-mix(in srgb,var(--indicator-color) 20%,transparent),inset 0 1px #fff3;z-index:1}.spine-vision-indicator:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--indicator-color) 55%,transparent) 0%,transparent 65%);opacity:.9;filter:blur(8px);pointer-events:none;z-index:0}.spine-vision-icon{font-size:1.1rem}.spine-vision-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);flex:1;line-height:1.4;letter-spacing:.01em}.state-active .spine-vision-indicator{--indicator-color: var(--state-active-color);color:var(--state-active-color)}.state-resting .spine-vision-indicator{--indicator-color: var(--state-resting-color);color:var(--state-resting-color)}.state-dormant .spine-vision-indicator{--indicator-color: var(--state-dormant-color);color:var(--state-dormant-color);opacity:.6;background:color-mix(in srgb,var(--state-dormant-color) 60%,transparent)}.state-dormant .spine-vision-title{opacity:.6}.spine-add-goal{border:none;background:transparent;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:var(--space-1);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-lg);transition:background .2s ease}.spine-add-goal:hover{background:var(--surface-2)}.spine-add-icon{font-size:1.2rem}.time-canvas{border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--surface-0) 65%,var(--surface-1) 35%);padding:calc(var(--space-6) + var(--space-1)) calc(var(--space-5) + var(--space-1));border:1px solid var(--divider);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:calc(var(--space-8) + var(--space-2));max-height:calc(100vh - var(--space-8));overflow-y:auto;scroll-snap-type:y proximity;position:relative;isolation:isolate;backdrop-filter:blur(10px)}.reality-preview-overlay{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 45%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.12),transparent 50%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .3s ease;transform:scale(.98);z-index:90}.reality-preview-overlay.visible{opacity:1;transform:scale(1);pointer-events:none}.reality-preview-card{background:color-mix(in srgb,var(--surface-0) 95%,rgba(255,255,255,.9));border-radius:var(--radius-xl);padding:var(--space-5);max-width:420px;width:min(100%,420px);border:1px solid color-mix(in srgb,var(--preview-accent, var(--accent)) 40%,transparent 60%);box-shadow:0 25px 50px #0f172a40,inset 0 1px #ffffff80;pointer-events:auto}.reality-preview-card-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.reality-preview-title{font-size:var(--text-lg);font-weight:700;margin:0}.reality-preview-subtitle{margin:0;font-size:var(--text-sm);color:var(--text-tertiary)}.reality-preview-close-btn{border:none;background:transparent;font-size:1.25rem;cursor:pointer;color:var(--text-secondary);padding:var(--space-1)}.reality-preview-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.reality-preview-band{padding:var(--space-2);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-2) 70%,rgba(255,255,255,.3));border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:var(--space-1)}.reality-preview-band-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.reality-preview-band-line{height:4px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--preview-accent, var(--accent)) 0%,transparent 120%)}.reality-preview-band-meter{position:relative;height:6px;border-radius:var(--radius-full);background:#ffffff26;margin:var(--space-2) 0;overflow:hidden}.reality-preview-band-meter-fill{position:absolute;inset:0;display:block;background:linear-gradient(90deg,var(--preview-accent, var(--accent)) 0%,transparent 120%)}.reality-preview-budget{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-0) 75%,rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.3)}.reality-preview-budget-header{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.reality-preview-budget-label{font-weight:600}.reality-preview-budget-meter{position:relative;height:8px;border-radius:var(--radius-full);background:#ffffff26;margin:var(--space-2) 0;overflow:hidden}.reality-preview-budget-meter-fill{position:absolute;inset:0;display:block;background:linear-gradient(90deg,var(--preview-accent, var(--accent)) 0%,transparent 140%);border-radius:var(--radius-full)}.reality-preview-budget-breakdown{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2)}.reality-preview-budget-breakdown-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.reality-preview-budget-legend{display:flex;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-tertiary)}.budget-chip{padding:0 var(--space-2);border-radius:var(--radius-full);background:#ffffff14}.reality-preview-events{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);background:color-mix(in srgb,var(--surface-0) 80%,rgba(255,255,255,.15))}.reality-preview-events-title{margin:0 0 var(--space-1);font-size:var(--text-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.reality-preview-events-list{display:flex;flex-direction:column;gap:var(--space-2)}.reality-preview-event{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.reality-preview-event-title{font-weight:600}.reality-preview-event-time{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.reality-preview-events-more{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.reality-preview-events-empty{margin:0;font-size:var(--text-sm);color:var(--text-tertiary)}.reality-preview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.reality-preview-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary)}.reality-preview-note{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.reality-preview-soft-blocks{margin-bottom:var(--space-3)}.reality-preview-soft-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-0) 60%,rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.25);font-size:var(--text-sm)}.reality-preview-soft-block-title{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.reality-preview-soft-block-copy{margin:0;color:var(--text-primary);font-weight:500}.reality-preview-soft-block-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.2));font-weight:600}.reality-preview-soft-block-empty{font-size:var(--text-sm);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-0) 60%,rgba(255,255,255,.2));border:1px dashed rgba(255,255,255,.25);color:var(--text-secondary)}.planning-page-overlay{position:fixed;inset:0;background:#0c121ca6;display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s ease}.planning-page-overlay.visible{opacity:1;pointer-events:all}.planning-page-panel{width:min(540px,92vw);max-height:85vh;background:color-mix(in srgb,var(--surface-1) 95%,rgba(255,255,255,.9));border-radius:var(--radius-2xl);border:1px solid var(--divider);box-shadow:0 30px 60px #0f172a59,inset 0 1px #fff6;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.planning-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.planning-page-label{margin:0;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.planning-page-title{margin:0;font-size:clamp(1rem,2vw,1.5rem);font-weight:700;color:var(--text-primary)}.planning-page-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);line-height:1}.planning-page-body{display:flex;flex-direction:column;gap:var(--space-4)}.planning-page-field{display:flex;flex-direction:column;gap:var(--space-2);font-weight:600;color:var(--text-secondary)}.planning-input{border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;background:var(--surface-0)}.planning-title-field{position:relative}.planning-title-row{display:flex;gap:var(--space-2);align-items:center}.planning-emoji-btn{width:48px;height:48px;border-radius:var(--radius-full);border:1px dashed var(--divider);background:var(--surface-1);color:var(--text-primary);font-size:1.25rem;display:grid;place-items:center;cursor:pointer;transition:border .2s ease,background .2s ease}.planning-emoji-btn:hover{border-color:var(--text-primary)}.planning-emoji-picker{position:absolute;left:0;right:0;top:calc(100% + var(--space-2));margin-top:var(--space-1);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--divider);background:var(--surface-1);box-shadow:0 10px 20px #0f172a40;display:none;gap:var(--space-2);z-index:10}.planning-emoji-picker[data-visible=true]{display:grid}.planning-emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:var(--space-2)}.planning-emoji-option{border:none;background:var(--surface-2);border-radius:var(--radius-lg);font-size:1.25rem;cursor:pointer;padding:var(--space-1);transition:transform .2s}.planning-emoji-option:hover{transform:translateY(-1px)}.planning-emoji-input{border-radius:var(--radius-lg);border:1px solid var(--divider);padding:var(--space-2);font-size:var(--text-sm);font-weight:600;background:var(--surface-0)}.planning-link-field .planning-link-controls{display:flex;flex-direction:column;gap:var(--space-2)}.planning-link-segmented{display:flex;gap:var(--space-1);border:1px solid var(--divider);border-radius:var(--radius-xl);overflow:hidden}.planning-link-segment{flex:1;border:none;background:var(--surface-0);padding:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.planning-link-segment.active{background:var(--surface-1);color:var(--text-primary)}.planning-helper-text{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.planning-link-empty{min-height:1.25rem;margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.planning-section-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.planning-time-check{border:1px solid var(--divider);border-radius:var(--radius-xl);padding:var(--space-3);background:var(--surface-2);display:flex;flex-direction:column;gap:var(--space-1)}.planning-time-check-label{margin:0;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.planning-time-check-line{margin:0;font-weight:600;color:var(--text-primary)}.planning-intention-note{margin:0;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-align:center}.planning-days-grid{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.planning-day-btn{flex:1;height:44px;border:1px solid var(--divider);background:var(--surface-1);border-radius:var(--radius-lg);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.planning-day-btn.selected{background:var(--accent);color:var(--surface-1);border-color:var(--accent)}.planning-day-btn:hover{border-color:var(--accent)}.planning-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.planning-summary{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.planning-summary-text{margin:0}.planning-warning{margin:0;color:#c2410c;font-weight:600}.planning-actions{display:flex;flex-direction:column;gap:var(--space-3)}.planning-preview-btn{width:100%;padding:var(--space-3);border-radius:var(--radius-full);border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700;font-size:var(--text-sm);cursor:pointer}.planning-preview-btn:disabled{opacity:.6;cursor:not-allowed}.planning-consent{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-2) 90%,rgba(255,255,255,.6));border:1px dashed rgba(59,130,246,.4)}.planning-consent-copy{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.planning-consent-buttons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.planning-include-btn,.planning-neutral-btn{flex:1;min-width:120px;padding:var(--space-2);border-radius:var(--radius-full);border:1px solid transparent;font-weight:600;cursor:pointer;background:var(--surface-1);color:var(--text-primary)}.planning-include-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.planning-neutral-btn{border-color:var(--divider)}.planning-include-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.planning-page-panel{width:calc(100% - 32px);max-height:100vh;border-radius:0}.planning-consent-buttons{flex-direction:column}}.time-band{border-radius:var(--radius-xl);padding:var(--space-5);background:var(--surface-1);border:1px solid var(--divider);box-shadow:var(--shadow-sm);scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.time-band:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--accent-muted, var(--divider))}.time-band-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--divider)}.time-band-label-stack{display:flex;flex-direction:column;gap:.2rem}.time-band-label{font-size:var(--text-sm);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.time-band-subtitle{font-size:var(--text-xs);letter-spacing:.08em;text-transform:none;color:var(--text-secondary);opacity:.9}.time-band-value{font-size:var(--text-xl);font-weight:500;color:var(--text-tertiary);opacity:.7}.time-band-markers{display:flex;flex-wrap:wrap;gap:var(--space-3)}.time-band-marker{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface-0);border:1px solid var(--divider);cursor:pointer;transition:transform .2s ease,border .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-xs)}.time-band-marker:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--accent-muted, var(--divider))}.time-band-marker.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface-1) 82%);box-shadow:0 12px 30px #78644b26,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.time-band-marker.time-band-marker-chip{background:color-mix(in srgb,var(--surface-1) 80%,rgba(250,245,235,.35));border-color:color-mix(in srgb,var(--divider) 40%,rgba(200,180,160,.2));padding:var(--space-2) var(--space-5);color:var(--text-secondary);font-weight:600;box-shadow:0 6px 18px #78644b14,inset 0 1px #faf5eb2e}.time-band-marker.time-band-marker-chip .marker-title{color:var(--text-primary)}.time-band-empty{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.time-band-marker.time-band-marker-chip.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface-1) 85%);box-shadow:0 12px 32px #0f172a38,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.marker-dot{width:8px;height:8px;border-radius:50%;background:var(--marker-color, var(--accent));display:inline-block;box-shadow:0 0 0 6px color-mix(in srgb,var(--marker-color, var(--accent)) 15%,transparent)}.marker-title{font-size:var(--text-sm);color:var(--text-secondary);min-width:0}.time-band-more{font-size:var(--text-sm);color:var(--text-tertiary)}.time-band-events{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.time-band-event{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--surface-1) 78%,rgba(255,255,255,.08)),color-mix(in srgb,var(--surface-2) 55%,transparent));color:var(--text-primary);font-size:var(--text-sm);border:1px solid color-mix(in srgb,var(--divider) 40%,rgba(255,255,255,.15));box-shadow:0 8px 22px #0f172a29,inset 0 1px #ffffff1a;transition:transform .2s ease,box-shadow .2s ease}.time-band-event:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0f172a2e,inset 0 1px #ffffff1f}.event-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}.time-band-event .event-title{font-weight:600;flex:1}.time-band-event .event-time{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.time-band-now{position:relative;overflow:hidden;background:var(--now-panel-overlay),var(--now-panel-bg);border-radius:var(--glass-panel-border-radius);border:1px solid var(--glass-panel-border);box-shadow:var(--glass-panel-shadow);color:var(--text-primary);backdrop-filter:blur(24px)}.time-band-now .time-band-label,.time-band-now .now-date-display,.time-band-now .now-greeting-title{color:var(--text-primary);letter-spacing:.06em}.time-band-now .time-band-subtitle,.time-band-now .now-greeting-subtitle,.time-band-now .now-marker-text,.time-band-now .now-intentions-label{color:var(--text-secondary)}.time-band-now .now-greeting-block{color:var(--text-secondary);font-weight:600;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.now-greeting-title{font-size:var(--text-md);font-weight:600}.now-greeting-subtitle{font-size:var(--text-sm);opacity:.85}.now-marker{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:linear-gradient(90deg,#3b82f666,#84cc1666);width:fit-content;margin-bottom:var(--space-3)}.now-marker-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.now-date-display{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}.now-intentions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.now-intention{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-0);border:1px solid rgba(15,23,42,.12);font-size:var(--text-sm);cursor:pointer;box-shadow:0 8px 18px #0f172a1f,inset 0 1px #ffffff14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.now-intention:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--divider) 55%,rgba(255,255,255,.12));box-shadow:0 12px 26px #0f172a24,inset 0 1px #ffffff1a}.now-intention.done{opacity:.65;text-decoration:line-through}.intention-status{font-weight:700}.utility-rail{position:sticky;bottom:var(--space-3);margin:0 auto;width:min(520px,100%);align-self:center;display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);background:var(--surface-1);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);border:1px solid var(--divider);box-shadow:var(--shadow-lg);z-index:7;isolation:isolate}.utility-rail:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 25%,transparent) 0%,transparent 60%);opacity:.4;filter:blur(18px);pointer-events:none;z-index:0}.utility-rail-btn{flex:1;position:relative;border:none;background:color-mix(in srgb,var(--surface-0) 30%,rgba(250,245,235,.15));color:var(--text-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease;box-shadow:inset 0 1px #faf5eb33,0 8px 18px #78644b1a;z-index:1}.utility-rail-btn:hover{background:color-mix(in srgb,var(--surface-2) 70%,rgba(250,245,235,.12));transform:translateY(-1px);box-shadow:inset 0 1px #faf5eb3d,0 12px 22px #78644b1f}.utility-rail-btn.is-active,.utility-rail-btn[aria-current=page],.utility-rail-btn[aria-current=true]{background:color-mix(in srgb,var(--accent) 16%,var(--surface-1) 84%);color:var(--text-primary);box-shadow:0 12px 26px #78644b26,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px #faf5eb38}.utility-rail-icon{font-size:1.2rem}.goal-detail-panel{position:fixed;top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:min(380px,92vw);border-radius:var(--radius-2xl);background:var(--surface-1);border:1px solid var(--divider);box-shadow:0 30px 60px #0f172a40,0 0 0 1px #ffffff59;transform:translate(110%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .25s ease;z-index:20}.goal-detail-panel.visible{transform:translate(0);opacity:1;pointer-events:auto}.goal-detail-card{height:100%;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.goal-detail-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.goal-detail-close,.goal-detail-edit{border:none;background:transparent;font-size:var(--text-sm);font-weight:600;color:var(--accent);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg)}.inbox-page-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:var(--space-3);background:#070a19bf;backdrop-filter:blur(22px) saturate(140%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:25}.inbox-page-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.inbox-page-panel{width:min(680px,100%);max-height:min(82vh,760px);background:var(--surface-1);border-radius:var(--radius-2xl);border:1px solid var(--divider);box-shadow:0 24px 70px #050a1466,0 0 0 1px #ffffff0d;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .25s ease}.inbox-page-overlay.visible .inbox-page-panel{transform:translateY(0);opacity:1}.inbox-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.inbox-page-label{font-size:var(--text-xs);letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--text-secondary);margin-bottom:.25rem}.inbox-page-title{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--text-primary)}.inbox-range-summary{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.inbox-page-close{border:none;background:transparent;font-size:1.5rem;line-height:1;padding:var(--space-1);cursor:pointer;color:var(--text-secondary)}.inbox-page-close:hover{color:var(--text-primary)}.inbox-range-selector{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.inbox-range-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.inbox-range-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.inbox-page-body{max-height:min(60vh,520px);overflow-y:auto;padding-right:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.inbox-items{display:flex;flex-direction:column;gap:var(--space-3)}.inbox-date-group{display:flex;flex-direction:column;gap:var(--space-2)}.inbox-date-heading{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.inbox-items-list{display:flex;flex-direction:column;gap:var(--space-2)}.inbox-item{display:grid;grid-template-columns:70px 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-0);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 22px #0a142d1f,inset 0 1px #fff9}.inbox-item-time{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.inbox-item-main{display:flex;align-items:center;gap:var(--space-3)}.inbox-item-icon{font-size:1.25rem}.inbox-item-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.inbox-item-link{margin:0;font-size:var(--text-xs);color:var(--text-tertiary, var(--text-secondary))}.inbox-item-meta{display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;align-items:flex-end}.inbox-chip{font-size:var(--text-xs);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.inbox-range-btn{border:none;background:var(--surface-0);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;padding:.35rem 1rem;border-radius:var(--radius-full);cursor:pointer;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.inbox-range-btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 40%,var(--surface-1));color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-1px)}.inbox-empty-state{text-align:center;padding:var(--space-3) var(--space-2);color:var(--text-secondary);background:var(--surface-0);border-radius:var(--radius-lg);border:1px dashed rgba(15,23,42,.12)}.inbox-chip-kind{color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,var(--surface-2))}.inbox-chip-energy{background:color-mix(in srgb,var(--accent) 15%,var(--surface-2))}@media(max-width:640px){.inbox-page-panel{padding:var(--space-3)}.inbox-item{grid-template-columns:1fr}.inbox-item-meta{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}}.goal-detail-plan{border:none;background:var(--surface-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);margin:0 var(--space-2)}.goal-detail-plan:hover{background:var(--surface-1)}.goal-detail-close:hover,.goal-detail-edit:hover{background:var(--surface-2)}.goal-detail-identity{display:flex;flex-direction:column;gap:var(--space-2)}.goal-detail-title{font-size:clamp(1.4rem,2vw,1.75rem);font-weight:800;margin:0}.goal-detail-description{margin:0;color:var(--text-secondary)}.goal-detail-state{display:flex;flex-direction:column;gap:var(--space-2)}.goal-detail-state-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.goal-detail-state-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em}.goal-detail-state-badge span{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.goal-detail-commitment{border-radius:var(--radius-lg);padding:var(--space-4);background:color-mix(in srgb,var(--surface-2) 90%,rgba(255,255,255,.1));border:1px dashed rgba(59,130,246,.35);display:flex;flex-direction:column;gap:var(--space-3)}.goal-detail-commitment h3{margin:0;font-size:var(--text-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.goal-detail-commitment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.goal-detail-commitment-grid div{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-2);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.goal-detail-commitment-grid span{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.goal-detail-commitment-grid strong{font-size:var(--text-sm);color:var(--text-primary)}.goal-detail-commitment-total{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.goal-detail-commitment-empty{margin:0;font-size:var(--text-sm);font-style:italic;color:var(--text-secondary)}.goal-detail-structure{background:color-mix(in srgb,var(--surface-2) 85%,rgba(255,255,255,.2));border-radius:var(--radius-lg);padding:var(--space-3);border:1px dashed rgba(59,130,246,.4)}.goal-detail-structure h3{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);letter-spacing:.13em;text-transform:uppercase;color:var(--text-tertiary)}.goal-detail-structure p{margin:0 0 var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.goal-detail-structure button{border:none;background:var(--surface-1);color:var(--accent);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);cursor:pointer}.goal-detail-structure-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.goal-detail-structure-list li{font-size:var(--text-sm);color:var(--text-secondary)}.garden-horizon-mobile-header,.mobile-you-are-here{display:none}.garden-horizon :where(.time-canvas){position:relative}@media(max-width:900px){.garden-horizon-layout{grid-template-columns:1fr}.goal-spine{position:fixed;top:0;left:0;width:min(280px,75vw);height:100vh;max-height:100vh;transform:translate(-110%);transition:transform .3s ease;z-index:20;overflow-y:auto}.goal-spine.drawer-open{transform:translate(0)}.garden-horizon-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--surface-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--divider);box-shadow:0 10px 20px #0f172a33;width:100%;margin-bottom:var(--space-3)}.mobile-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.mobile-you-are-here{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--surface-2);gap:var(--space-3);flex-wrap:wrap;width:100%;margin-bottom:var(--space-3)}.mobile-you-are-here-text{display:flex;flex-direction:column;gap:.25rem}.mobile-you-are-here-label{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.mobile-you-are-here-summary{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.mobile-you-are-here-date{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:600}.mobile-header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.mobile-header-subtitle{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.spine-overlay{position:fixed;inset:0;background:#0c121c73;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:18;pointer-events:none}.spine-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-btn,.mobile-settings-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer}.time-canvas{border-radius:var(--radius-xl);margin-top:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--space-6) + 92px + env(safe-area-inset-bottom,0px));max-height:none;overflow-y:visible}.utility-rail{position:fixed;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(360px,92vw)}.goal-detail-panel{inset:auto 0 0;width:100%;height:min(70vh,420px);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transform:translateY(110%)}.goal-detail-panel.visible{transform:translateY(0)}}@media(max-width:768px){.calendar-grid.garden-horizon{padding:var(--space-4) var(--space-3) calc(var(--space-6) + var(--space-3) + env(safe-area-inset-bottom,0px))}.garden-horizon-layout{gap:var(--space-4)}.goal-spine{width:min(260px,85vw);padding:var(--space-4)}.time-canvas{max-height:none;overflow-y:visible;padding:var(--space-5) var(--space-4) calc(var(--space-6) + 96px + env(safe-area-inset-bottom,0px));box-shadow:0 24px 60px #0f172a2e,inset 0 1px #ffffff4d}.time-band{padding:var(--space-4);width:100%}.time-band-markers{flex-wrap:nowrap;overflow-x:auto;gap:var(--space-3);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.time-band-markers::-webkit-scrollbar{display:none}.time-band-marker{flex:0 0 auto;min-width:210px;scroll-snap-align:start;padding:var(--space-3) var(--space-4)}.time-band-more{align-self:flex-start;font-size:var(--text-xs)}.time-band-empty{padding-right:var(--space-2)}.time-band-now{margin-top:var(--space-3);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:0 18px 36px #0f172a2e,inset 0 1px #ffffff40}.time-band-now .time-band-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.time-band-now .now-greeting-block{align-items:flex-start;width:100%}.now-greeting-title,.now-greeting-subtitle{text-align:left}.now-intentions{gap:var(--space-2);width:100%}.now-intention{min-height:48px;padding:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.now-intention .intention-title{flex:1 1 auto}.utility-rail{position:fixed;width:min(360px,92vw);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:var(--space-3);z-index:10}.utility-rail-btn{min-height:52px;padding:var(--space-3) var(--space-2)}.garden-horizon-chip{min-height:44px;padding-left:var(--space-3);padding-right:var(--space-3)}}[data-theme=light] .calendar-grid.garden-horizon{background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(214,185,149,.14),transparent 55%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(244,200,144,.1),transparent 55%),var(--surface-0);border:1px solid var(--divider)}[data-theme=light] .garden-horizon-layout{border:1px solid var(--divider)}[data-theme=light] .goal-spine{background:color-mix(in srgb,var(--surface-1) 90%,#f9f1e7 10%);border-color:color-mix(in srgb,var(--divider) 80%,rgba(255,255,255,.05))}[data-theme=light] .spine-you-are-here{background:color-mix(in srgb,var(--surface-2) 85%,#fdf4e2 15%);border-color:color-mix(in srgb,var(--divider) 70%,rgba(255,255,255,.12))}[data-theme=light] .time-canvas{background:color-mix(in srgb,var(--surface-0) 60%,var(--surface-1) 40%);border-color:color-mix(in srgb,var(--divider) 80%,rgba(255,255,255,.12))}[data-theme=light] .time-band{background:color-mix(in srgb,var(--surface-1) 88%,#fdf2e0 12%);border-color:color-mix(in srgb,var(--divider) 70%,rgba(255,255,255,.16))}[data-theme=light] .time-band-now{background:linear-gradient(180deg,#293449f5,#293449d1 28%,#293449a3 55%,#f1e4d4f2);border-color:#ffffff8c}[data-theme=light] .time-band-now .now-intention{background:color-mix(in srgb,var(--surface-1) 85%,#fff5e5 15%);border-color:color-mix(in srgb,var(--divider) 65%,rgba(255,255,255,.16))}[data-theme=light] .utility-rail{background:color-mix(in srgb,var(--surface-1) 85%,rgba(255,245,230,.75));border-color:color-mix(in srgb,var(--divider) 70%,rgba(255,255,255,.2))}[data-theme=light] .utility-rail-btn{background:color-mix(in srgb,var(--surface-0) 60%,rgba(255,245,230,.35))}[data-theme=light] .utility-rail-btn.is-active,[data-theme=light] .utility-rail-btn[aria-current=page],[data-theme=light] .utility-rail-btn[aria-current=true]{background:color-mix(in srgb,var(--accent) 18%,#fde9cf 82%)}[data-theme=light] .planning-page-panel{background:color-mix(in srgb,var(--surface-1) 92%,#fff4e3 8%);border-color:color-mix(in srgb,var(--divider) 70%,rgba(255,255,255,.35))}[data-theme=light] .reality-preview-card{background:color-mix(in srgb,var(--surface-1) 90%,#fff3df 10%)}[data-theme=light] .reality-preview-band-meter,[data-theme=light] .reality-preview-budget-meter{background:color-mix(in srgb,var(--surface-1) 88%,rgba(255,255,255,.12))}[data-theme=light] .budget-chip{background:color-mix(in srgb,var(--surface-0) 92%,rgba(255,255,255,.08))}[data-theme=light] .goal-detail-commitment-grid div{background:color-mix(in srgb,var(--surface-1) 88%,rgba(255,255,255,.05))}:root.dark-mode{--gh-bg-deep: #020712;--gh-bg-panel: #0b1a34;--gh-bg-container: #010712;--gh-border-container: rgba(8, 16, 31, .7);--gh-accent-pink: #f9b8d5;--gh-accent-blue: #72d9ff;--gh-border-soft: rgba(170, 191, 219, .34);--gh-border-strong: rgba(252, 192, 214, .55);--gh-glow-soft: rgba(245, 184, 215, .25);--text-secondary: color-mix(in srgb, #f7f4ff 80%, #9ba4c1 20%);--text-tertiary: color-mix(in srgb, #d2ddff 70%, #8b97b8 30%)}:is(:root,html,body).dark-mode .calendar-grid.garden-horizon{background:radial-gradient(ellipse 110% 40% at 15% -15%,color-mix(in srgb,var(--gh-accent-pink) 15%,transparent 85%) 0%,transparent 70%),radial-gradient(ellipse 110% 40% at 85% 115%,color-mix(in srgb,var(--gh-accent-blue) 18%,transparent 82%) 0%,transparent 70%),var(--gh-bg-deep);border:1px solid var(--gh-border-container)!important}:is(:root,html,body).dark-mode .garden-horizon-layout{background:var(--gh-bg-container);border:1px solid var(--gh-border-container)!important;border-color:var(--gh-border-container)!important}:root.dark-mode .goal-spine{background:var(--gh-bg-panel);border:1px solid var(--gh-border-soft);box-shadow:0 20px 35px #000000a8,inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 20%,transparent 80%)}:root.dark-mode .goal-spine:hover{border-color:color-mix(in srgb,var(--gh-accent-pink) 65%,var(--gh-border-soft) 35%);box-shadow:0 24px 42px #000000b8,0 0 24px var(--gh-glow-soft)}:root.dark-mode .spine-you-are-here{background:color-mix(in srgb,var(--gh-bg-panel) 70%,var(--gh-bg-deep) 30%);border:1px solid var(--gh-border-soft);box-shadow:0 4px 12px #000000a6,inset 0 1px 0 var(--gh-glow-soft)}:root.dark-mode .spine-you-are-here:hover{border-color:var(--gh-accent-pink);box-shadow:0 6px 14px #000000b3,0 0 16px color-mix(in srgb,var(--gh-accent-pink) 65%,transparent 35%)}:root.dark-mode .spine-vision-item{background:color-mix(in srgb,var(--gh-bg-panel) 80%,var(--gh-bg-deep) 20%);border:1px solid var(--gh-border-soft);box-shadow:0 10px 25px #0009}:root.dark-mode .spine-vision-item:hover{background:color-mix(in srgb,var(--gh-bg-panel) 75%,var(--gh-accent-blue) 10%,var(--gh-bg-deep) 15%);border-color:color-mix(in srgb,var(--gh-accent-pink) 45%,var(--gh-border-soft) 55%);box-shadow:0 14px 32px #000000a6,0 0 20px var(--gh-glow-soft)}:root.dark-mode .time-canvas{background:linear-gradient(180deg,color-mix(in srgb,var(--gh-bg-panel) 90%,var(--gh-bg-deep) 10%),color-mix(in srgb,var(--gh-bg-panel) 80%,color-mix(in srgb,var(--gh-accent-blue) 40%,transparent 60%) 20%));border:1px solid var(--gh-border-soft);box-shadow:0 18px 42px #000000b3,inset 0 1px 0 var(--gh-glow-soft)}:root.dark-mode .time-band{background:color-mix(in srgb,var(--gh-bg-panel) 85%,var(--gh-bg-deep) 15%);border:1px solid var(--gh-border-soft);box-shadow:0 8px 20px #0009}:root.dark-mode .time-band:hover{border-color:var(--gh-accent-blue);box-shadow:0 10px 24px #000000a6,0 0 18px color-mix(in srgb,var(--gh-accent-blue) 35%,transparent 65%)}:root.dark-mode .time-band-header{border-bottom-color:var(--gh-border-soft)}:root.dark-mode .time-band-marker{background:color-mix(in srgb,var(--gh-bg-panel) 92%,var(--gh-bg-deep) 8%);border:1px solid var(--gh-border-soft);box-shadow:0 4px 12px #0000008c,inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 20%,transparent 80%)}:root.dark-mode .time-band-marker:hover{border-color:var(--gh-accent-pink);background:color-mix(in srgb,var(--gh-bg-panel) 88%,var(--gh-accent-blue) 12%);box-shadow:0 6px 16px #0000009e,0 0 18px var(--gh-glow-soft)}:root.dark-mode .time-band-marker.is-selected{background:color-mix(in srgb,var(--gh-accent-blue) 35%,var(--gh-bg-panel) 65%);border-color:var(--gh-accent-pink);box-shadow:0 10px 24px #000000a6,0 0 20px var(--gh-glow-soft)}:root.dark-mode .time-band-now{background:linear-gradient(180deg,color-mix(in srgb,var(--gh-bg-deep) 80%,var(--gh-bg-panel) 20%),color-mix(in srgb,var(--gh-bg-panel) 90%,var(--gh-bg-deep) 10%) 70%,color-mix(in srgb,var(--gh-accent-pink) 30%,var(--gh-bg-panel) 70%));border-color:var(--gh-border-strong);box-shadow:0 12px 30px #000000bf,0 0 18px color-mix(in srgb,var(--gh-accent-blue) 45%,transparent 55%)}:root.dark-mode .now-intention{background:color-mix(in srgb,var(--gh-bg-panel) 90%,var(--gh-bg-deep) 10%);border:1px solid var(--gh-border-soft);box-shadow:0 6px 14px #00000094,inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 20%,transparent 80%)}:root.dark-mode .now-intention:hover{border-color:var(--gh-accent-blue);box-shadow:0 8px 18px #000000a6,0 0 16px var(--gh-glow-soft)}:root.dark-mode .utility-rail{background:linear-gradient(180deg,color-mix(in srgb,var(--gh-bg-panel) 92%,var(--gh-bg-deep) 8%),color-mix(in srgb,var(--gh-bg-panel) 85%,color-mix(in srgb,var(--gh-accent-pink) 45%,transparent 55%) 100%));border:1px solid var(--gh-border-soft);box-shadow:0 20px 42px #000000a6,inset 0 0 0 1px color-mix(in srgb,var(--gh-accent-blue) 15%,transparent 85%)}:root.dark-mode .utility-rail:before{background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--gh-accent-pink) 30%,transparent 80%) 0%,transparent 70%)}:root.dark-mode .utility-rail-btn{background:color-mix(in srgb,var(--gh-bg-panel) 88%,var(--gh-bg-deep) 12%);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 25%,transparent 75%),0 4px 12px #0000008c}:root.dark-mode .utility-rail-btn:hover{background:color-mix(in srgb,var(--gh-bg-panel) 76%,var(--gh-accent-blue) 14%,var(--gh-bg-deep) 10%);box-shadow:inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 40%,transparent 60%),0 6px 16px #0000009e}:root.dark-mode .utility-rail-btn.is-active,:root.dark-mode .utility-rail-btn[aria-current=page],:root.dark-mode .utility-rail-btn[aria-current=true]{background:color-mix(in srgb,var(--gh-accent-blue) 35%,var(--gh-bg-panel) 65%);border-color:var(--gh-accent-pink);box-shadow:0 8px 20px #000000a6,0 0 24px color-mix(in srgb,var(--gh-accent-blue) 60%,transparent 40%)}:root.dark-mode .time-band-event{background:linear-gradient(135deg,color-mix(in srgb,var(--gh-bg-panel) 78%,var(--gh-bg-deep) 22%),color-mix(in srgb,var(--gh-accent-blue) 20%,var(--gh-bg-panel) 80%) 120%);border:1px solid var(--gh-border-soft);box-shadow:0 6px 18px #0009,inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 25%,transparent 75%)}:root.dark-mode .time-band-event:hover{box-shadow:0 10px 24px #000000a6,inset 0 1px color-mix(in srgb,var(--gh-accent-blue) 45%,transparent 55%)}:root.dark-mode .reality-preview-card,:root.dark-mode .planning-page-panel{background:var(--gh-bg-panel);border:1px solid var(--gh-border-strong);box-shadow:0 25px 50px #000000bf,0 0 26px color-mix(in srgb,var(--gh-accent-blue) 45%,transparent 55%)}:root.dark-mode .goal-detail-panel{background:color-mix(in srgb,var(--gh-bg-panel) 88%,var(--gh-bg-deep) 12%);border:1px solid var(--gh-border-soft)}:root.dark-mode .marker-dot{background:var(--gh-accent-pink);box-shadow:0 0 0 6px color-mix(in srgb,var(--gh-accent-pink) 30%,transparent 70%)}:root.dark-mode .event-dot{background:var(--gh-accent-blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--gh-accent-blue) 35%,transparent 65%)}@media(prefers-reduced-motion:reduce){.goal-spine,.time-canvas,.utility-rail,.goal-spine.drawer-open{transition:none!important}}.calendar-grid.goal-detail-view{min-height:100%;width:100%;background:transparent;padding:clamp(24px,3vw,48px) clamp(20px,5vw,60px) clamp(32px,5vw,64px);display:flex;justify-content:center;align-items:flex-start}.goal-detail-page{width:min(840px,100%);display:flex;justify-content:center}.goal-detail-page .living-garden-detail{width:100%;background:transparent;border:none;box-shadow:none}.goal-detail-page .living-garden-detail-top{background:transparent;border-bottom:1px solid color-mix(in srgb,var(--divider) 70%,rgba(255,255,255,.6));padding:var(--space-2) var(--space-4) var(--space-3);gap:var(--space-2)}.goal-detail-page .living-garden-detail-topbar-btn{color:var(--text-secondary)}.goal-detail-page .living-garden-detail-topbar-heading{letter-spacing:.2em;font-size:var(--text-sm);text-transform:uppercase;color:var(--text-tertiary)}.goal-detail-page .living-garden-detail-header{margin-top:var(--space-3);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--divider) 70%,rgba(255,255,255,.5));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 90%,rgba(255,255,255,.85)),color-mix(in srgb,var(--surface-1) 70%,var(--surface-2) 40%));box-shadow:0 14px 40px #0f172a26;position:relative;overflow:hidden}.goal-detail-page .living-garden-detail-header:after{content:"";position:absolute;left:var(--space-4);right:var(--space-4);bottom:calc(-1 * var(--space-2));height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--divider) 40%,rgba(255,255,255,.5)) 50%,transparent)}.goal-detail-page .living-garden-detail-title{font-weight:700;color:var(--text-primary);display:inline-flex;align-items:center;gap:.5rem}.goal-detail-page .living-garden-detail-description{color:var(--text-secondary)}.goal-detail-page .living-garden-detail-due{margin-top:var(--space-3);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--text-secondary) 30%,rgba(255,255,255,.6));background:color-mix(in srgb,var(--surface-1) 85%,rgba(255,255,255,.7));color:var(--text-secondary)}.goal-detail-page .living-garden-progress-ring-fill{stroke:color-mix(in srgb,var(--garden-focus-accent, var(--accent)) 65%,var(--text-tertiary) 35%);opacity:calc(.4 + var(--progress, 0) / 220)}.goal-detail-page .living-garden-progress-ring-value{color:var(--text-primary)}.goal-detail-page .living-garden-progress-ring-text{color:var(--text-tertiary)}.goal-detail-page .living-garden-detail-stats{margin-top:var(--space-4);background:color-mix(in srgb,var(--surface-0) 85%,rgba(255,255,255,.6));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 60%,rgba(255,255,255,.45));box-shadow:0 12px 32px #0f172a1f;padding:var(--space-4);gap:var(--space-4);flex-wrap:wrap;position:relative}.goal-detail-page .living-garden-detail-stats:after{content:"";position:absolute;inset-inline:var(--space-4);bottom:calc(-1 * var(--space-2));height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--divider) 35%,rgba(255,255,255,.45)) 50%,transparent)}.goal-detail-page .living-garden-detail-stat-value{color:var(--text-primary);font-weight:700}.goal-detail-page .living-garden-detail-stat-label{color:var(--text-tertiary)}.goal-detail-page .living-garden-kanban{margin-top:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.goal-detail-page .living-garden-kanban-column{background:color-mix(in srgb,var(--surface-1) 94%,rgba(255,255,255,.25));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 50%,rgba(255,255,255,.6));padding:var(--space-4);min-height:200px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-1) 70%,rgba(255,255,255,0))}.goal-detail-page .living-garden-kanban-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--divider) 35%,rgba(255,255,255,.45))}.goal-detail-page .living-garden-kanban-header h4{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.goal-detail-page .living-garden-kanban-count{border:1px solid color-mix(in srgb,var(--divider) 35%,rgba(255,255,255,.5));color:var(--text-secondary);background:transparent}.goal-detail-page .living-garden-chip{background:color-mix(in srgb,var(--surface-1) 96%,rgba(255,255,255,.85));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 60%,rgba(255,255,255,.5));box-shadow:var(--shadow-sm);color:var(--text-primary);width:100%}.goal-detail-page .living-garden-kanban-empty{background:color-mix(in srgb,var(--surface-1) 92%,rgba(255,255,255,.45));border-radius:var(--radius-md);border:none;text-align:center;font-style:italic;color:var(--text-tertiary);padding:var(--space-3)}.goal-detail-page .living-garden-breadcrumb{margin-bottom:0}.goal-detail-page .living-garden-breadcrumb-item{background:transparent;border:1px solid transparent;color:var(--text-secondary);letter-spacing:.05em}.goal-detail-page .living-garden-breadcrumb-item:hover{color:var(--text-primary)}.goal-detail-page .living-garden-detail-vision-line{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.goal-detail-page .living-garden-detail-vision-link{border:none;background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;padding:0}.goal-detail-page .living-garden-detail-vision-link:hover{text-decoration:underline}@media(max-width:768px){.calendar-grid.goal-detail-view{padding:var(--space-4)}.goal-detail-page .living-garden-detail-header,.goal-detail-page .living-garden-detail-stats,.goal-detail-page .living-garden-kanban-column{padding-left:var(--space-3);padding-right:var(--space-3)}}.calendar-grid.vision-detail-view{min-height:100%;width:100%;padding:0;display:block;background:transparent}.goal-detail-page.vision-detail-page{width:min(960px,100%);margin:0 auto}.vision-detail-layout{background:transparent}.vision-right-now-card{background:color-mix(in srgb,var(--surface-1) 94%,rgba(255,255,255,.6));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 65%,rgba(255,255,255,.5));padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.vision-right-now-label{margin:0;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.vision-right-now-primary{margin:var(--space-2) 0 0;font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.vision-right-now-secondary{margin:var(--space-1) 0 0;font-size:var(--text-md);color:var(--text-secondary)}.vision-milestones-section{background:var(--surface-0);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 35%,rgba(255,255,255,.45));padding:var(--space-4);box-shadow:0 10px 30px #0000002e;margin-bottom:var(--space-4)}.vision-milestones-header{margin-bottom:var(--space-3)}.vision-milestones-title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.vision-milestones-helper{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.vision-detail-milestone-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.vision-detail-milestone-card{background:color-mix(in srgb,var(--surface-1) 96%,rgba(255,255,255,.85));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 40%,rgba(255,255,255,.8));padding:var(--space-4);text-align:left;display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.vision-detail-milestone-card-primary{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.vision-detail-milestone-card-secondary{margin:0;font-size:var(--text-sm);color:var(--text-tertiary)}.vision-detail-empty{border:1px dashed color-mix(in srgb,var(--divider) 60%,rgba(255,255,255,.7));border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-1) 90%,rgba(255,255,255,.6));margin-top:var(--space-3)}.vision-detail-empty strong{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-primary)}.subtle-text{color:var(--text-tertiary)}.vision-detail-milestone-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.vision-tiny-step{background:color-mix(in srgb,var(--surface-1) 92%,rgba(255,255,255,.8));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 50%,rgba(255,255,255,.4));padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.vision-tiny-step-label{margin:0;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.vision-tiny-step-body{margin:0;font-size:var(--text-md);color:var(--text-secondary)}.vision-detail-summary{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--divider) 60%,rgba(255,255,255,.5));background:color-mix(in srgb,var(--surface-0) 92%,rgba(255,255,255,.7));color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-lg)}.sanctuary-container{height:100%;max-height:100%;overflow:hidden;position:relative}.sanctuary{height:100%;display:flex;flex-direction:column;padding:var(--space-6);max-width:1200px;margin:0 auto;position:relative;box-sizing:border-box}.sanctuary--overview{justify-content:center;align-items:center;gap:var(--space-8)}.sanctuary--detail{justify-content:flex-start;gap:var(--space-6);overflow-y:auto}.sanctuary-garden{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:60vh;width:100%}.sanctuary-garden__plots{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;align-items:flex-end;padding:var(--space-6)}.sanctuary-plant{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:none;border:none;cursor:pointer;padding:var(--space-4);border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1);min-width:120px;max-width:180px}.sanctuary-plant:hover{background:var(--surface-2);transform:translateY(-4px)}.sanctuary-plant:focus-visible{outline:3px solid var(--plant-accent, var(--primary));outline-offset:4px}.sanctuary-plant.is-selected{background:var(--surface-1);box-shadow:0 4px 20px #0000001a}.sanctuary-plant__visual{position:relative;width:100px;height:120px;display:flex;align-items:center;justify-content:center}.sanctuary-plant__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .4s ease}.sanctuary-plant:hover .sanctuary-plant__icon{transform:translate(-50%,-50%) scale(1.1)}.sanctuary-plant__growth{width:100%;height:100%;position:absolute;top:0;left:0}.sanctuary-stem{animation:sanctuary-sway 4s ease-in-out infinite;transform-origin:bottom center}.sanctuary-leaf{animation:sanctuary-leaf-sway 3s ease-in-out infinite}.sanctuary-leaf:nth-child(odd){animation-delay:-1.5s}.sanctuary-bloom{animation:sanctuary-bloom-pulse 3s ease-in-out infinite}.sanctuary-bloom-center{animation:sanctuary-bloom-glow 2s ease-in-out infinite}.sanctuary-plant__label{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.sanctuary-plant__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sanctuary-plant__state{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.sanctuary-plant--seed .sanctuary-plant__visual{opacity:.6}.sanctuary-plant--sprouting .sanctuary-plant__visual{opacity:.75}.sanctuary-plant--growing .sanctuary-plant__visual{opacity:.9}.sanctuary-plant--blooming .sanctuary-plant__visual{opacity:1}.sanctuary-plant--blooming:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:120%;height:120%;background:radial-gradient(circle at center,color-mix(in srgb,var(--plant-accent) 15%,transparent 85%) 0%,transparent 70%);pointer-events:none;z-index:0}.sanctuary-detail{background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-xl);padding:var(--space-6);animation:sanctuary-fade-in .4s ease-out}.sanctuary-detail__close{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-3);margin:calc(-1 * var(--space-2)) 0 var(--space-4) calc(-1 * var(--space-3));border-radius:var(--radius-md);transition:all .2s ease}.sanctuary-detail__close:hover{background:var(--surface-2);color:var(--text-primary)}.sanctuary-detail__header{text-align:center;margin-bottom:var(--space-6)}.sanctuary-detail__icon{font-size:3rem;display:block;margin-bottom:var(--space-3)}.sanctuary-detail__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.sanctuary-detail__desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin:0 auto}.sanctuary-detail__progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.sanctuary-detail__ring{position:relative;width:120px;height:120px}.sanctuary-detail__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sanctuary-detail__ring-progress{transition:stroke-dasharray 1s ease-out}.sanctuary-detail__ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-2xl);font-weight:700;color:var(--detail-accent, var(--primary))}.sanctuary-detail__growth-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.sanctuary-detail__stats{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.sanctuary-detail__stat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary)}.sanctuary-detail__stat .stat-icon{font-size:1rem}.sanctuary-detail__tree{border-top:1px solid var(--divider);padding-top:var(--space-5)}.sanctuary-detail__tree-title{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4)}.sanctuary-detail__branches{display:flex;flex-direction:column;gap:var(--space-2)}.sanctuary-branch{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md);transition:background .2s ease}.sanctuary-branch.is-complete{background:color-mix(in srgb,var(--success) 10%,var(--surface-2) 90%)}.sanctuary-branch__connector{width:4px;height:24px;background:var(--branch-color, var(--divider));border-radius:var(--radius-full);opacity:.3}.sanctuary-branch.is-complete .sanctuary-branch__connector{opacity:.6}.sanctuary-branch__content{display:flex;align-items:center;gap:var(--space-2);flex:1}.sanctuary-branch__icon{font-size:1rem}.sanctuary-branch__title{font-size:var(--text-sm);color:var(--text-primary);flex:1}.sanctuary-branch__count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.sanctuary-reflection{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-4);max-width:280px;box-shadow:0 4px 20px #00000014;animation:sanctuary-slide-up .5s ease-out;z-index:10}.sanctuary-reflection__prompt{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.4}.sanctuary-reflection__rating{display:flex;gap:var(--space-2);justify-content:center}.sanctuary-reflection__dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--divider);background:var(--surface-1);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.sanctuary-reflection__dot:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.1)}.sanctuary-reflection__dot.is-selected{background:var(--primary);border-color:var(--primary);color:var(--text-on-accent);transform:scale(1.1)}.sanctuary-reflection__dot:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.sanctuary-pulse{position:fixed;top:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-3);z-index:10}.sanctuary-pulse__item{padding:var(--space-2) var(--space-3);background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--divider);border-radius:var(--radius-full);font-size:var(--text-sm)}.sanctuary-pulse__blooms{letter-spacing:-.1em}.sanctuary-pulse__streak{display:flex;align-items:center;padding:var(--space-2)}.sanctuary-pulse__vine{display:block;width:calc(var(--vine-length, 1) * 4px + 20px);max-width:140px;height:6px;background:linear-gradient(90deg,var(--success) 0%,color-mix(in srgb,var(--success) 60%,var(--primary) 40%) 100%);border-radius:var(--radius-full);position:relative}.sanctuary-pulse__vine:after{content:"🌿";position:absolute;right:-8px;top:50%;transform:translateY(-50%);font-size:.9rem}.sanctuary-start{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:10}.sanctuary-start__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.sanctuary-start__btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}.sanctuary-start__btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.sanctuary-start__icon{font-size:1.1rem}.sanctuary-start__label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sanctuary-empty{text-align:center;padding:var(--space-10);animation:sanctuary-fade-in .6s ease-out}.sanctuary-empty__icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.sanctuary-empty__title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.sanctuary-empty__text{font-size:var(--text-base);color:var(--text-tertiary);margin:0}@keyframes sanctuary-sway{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes sanctuary-leaf-sway{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(2deg) translate(1px)}}@keyframes sanctuary-bloom-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.6}}@keyframes sanctuary-bloom-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes sanctuary-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sanctuary-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sanctuary-plant,.sanctuary-detail,.sanctuary-reflection,.sanctuary-start__btn,.sanctuary-reflection__dot{transition:none}.sanctuary-stem,.sanctuary-leaf,.sanctuary-bloom,.sanctuary-bloom-center,.sanctuary-detail,.sanctuary-reflection,.sanctuary-empty{animation:none}}@media(max-width:768px){.sanctuary{padding:var(--space-4)}.sanctuary-garden__plots{gap:var(--space-4);padding:var(--space-3)}.sanctuary-plant{min-width:100px;max-width:140px;padding:var(--space-3)}.sanctuary-plant__visual{width:80px;height:100px}.sanctuary-plant__icon{font-size:1.5rem}.sanctuary-plant__title{font-size:var(--text-xs);max-width:100px}.sanctuary-reflection{position:fixed;bottom:80px;right:var(--space-4);left:var(--space-4);max-width:none}.sanctuary-pulse{top:var(--space-4);right:var(--space-4)}.sanctuary-start{left:var(--space-4);right:var(--space-4);transform:none}.sanctuary-start__btn{width:100%;justify-content:center}.sanctuary-detail{padding:var(--space-4)}.sanctuary-detail__icon{font-size:2.5rem}.sanctuary-detail__title{font-size:var(--text-xl)}.sanctuary-detail__ring{width:100px;height:100px}.sanctuary-detail__ring-value{font-size:var(--text-xl)}}@media(max-width:400px){.sanctuary-garden__plots{gap:var(--space-3)}.sanctuary-plant{min-width:80px;max-width:110px}.sanctuary-plant__visual{width:60px;height:80px}.sanctuary-plant__icon{font-size:1.2rem}.sanctuary-reflection{bottom:70px;padding:var(--space-3)}.sanctuary-reflection__prompt{font-size:var(--text-xs)}.sanctuary-reflection__dot{width:32px;height:32px;font-size:var(--text-xs)}}:root.dark-mode .sanctuary-plant--blooming:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--plant-accent) 10%,transparent 90%) 0%,transparent 70%)}:root.dark-mode .sanctuary-reflection{background:color-mix(in srgb,var(--surface-1) 90%,transparent 10%)}:root.dark-mode .sanctuary-pulse__item{background:color-mix(in srgb,var(--surface-1) 90%,transparent 10%)}:root.dark-mode .sanctuary-start__btn{background:var(--surface-2)}.garden-reflection{max-width:var(--container-xwide);margin:0 auto;padding:var(--space-6)}.garden-header{margin:var(--space-3) 0 var(--space-8);text-align:center}.garden-header-subtitle{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-lg);font-weight:600;line-height:1.5;max-width:var(--container-narrow);margin-left:auto;margin-right:auto}.garden-vision-tabs-simple{margin-top:var(--space-3);display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.garden-tab-simple{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}html.dark-mode .garden-tab-simple{background:#0000001a;border-color:#ffffff14}.garden-tab-simple:hover{background:#ffffff1f;border-color:#6f9b8640;transform:translateY(-1px)}.garden-tab-simple.is-active{background:#6f9b8626;border-color:#6f9b8666;box-shadow:0 0 0 2px #6f9b861a}.garden-vision-tabs{margin-top:var(--space-3);display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.garden-focus-note{margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700}.garden-focus-note-label{font-size:var(--text-xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.garden-focus-note-value{display:inline-flex;align-items:center;gap:var(--space-2);max-width:min(72ch,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text-primary)}html.dark-mode .garden-focus-note-value{border-color:#ffffff1f;background:#00000029}.garden-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text-primary);font-size:var(--text-sm);font-weight:800;cursor:pointer;max-width:36ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .18s ease,transform .18s ease,background .18s ease}.garden-emoji{display:inline-flex;align-items:center;justify-content:center;line-height:1}html.dark-mode .garden-tab{background:#00000024;border-color:#ffffff1f}.garden-tab:hover{transform:translateY(-1px);border-color:#6f9b8659}.garden-tab.is-active{border-color:#6f9b8699;box-shadow:0 0 0 3px var(--accent-muted);background:#6f9b861f}.garden-vision-grid.garden-vision-grid--focused{grid-template-columns:minmax(320px,520px);justify-content:center}.garden-focus-note--focused{margin-top:var(--space-1)}.garden-focus-note--focused .garden-focus-note-value{padding:0;border-color:transparent;background:transparent;font-weight:900}.garden-focus-note--focused .garden-focus-note-value{gap:10px}.garden-vision-card-title{display:flex;align-items:center;gap:var(--space-2)}.garden-alignment-vision{display:inline-flex;align-items:center;gap:var(--space-2)}.garden-overlay-item{display:flex;align-items:center;gap:var(--space-2)}.garden-section{margin-bottom:var(--space-8);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:radial-gradient(220px 140px at 18% 22%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(220px 140px at 82% 18%,color-mix(in srgb,var(--accent-hover) 14%,transparent),transparent 70%),#ffffff2e;box-shadow:0 0 0 1px #ffffff14 inset,0 10px 30px #0000000f;position:relative;overflow:hidden}html.dark-mode .garden-section{background:var(--bg-surface);border-color:var(--glass-border);box-shadow:var(--shadow-sm)}.garden-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 24%,rgba(255,255,255,.22) 0,transparent 2px),radial-gradient(1px 1px at 28% 66%,rgba(255,255,255,.18) 0,transparent 2px),radial-gradient(1px 1px at 44% 28%,rgba(255,255,255,.16) 0,transparent 2px),radial-gradient(1px 1px at 62% 46%,rgba(255,255,255,.14) 0,transparent 2px),radial-gradient(1px 1px at 78% 34%,rgba(255,255,255,.18) 0,transparent 2px),radial-gradient(1px 1px at 88% 72%,rgba(255,255,255,.14) 0,transparent 2px);opacity:.22;pointer-events:none}.garden-section>*{position:relative;z-index:1}.garden-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.garden-section-title{margin:0;font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.garden-section-icon{display:inline-flex;margin-right:var(--space-2);filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent));opacity:.9}.garden-section-title-row{display:inline-flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.garden-section-tag{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:800;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.18);background:#ffffff14}html.dark-mode .garden-section-tag{border-color:#ffffff1f;background:#00000029}.garden-section-subtitle{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-base);font-weight:600;line-height:1.5}.garden-section-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.garden-empty-card{padding:var(--space-5);border-radius:var(--radius-xl);border:1px dashed rgba(255,255,255,.35);background:#ffffff1f;display:flex;flex-direction:column;gap:var(--space-3)}html.dark-mode .garden-empty-card{border-color:#ffffff2e;background:#0000002e}.garden-empty-title{color:var(--text-primary);font-weight:800;letter-spacing:-.02em}.garden-hint{margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.5}.garden-hint--inline{margin:0}.garden-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.garden-section--primary .garden-section-title{font-weight:900}.garden-section--primary{border-color:#6f9b862e;box-shadow:0 0 0 1px #ffffff14 inset,0 14px 40px #00000014,0 0 22px color-mix(in srgb,var(--accent) 14%,transparent)}html.dark-mode .garden-section--primary{border-color:#6f9b8633}.garden-vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}@media(max-width:960px){.garden-vision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.garden-vision-grid{grid-template-columns:1fr}}.garden-vision-card{text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.garden-vision-card:hover{transform:translateY(-2px)}.garden-vision-card.is-selected,.garden-vision-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-muted),0 0 22px color-mix(in srgb,var(--accent) 26%,transparent)}.garden-vision-card:focus-visible{outline:none}.garden-vision-card-title{color:var(--text-primary);font-weight:900;letter-spacing:-.02em;line-height:1.2}.garden-vision-card-meta{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.garden-vision-card-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:700}.garden-vision-card-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.garden-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.22);background:#ffffff29;color:var(--text-primary);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.garden-pill:hover{transform:translateY(-1px);border-color:#6f9b8659}.garden-pill--neutral:hover,.garden-pill--static:hover{transform:none;border-color:#ffffff38}@media(prefers-reduced-motion:reduce){.garden-vision-card,.garden-pill,.garden-alignment-row{transition:none}.garden-vision-card:hover,.garden-pill:hover{transform:none}}.garden-pill--soft{background:#6f9b8624;border-color:#6f9b8638}.garden-pill--neutral{background:#ffffff14;border-style:dashed;color:var(--text-secondary);cursor:default}.garden-pill--static{cursor:default;pointer-events:none}html.dark-mode .garden-pill{background:#ffffff0f;border-color:#ffffff1f}html.dark-mode .garden-pill--neutral{background:#0000002e}.garden-pill.is-selected{border-color:#6f9b8699;box-shadow:0 0 0 3px var(--accent-muted)}.garden-explorer-simple{display:flex;flex-direction:column;gap:var(--space-4)}.garden-selected-vision{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(111,155,134,.2);background:#6f9b8614;position:relative}html.dark-mode .garden-selected-vision{background:#6f9b860f;border-color:#6f9b8626}.garden-selected-vision-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.garden-selected-vision-label{font-size:var(--text-xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.garden-selected-vision-content{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.garden-selected-vision-title{line-height:1.2}.garden-connections{display:flex;flex-direction:column;gap:var(--space-4)}.garden-connection-group{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);background:#ffffff0d}html.dark-mode .garden-connection-group{background:#0000001a;border-color:#ffffff14}.garden-connection-label{font-size:var(--text-sm);font-weight:800;color:var(--text-secondary);margin-bottom:var(--space-3);letter-spacing:-.01em}.garden-connection-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.garden-connection-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}html.dark-mode .garden-connection-item{background:#ffffff0a;border-color:#ffffff14}.garden-connection-item:hover{background:#ffffff26;border-color:#6f9b864d;transform:translateY(-1px)}.garden-connection-item.is-selected{background:#6f9b8626;border-color:#6f9b8666;box-shadow:0 0 0 2px #6f9b861a}.garden-connection-item-text{line-height:1.2}.garden-connection-more{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;padding:10px 14px;border-radius:var(--radius-lg);background:#ffffff08;border:1px dashed rgba(255,255,255,.1)}.garden-empty-connections{text-align:center;padding:var(--space-6);color:var(--text-secondary);font-size:var(--text-base);line-height:1.5}.garden-empty-connections p{margin:0 0 var(--space-2)}.garden-empty-connections p:last-child{margin-bottom:0}.garden-explorer{display:grid;grid-template-columns:1.4fr .6fr;gap:var(--space-4)}@media(max-width:860px){.garden-explorer{grid-template-columns:1fr}}.garden-explorer-main,.garden-explorer-aside{display:flex;flex-direction:column;gap:var(--space-3)}.garden-chain-pill{padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:#ffffff1f;display:flex;flex-direction:column;gap:var(--space-2)}html.dark-mode .garden-chain-pill{background:#0000002e;border-color:#ffffff1f}.garden-chain-pill-label{font-size:var(--text-xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.garden-chain-pill-items{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.garden-chain-pill-arrow{color:var(--text-tertiary);font-weight:900}.garden-explorer-block{padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:#ffffff1f}html.dark-mode .garden-explorer-block{background:#0000002e;border-color:#ffffff1f}.garden-chain-arrow{align-self:center;color:var(--text-tertiary);font-weight:900}.garden-chain-node{flex:1 1 220px;min-width:220px;padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:#ffffff1f}html.dark-mode .garden-chain-node{background:#0000002e;border-color:#ffffff1f}.garden-chain-node-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-2)}.garden-chain-node-title{color:var(--text-primary);font-weight:900}.garden-chain-node-subtitle{color:var(--text-tertiary);font-size:var(--text-sm)}.garden-chain-node-body{display:flex;flex-wrap:wrap;gap:var(--space-2)}.garden-chain-chip{display:inline-flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.18);background:#ffffff29;cursor:pointer;color:var(--text-primary);font-weight:800;text-align:left}.garden-chain-chip.is-selected{border-color:#6f9b8699;box-shadow:0 0 0 3px var(--accent-muted)}.garden-chain-chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garden-related{padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:#ffffff1f;margin-bottom:var(--space-3)}html.dark-mode .garden-related{background:#0000002e;border-color:#ffffff1f}.garden-related-label{font-size:var(--text-sm);font-weight:900;color:var(--text-secondary);margin-bottom:var(--space-2)}.garden-related-empty{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.5}.garden-related-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.garden-reflection-block{margin-top:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:#ffffff14;overflow:hidden}html.dark-mode .garden-reflection-block{border-color:#ffffff1f;background:#00000029}.garden-reflection-toggle{width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.garden-reflection-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-muted)}.garden-reflection-toggle-title{color:var(--text-primary);font-weight:900;letter-spacing:-.01em}.garden-reflection-toggle-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.garden-reflection-body{padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.garden-reflection-q-title{color:var(--text-primary);font-weight:800;margin-bottom:var(--space-2)}.garden-reflection-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.garden-reflection-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.12)}html.dark-mode .garden-reflection-actions{border-top-color:#ffffff14}.garden-reflection-meta{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:700}.garden-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:6000;background:#eaf4f2b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html.dark-mode .garden-overlay{background:#07110e9e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.garden-overlay-card{width:min(640px,100%);max-height:min(70vh,640px);overflow:hidden;background:var(--surface-2);border:1px solid var(--divider);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-3)}html.dark-mode .garden-overlay-card{background:#0a1612b8;border:1px solid rgba(140,183,217,.14);box-shadow:0 20px 60px #000000a6}.garden-overlay-title{color:var(--text-primary);font-weight:900;letter-spacing:-.02em}.garden-overlay-subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.garden-overlay-list{overflow:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:2px}.garden-overlay-item{width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.18);background:#ffffff24;color:var(--text-primary);cursor:pointer;font-weight:800}html.dark-mode .garden-overlay-item{background:#ffffff0f;border-color:#ffffff1f}.garden-overlay-item:hover{border-color:#6f9b8659}.garden-overlay-actions{display:flex;justify-content:flex-end}.garden-checkin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.garden-checkin-card{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;display:flex;flex-direction:column;gap:var(--space-3);transition:all .2s ease}html.dark-mode .garden-checkin-card{background:#0000001a;border-color:#ffffff14}.garden-checkin-card:hover{border-color:#ffffff40;background:#ffffff14}html.dark-mode .garden-checkin-card:hover{background:#00000026;border-color:#ffffff1f}.garden-checkin-header{display:flex;align-items:center;gap:var(--space-3)}.garden-checkin-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:900;flex-shrink:0}.garden-checkin-indicator--touched{background:#6f9b8633;color:#6f9b86e6;border:1px solid rgba(111,155,134,.3)}.garden-checkin-indicator--not{background:#ffffff1a;color:var(--text-tertiary);border:1px solid rgba(255,255,255,.15)}html.dark-mode .garden-checkin-indicator--not{background:#0003;border-color:#ffffff14}.garden-checkin-vision{border:none;background:transparent;padding:0;cursor:pointer;color:var(--text-primary);font-weight:800;font-size:var(--text-base);text-align:left;display:flex;align-items:center;gap:var(--space-2);line-height:1.2}.garden-checkin-vision:hover{color:var(--accent)}.garden-checkin-status{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.garden-reflection-simple{margin-top:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;overflow:hidden}html.dark-mode .garden-reflection-simple{border-color:#ffffff14;background:#0000001a}.garden-reflection-toggle-simple{width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);transition:background .2s ease}.garden-reflection-toggle-simple:hover{background:#ffffff0d}html.dark-mode .garden-reflection-toggle-simple:hover{background:#ffffff05}.garden-reflection-body-simple{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.garden-alignment-list{display:flex;flex-direction:column;gap:var(--space-3)}.garden-alignment-row{padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:#ffffff1f;display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:center;position:relative;overflow:hidden}.garden-alignment-row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,white),color-mix(in srgb,var(--accent-hover) 70%,white));opacity:.5}html.dark-mode .garden-alignment-row{background:#0000002e;border-color:#ffffff1f}.garden-alignment-row:hover{border-color:#6f9b8647;box-shadow:0 12px 30px #00000014}html.dark-mode .garden-alignment-row:hover{box-shadow:0 16px 44px #0000005c}@media(max-width:720px){.garden-alignment-row{grid-template-columns:1fr;align-items:flex-start}}.garden-alignment-main{display:flex;gap:var(--space-2);align-items:center}.garden-presence{font-weight:900;font-size:1.1rem;line-height:1}.garden-presence--touched{color:#6f9b86f2}.garden-presence--not{color:var(--text-tertiary)}.garden-alignment-vision{border:none;background:transparent;padding:0;cursor:pointer;color:var(--text-primary);font-weight:900;letter-spacing:-.01em;text-align:left}.garden-alignment-meta{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;justify-content:flex-end}.garden-alignment-status{color:var(--text-secondary);font-size:var(--text-sm);font-weight:700}.garden-alignment-details{grid-column:1 / -1;margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.garden-alignment-details-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:800}.garden-alignment-details-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:600px),(max-width:900px)and (max-height:500px)and (pointer:coarse){.garden-reflection{padding:var(--space-4)}.garden-header{margin:0 0 var(--space-4)}.garden-vision-tabs,.garden-focus-note{display:none}.garden-section{padding:var(--space-4);margin-bottom:var(--space-4)}.garden-section-header{margin-bottom:var(--space-3)}.garden-section-title{font-size:var(--text-lg)}.garden-section-subtitle{font-size:var(--text-sm)}.garden-vision-card{min-height:120px;padding:var(--space-4)}.garden-vision-card-title{font-size:var(--text-base);line-height:1.3}.garden-vision-card-meta{margin-top:var(--space-2);gap:var(--space-2)}.garden-vision-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.garden-vision-card-chips{gap:var(--space-2)}.garden-pill{min-height:36px;padding:10px 14px;font-size:var(--text-sm)}.garden-alignment-meta .btn-primary{min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.garden-alignment-row{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.garden-alignment-row:before{display:none}.garden-alignment-main{gap:var(--space-3)}.garden-presence{font-size:1.5rem}.garden-alignment-vision{font-size:var(--text-base);line-height:1.3}.garden-alignment-meta{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%}.garden-alignment-status{font-size:var(--text-sm);width:100%}.garden-alignment-meta .btn{width:100%;min-height:44px;justify-content:center}.garden-card-actions{flex-direction:column;gap:var(--space-2)}.garden-card-actions .btn{width:100%;min-height:44px}.garden-explorer{grid-template-columns:1fr;gap:var(--space-3)}.garden-explorer-aside{display:none}.garden-chain-pill-items{flex-direction:column;align-items:flex-start}.garden-chain-pill-arrow{transform:rotate(90deg)}.garden-reflection-block{margin-top:var(--space-3)}.garden-reflection-toggle{padding:var(--space-4);min-height:56px}.garden-reflection-toggle-title{font-size:var(--text-base)}.garden-reflection-body{padding:var(--space-4)}.garden-reflection-chips{gap:var(--space-2)}.garden-reflection-chips .garden-pill{min-height:40px}}.garden-mobile{padding:var(--space-4);padding-bottom:calc(var(--mobile-tab-bar-height) + var(--space-6))}.garden-mobile-plots{display:flex;flex-direction:column;gap:var(--space-4)}.garden-mobile-header{text-align:center;margin-bottom:var(--space-2)}.garden-mobile-title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);margin:0}.garden-mobile-range{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-4);display:inline-block;background:var(--bg-surface);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);border:1px solid var(--glass-border)}.garden-plot{--plot-accent: var(--accent);position:relative;border-radius:var(--radius-xl);padding:var(--space-4);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--plot-accent) 18%,var(--bg-surface)),color-mix(in srgb,var(--plot-accent) 8%,var(--bg-surface)));border:2px solid color-mix(in srgb,var(--plot-accent) 35%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--plot-accent) 12%,transparent) inset,0 8px 24px color-mix(in srgb,var(--plot-accent) 12%,transparent),0 2px 8px #0000000f}html.dark-mode .garden-plot{background:linear-gradient(135deg,color-mix(in srgb,var(--plot-accent) 14%,var(--bg-surface)),color-mix(in srgb,var(--plot-accent) 6%,var(--bg-surface)));border-color:color-mix(in srgb,var(--plot-accent) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--plot-accent) 10%,transparent) inset,0 8px 32px #00000040,0 0 20px color-mix(in srgb,var(--plot-accent) 16%,transparent)}.garden-plot--empty{background:var(--bg-surface);border:2px dashed var(--glass-border);box-shadow:none;text-align:center;padding:var(--space-6)}html.dark-mode .garden-plot--empty{background:var(--bg-surface);border-color:var(--glass-border)}.garden-plot-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.garden-plot-empty-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.garden-plot-empty-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;max-width:280px;margin:0}.garden-plot-header{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--plot-accent) 20%,transparent)}html.dark-mode .garden-plot-header{border-bottom-color:color-mix(in srgb,var(--plot-accent) 16%,transparent)}.garden-plot-title{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary);cursor:pointer;line-height:1.3;letter-spacing:-.02em}.garden-plot-title:active{opacity:.7}.garden-plot-content{display:flex;flex-direction:column;gap:var(--space-3)}.garden-plot-section{display:flex;flex-direction:column;gap:var(--space-2)}.garden-plot-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--plot-accent) 70%,var(--text-secondary));font-weight:800}html.dark-mode .garden-plot-label{color:color-mix(in srgb,var(--plot-accent) 85%,var(--text-secondary))}.garden-plot-item{width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--plot-accent) 10%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--plot-accent) 18%,transparent);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px;display:flex;align-items:center}html.dark-mode .garden-plot-item{background:color-mix(in srgb,var(--plot-accent) 8%,var(--bg-elevated));border-color:color-mix(in srgb,var(--plot-accent) 14%,transparent)}.garden-plot-item:active{transform:scale(.98);background:color-mix(in srgb,var(--plot-accent) 16%,var(--bg-elevated))}.garden-plot-intentions-list{display:flex;flex-direction:column;gap:var(--space-2)}.garden-plot-intention{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--plot-accent) 6%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--plot-accent) 12%,transparent);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px}html.dark-mode .garden-plot-intention{background:color-mix(in srgb,var(--plot-accent) 5%,var(--bg-elevated));border-color:color-mix(in srgb,var(--plot-accent) 10%,transparent)}.garden-plot-intention:active{transform:scale(.98);background:color-mix(in srgb,var(--plot-accent) 12%,var(--bg-elevated))}.garden-plot-intention-status{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--plot-accent) 40%,transparent);border:2px solid var(--plot-accent);flex-shrink:0}.garden-plot-intention-status.is-done{background:var(--plot-accent)}.garden-plot-intention-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garden-plot-more{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic;padding-left:var(--space-3)}.garden-plot-empty-state{text-align:center;padding:var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.garden-plot-empty-state p{margin:0}@media(prefers-reduced-motion:reduce){.garden-plot-item,.garden-plot-intention,.garden-plot-title{transition:none}.garden-plot-item:active,.garden-plot-intention:active{transform:none}}@keyframes growIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sproutUp{0%{opacity:0;transform:scaleY(0);transform-origin:bottom center}to{opacity:1;transform:scaleY(1);transform-origin:bottom center}}@keyframes leafUnfold{0%{opacity:0;transform:rotate(-10deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes breeze{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}.living-garden{min-height:100vh;background:transparent;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)!important;position:relative;isolation:isolate;--living-garden-chip-radius: var(--radius-lg);--living-garden-chip-padding: var(--space-3) var(--space-4);--living-garden-chip-border: 1px solid var(--glass-border);--living-garden-chip-shadow: 0 6px 16px rgba(0, 0, 0, .05);--living-garden-chip-hover-shadow: 0 12px 24px rgba(0, 0, 0, .08), 0 0 0 2px color-mix( in srgb, var(--garden-accent, var(--accent)) 40%, transparent );--living-garden-chip-hover-border-color: var(--garden-accent, var(--accent));--living-garden-connector-offset: var(--space-5);--living-garden-connector-indicator-size: var(--space-3);--living-garden-branch-offset: var(--space-6);--living-garden-mobile-connector-offset: var(--space-4);--living-garden-mobile-tight-connector-offset: var(--space-2);--living-garden-mobile-chip-shadow: 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .3)}.living-garden:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05060f52,#05060f0d 45%,#05060f73);pointer-events:none;opacity:.25;z-index:-1;mix-blend-mode:multiply}.garden-view-container.living-garden{background:transparent;border:none;box-shadow:none;border-radius:0;padding:0}.living-garden:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 40% 80%,rgba(255,255,255,.3),transparent);background-size:200% 200%;pointer-events:none;opacity:0;z-index:0;transition:opacity .3s ease}html.dark-mode .living-garden:before{opacity:.6}:root:not(.dark-mode) .living-garden:before{background-image:radial-gradient(1px 1px at 20% 30%,rgba(90,155,141,.15),transparent),radial-gradient(1px 1px at 60% 70%,rgba(74,144,153,.12),transparent),radial-gradient(.5px .5px at 50% 50%,rgba(139,92,246,.1),transparent);opacity:.3}:root:not(.dark-mode) .living-garden{color:var(--text-primary)!important}:root:not(.dark-mode) .living-garden h1,:root:not(.dark-mode) .living-garden h2,:root:not(.dark-mode) .living-garden h3,:root:not(.dark-mode) .living-garden p,:root:not(.dark-mode) .living-garden span{color:var(--text-primary)!important}:root:not(.dark-mode) .living-garden-empty h2,:root:not(.dark-mode) .living-garden-empty p,:root:not(.dark-mode) .living-garden .living-garden-empty h2,:root:not(.dark-mode) .living-garden .living-garden-empty p{color:#000!important}html.dark-mode .living-garden{color:var(--text-primary)!important}.living-garden-container{max-width:var(--container-wide);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-12);display:flex;flex-direction:column;gap:var(--space-10);animation:growIn .8s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1}.living-garden-container--bare{padding-top:var(--space-6);gap:var(--space-6)}.living-garden-detail{padding:0;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#080a12f2;box-shadow:0 30px 80px #000000a6}:root:not(.dark-mode) .living-garden-detail{background:#fffffff2;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #00000026}.living-garden-detail-top{height:64px;min-height:64px;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#32374bfa,#23283cfa);border-bottom:1px solid rgba(255,255,255,.1)}html.dark-mode .living-garden-detail-top{background:linear-gradient(180deg,#32374bfa,#23283cfa)}:root:not(.dark-mode) .living-garden-detail-top{background:linear-gradient(180deg,#fafafc,#f0f1f5);border-bottom:1px solid rgba(0,0,0,.08)}.living-garden-detail-topbar-btn{background:transparent;border:none;color:#fffc;font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;padding:var(--space-2) var(--space-3);cursor:pointer;transition:opacity .2s ease}:root:not(.dark-mode) .living-garden-detail-topbar-btn{color:#000000b3}.living-garden-detail-topbar-btn:hover{opacity:.7}.living-garden-detail-topbar-action{color:var(--accent)}.living-garden-detail-topbar-title{text-align:center;flex:1}.living-garden-detail-topbar-heading{font-size:1.3rem;letter-spacing:.25em;text-transform:uppercase;margin:0;color:#ffffffe6;white-space:nowrap}:root:not(.dark-mode) .living-garden-detail-topbar-heading{color:#000000d9}.living-garden-detail-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);background:linear-gradient(180deg,#151928f2,#090a0ef2);flex:1}:root:not(.dark-mode) .living-garden-detail-body{background:linear-gradient(180deg,#f5f6fa,#ebedf2)}.living-garden-detail-header{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-5)}:root:not(.dark-mode) .living-garden-detail-header{background:#fffc;border:1px solid rgba(0,0,0,.08)}.living-garden-detail-title{margin:0 0 var(--space-2);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:#fff}:root:not(.dark-mode) .living-garden-detail-title{color:var(--text-primary)}.living-garden-detail-description{margin:0;color:#fff9;font-size:var(--text-base);line-height:1.5}:root:not(.dark-mode) .living-garden-detail-description{color:var(--text-secondary)}.living-garden-detail-due{display:inline-block;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:var(--radius-md);color:#f88;font-size:var(--text-sm);font-weight:600}:root:not(.dark-mode) .living-garden-detail-due{background:#dc50501a;border-color:#dc505040;color:#c44}.living-garden-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.living-garden-detail-card{padding:var(--space-4);border-radius:16px;border:1px solid var(--glass-border);background:#ffffff80;display:flex;flex-direction:column;gap:var(--space-3)}html.dark-mode .living-garden-detail-card{background:#ffffff0d}.living-garden-detail-card h4{margin:0;font-size:var(--text-base);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.living-garden-detail-empty{margin:0;color:#ffffff80;font-weight:600}:root:not(.dark-mode) .living-garden-detail-empty{color:var(--text-tertiary)}.living-garden-hero{min-height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-10) var(--space-6);margin:0 auto;width:100%;position:relative;z-index:1}.living-garden-hero-card{width:100%;max-width:760px;padding:var(--space-10) var(--space-8);border-radius:var(--glass-panel-border-radius);text-align:center;position:relative;z-index:2}.living-garden-hero-title{font-size:1.25rem;font-weight:600;color:#ffffffeb;margin-bottom:var(--space-4);text-align:center;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.living-garden-hero-content{margin-bottom:var(--space-8)}.living-garden-focus-text{font-size:clamp(1.5rem,4vw,2.8rem);font-weight:800;color:#fff;text-align:center;line-height:1.2;margin:0}.living-garden-context-trigger{margin:0 auto var(--space-8);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:transform .3s ease}.living-garden-context-trigger:hover{transform:translateY(-1px)}.living-garden-context{margin-bottom:var(--space-8);max-width:var(--container-narrow);margin-left:auto;margin-right:auto;position:relative;z-index:1;transition:opacity .3s ease,transform .3s ease}.living-garden-context.is-collapsed,.living-garden-context[data-collapsed=true]{display:none}.living-garden-context-card{padding:var(--space-6);border-radius:var(--glass-panel-border-radius)}.living-garden-context-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4) 0}.living-garden-context-content{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.living-garden-vision-item,.living-garden-milestone-item{font-size:var(--text-base);font-weight:600;color:var(--text-primary);padding:var(--space-2) 0;cursor:pointer;transition:color .2s ease}.living-garden-vision-item:hover,.living-garden-milestone-item:hover{color:var(--accent)}.living-garden-stats{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-8);max-width:var(--container-narrow);margin-left:auto;margin-right:auto;margin-top:var(--space-8);position:relative;padding:var(--space-6);padding-top:var(--space-10);animation:growIn .8s ease-out .2s backwards}.living-garden-stats.is-visible{display:grid}.living-garden-stats-close{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all .2s ease;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.living-garden-stats-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1);border-color:var(--accent)}.living-garden-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto var(--space-8);padding:var(--space-6);width:min(var(--container-wide),100%);gap:var(--space-4)}.living-garden-header>*{position:relative;z-index:2}.living-garden-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin:0;color:#fffffff2;text-shadow:0 8px 18px rgba(0,0,0,.45)}html.dark-mode .living-garden-title{text-shadow:0 8px 20px rgba(0,0,0,.65)}.living-garden-summary{font-size:var(--text-lg);font-weight:600;letter-spacing:.02em;animation:growIn 1s ease-out .4s backwards;transition:transform .3s ease;text-align:center;margin:0 auto}.living-garden-summary:hover{transform:translateY(-2px)}.living-garden-empty{text-align:center;padding:var(--space-16) var(--space-8);max-width:var(--container-narrow);margin:0 auto;animation:growIn 1s cubic-bezier(.34,1.56,.64,1)}.living-garden-empty-icon{font-size:6rem;margin-bottom:var(--space-6);display:inline-block;animation:breeze 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.living-garden-empty h2{font-size:var(--text-3xl);font-weight:800;margin:0 0 var(--space-4);color:#000!important}:root:not(.dark-mode) .living-garden-empty h2,:root:not(.dark-mode) .living-garden .living-garden-empty h2{color:#000!important;text-shadow:0 2px 8px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.2);-webkit-text-stroke:.2px rgba(0,0,0,.05)}.dark-mode .living-garden-empty h2,.dark-mode .living-garden .living-garden-empty h2{color:#fff!important;text-shadow:0 6px 20px rgba(0,0,0,.7),0 2px 8px rgba(255,255,255,.2),0 0 4px rgba(255,255,255,.1);-webkit-text-stroke:.3px rgba(255,255,255,.15)}.living-garden-empty p{font-size:var(--text-lg);color:#000!important;margin:0 0 var(--space-8);line-height:1.6}:root:not(.dark-mode) .living-garden-empty p,:root:not(.dark-mode) .living-garden .living-garden-empty p{color:#000!important;text-shadow:0 2px 6px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.15);-webkit-text-stroke:.1px rgba(0,0,0,.05)}.dark-mode .living-garden-empty p,.dark-mode .living-garden .living-garden-empty p{color:#f1f5f9!important;text-shadow:0 4px 16px rgba(0,0,0,.6),0 1px 6px rgba(255,255,255,.15),0 0 3px rgba(255,255,255,.1);-webkit-text-stroke:.2px rgba(255,255,255,.1)}.living-garden-today{display:grid;grid-template-columns:1.4fr .8fr;gap:var(--space-6);padding:var(--space-7);border-radius:24px;position:relative;overflow:hidden}.living-garden-today:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(59,130,246,.12),transparent 60%);opacity:.9;pointer-events:none}.living-garden-today-main{display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.living-garden-today-kicker{margin:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-xs);color:var(--text-tertiary)}.living-garden-today-focus{display:flex;flex-direction:column;gap:var(--space-2)}.living-garden-today-title{font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.living-garden-today-text{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;color:var(--text-primary);line-height:1.2}.living-garden-today-sub{color:var(--text-secondary);margin:0;font-weight:600}.living-garden-peeks{display:flex;flex-wrap:wrap;gap:var(--space-2)}.living-garden-peek{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff9;border:1px solid var(--glass-border);border-radius:999px;font-weight:700;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.living-garden-peek:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000014}.living-garden-peek--soft{cursor:default;color:var(--text-secondary);border-style:dashed}.living-garden-peek--metric{cursor:default}.living-garden-today-metrics{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.living-garden-today-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end;justify-content:center;position:relative;z-index:1}.living-garden-today--mobile-sticky{position:sticky;top:var(--space-3);z-index:5}.living-garden-btn-ghost{border:1px solid var(--glass-border)}.living-garden-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.living-garden-lanes--mobile{grid-template-columns:1fr}.living-garden-lane{position:relative;padding:var(--space-6);border-radius:20px;background:color-mix(in srgb,var(--glass-bg) 80%,transparent);border:1px solid color-mix(in srgb,var(--accent-border) 30%,var(--glass-border) 70%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 12px 30px #0000000d,inset 0 1px #ffffff40}.living-garden-lane:before{content:"";position:absolute;inset:0;background:var(--garden-accent-gradient, linear-gradient(135deg, var(--garden-accent, #10b981) 0%, transparent 70%));opacity:.1;pointer-events:none}.living-garden-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);position:relative;z-index:1}.living-garden-lane-title{display:flex;align-items:center;gap:var(--space-3);background:transparent;border:none;padding:0;cursor:pointer;text-align:left;transition:opacity .2s ease}.living-garden-lane-title:hover{opacity:.8}.living-garden-lane-title:hover .living-garden-lane-name{color:var(--garden-accent, var(--accent))}.living-garden-lane-name{font-weight:800;font-size:var(--text-xl);color:var(--text-primary)}.living-garden-lane-sub{color:var(--text-tertiary);font-weight:600;font-size:var(--text-sm)}.living-garden-lane-growth{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffffb3;border-radius:999px;border:1px solid var(--glass-border);box-shadow:0 6px 16px #0000000f}html.dark-mode .living-garden-lane-growth{background:#ffffff14}.living-garden-lane-growth-text{display:flex;flex-direction:column;line-height:1.2;font-weight:700;color:var(--text-primary)}.living-garden-lane-growth-text small{font-weight:600;color:var(--text-tertiary)}.living-garden-lane-body{position:relative;padding-left:var(--space-5)}.living-garden-lane-spine{position:absolute;top:var(--space-2);bottom:var(--space-2);left:14px;width:2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--garden-accent, #10b981) 35%,transparent) 0%,transparent 100%);border-radius:var(--radius-xs);opacity:.6}.living-garden-lane-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);position:relative;z-index:1}.living-garden-lane-column{display:flex;flex-direction:column;gap:var(--space-3);position:relative;padding-left:var(--space-3)}.living-garden-lane-column:before{content:"";position:absolute;width:var(--living-garden-connector-indicator-size);height:var(--living-garden-connector-indicator-size);border-radius:50%;left:calc(var(--living-garden-connector-offset) * -1);top:2px;background:var(--garden-accent, var(--accent));box-shadow:0 0 0 8px color-mix(in srgb,var(--garden-accent, #10b981) 20%,transparent)}.living-garden-lane-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--text-tertiary)}.living-garden-lane-chips{display:flex;flex-direction:column;gap:var(--space-2)}.living-garden-chip{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--living-garden-chip-padding);background:#fffc;border:var(--living-garden-chip-border);border-radius:var(--living-garden-chip-radius);cursor:pointer;box-shadow:var(--living-garden-chip-shadow),inset 0 1px #fff3;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}html.dark-mode .living-garden-chip{background:#ffffff0d}.living-garden-kanban .living-garden-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:none;border-radius:var(--living-garden-chip-radius)}.living-garden-kanban .living-garden-chip:hover{background:#ffffff1f;border-color:var(--garden-accent, var(--accent));box-shadow:0 4px 12px #0003}.living-garden-kanban .living-garden-chip-title{color:#fff}.living-garden-kanban .living-garden-chip-meta{color:#ffffff80}:root:not(.dark-mode) .living-garden-kanban .living-garden-chip{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000d;border-radius:var(--living-garden-chip-radius)}:root:not(.dark-mode) .living-garden-kanban .living-garden-chip:hover{background:#fff;box-shadow:0 4px 12px #0000001a}:root:not(.dark-mode) .living-garden-kanban .living-garden-chip-title{color:var(--text-primary)}:root:not(.dark-mode) .living-garden-kanban .living-garden-chip-meta{color:var(--text-tertiary)}.living-garden-chip:hover{transform:translateY(-2px);border-color:var(--living-garden-chip-hover-border-color);box-shadow:var(--living-garden-chip-hover-shadow)}.living-garden-chip--empty{cursor:default;justify-content:center;text-align:center;font-weight:700;color:var(--text-tertiary)}.living-garden-chip-text{display:flex;flex-direction:column;gap:2px}.living-garden-chip-title{font-weight:700;color:var(--text-primary)}.living-garden-chip-meta{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.living-garden-chip.is-complete{opacity:.6;filter:grayscale(.6);text-decoration:line-through}.living-garden-chip.is-pulsing{animation:pulseLeaf 1s ease-in-out;border-color:var(--garden-accent, var(--accent))}@keyframes pulseLeaf{0%{transform:translateY(0) scale(1);box-shadow:0 0 #10b98166}to{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 18px #10b98100}}.living-garden-show-all{align-self:flex-start;padding:var(--space-2) var(--space-3);border-radius:10px;border:1px dashed var(--garden-accent, var(--accent));background:transparent;color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s ease}.living-garden-show-all:hover{background:#fffc;transform:translateY(-1px)}.living-garden-lane-actions{margin-top:var(--space-4)}@keyframes gardenSway{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(.3deg) translate(.5px)}75%{transform:rotate(-.3deg) translate(-.5px)}}@keyframes gardenBreathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.015);opacity:.97}}@keyframes gardenBloom{0%,to{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 0 20px var(--garden-accent, #10b981)}}@keyframes gardenGrow{0%{transform:scale(.8) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.living-garden-lane{border-radius:28px 22px 26px 20px/22px 26px 20px 28px;background:linear-gradient(135deg,color-mix(in srgb,var(--glass-bg) 78%,transparent),color-mix(in srgb,var(--glass-bg) 65%,transparent));border:1px solid color-mix(in srgb,var(--garden-accent, var(--accent)) 12%,var(--glass-border) 88%);animation:none}.living-garden-lane[data-growth=dormant]{opacity:.8;filter:saturate(.7)}.living-garden-lane[data-growth=sprouting] .living-garden-lane-growth-icon{animation:gardenSway 4s ease-in-out infinite}.living-garden-lane[data-growth=growing] .living-garden-lane-growth-icon{animation:gardenBreathe 3s ease-in-out infinite}.living-garden-lane[data-growth=blooming] .living-garden-lane-growth-icon{animation:gardenBloom 2.5s ease-in-out infinite}.living-garden-lane[data-growth=blooming]:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,transparent 30%,color-mix(in srgb,var(--garden-accent, #10b981) 15%,transparent) 50%,transparent 70%);pointer-events:none;animation:gardenBreathe 3s ease-in-out infinite}.living-garden-lane-column[data-level=milestone]:before{width:14px;height:14px;background:var(--garden-milestone-accent, #f59e0b);box-shadow:0 0 12px var(--garden-milestone-glow, rgba(245, 158, 11, .3));border-radius:50%}.living-garden-lane-column[data-level=focus]:before{width:12px;height:12px;background:var(--garden-focus-accent, #10b981);box-shadow:0 0 10px var(--garden-focus-glow, rgba(16, 185, 129, .25));border-radius:var(--radius-organic-leaf, 70% 30% 70% 30% / 30% 70% 30% 70%)}.living-garden-lane-column[data-level=intention]:before{width:10px;height:10px;background:var(--garden-intention-accent, #8b5cf6);box-shadow:0 0 8px var(--garden-intention-glow, rgba(139, 92, 246, .2));border-radius:var(--radius-organic-seed, 50% 50% 80% 20% / 40% 60% 40% 60%)}.living-garden-lane-column[data-level=milestone] .living-garden-chip{border-radius:var(--living-garden-chip-radius);padding:var(--living-garden-chip-padding);border-left:3px solid var(--garden-milestone-accent, #f59e0b);transform:scale(1.03)}.living-garden-lane-column[data-level=milestone] .living-garden-chip-title{font-size:calc(var(--text-base) * 1.05);font-weight:700}.living-garden-lane-column[data-level=focus] .living-garden-chip{border-radius:var(--living-garden-chip-radius);border-left:2px solid var(--garden-focus-accent, #10b981)}.living-garden-lane-column[data-level=focus] .living-garden-chip-title{font-weight:600}.living-garden-lane-column[data-level=intention] .living-garden-chip{border-radius:var(--living-garden-chip-radius);padding:var(--living-garden-chip-padding);border:1px dashed color-mix(in srgb,var(--garden-intention-accent, #8b5cf6) 50%,var(--glass-border));transform:scale(.97)}.living-garden-lane-column[data-level=intention] .living-garden-chip-title{font-size:var(--text-sm);font-weight:500}.living-garden-chip{animation:none}.living-garden-chip:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0000001a,0 0 0 2px var(--garden-accent, var(--accent))}.living-garden-lane-spine{background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--garden-accent, #10b981) 40%,transparent) 10%,color-mix(in srgb,var(--garden-accent, #10b981) 60%,transparent) 50%,color-mix(in srgb,var(--garden-accent, #10b981) 40%,transparent) 90%,transparent 100%);width:3px;border-radius:var(--radius-xs);animation:gardenGrow .8s ease-out forwards}@media(prefers-reduced-motion:reduce){.living-garden-lane,.living-garden-chip,.living-garden-lane-growth-icon,.living-garden-lane-spine,.living-garden-lane[data-growth]:after{animation:none!important}}.living-garden-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:20}.living-garden-modal{max-width:var(--container-mid);width:min(var(--container-mid),100%);max-height:80vh;overflow:hidden;border-radius:var(--radius-lg)}.living-garden-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.living-garden-modal-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:700;font-size:var(--text-xs)}.living-garden-modal h3{margin:0;font-size:var(--text-2xl);font-weight:800}.living-garden-modal-body{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.living-garden-modal-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#fffc;cursor:pointer;transition:transform .15s ease}html.dark-mode .living-garden-modal-item{background:#ffffff0d}.living-garden-modal-item:hover{transform:translateY(-2px);border-color:var(--garden-accent, var(--accent))}.living-garden-modal-item-title{font-weight:800;color:var(--text-primary)}.living-garden-modal-empty{text-align:center;color:var(--text-tertiary);font-weight:700}.living-garden-ecosystem{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-6);margin-bottom:var(--space-10);perspective:1000px}.living-garden-plot{background:#ffffffa6;border-radius:20px;padding:var(--space-6);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.2,.8,.2,1);min-height:380px;box-shadow:0 4px 6px #00000005,0 12px 24px #0000000a;animation:growIn .6s cubic-bezier(.2,.8,.2,1) backwards}.living-garden-plot:nth-child(1){animation-delay:.1s}.living-garden-plot:nth-child(2){animation-delay:.2s}.living-garden-plot:nth-child(3){animation-delay:.3s}.living-garden-plot:nth-child(4){animation-delay:.4s}.living-garden-plot:before{content:"";position:absolute;inset:0;background:var( --garden-accent-gradient, linear-gradient(135deg, var(--garden-accent, #10b981) 0%, transparent 80%) );opacity:.08;pointer-events:none;transition:opacity .5s ease}.living-garden-plot:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d;border-color:var(--garden-accent, #10b981);z-index:5}.living-garden-plot:hover:before{opacity:.15}html.dark-mode .living-garden-plot{background:#141e2880;border-color:#ffffff14}html.dark-mode .living-garden-plot:hover{background:#141e28b3;box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--garden-accent, rgba(255, 255, 255, .1))}.living-garden-plot.is-dormant{opacity:.85;border-style:dashed;filter:grayscale(.4)}.living-garden-plot.is-dormant:hover{opacity:1;filter:grayscale(0);border-style:solid}.living-garden-tree{height:100%;display:flex;flex-direction:column}.living-garden-trunk{margin-bottom:var(--space-8);position:relative;z-index:2}.living-garden-vision{display:flex;align-items:center;gap:var(--space-4);font-size:1.15rem;font-weight:700;color:var(--text-primary);padding:var(--space-5) var(--space-6);background:#fff9;border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #00000008;transition:transform .3s ease}.living-garden-vision:hover{transform:scale(1.02)}html.dark-mode .living-garden-vision{background:#ffffff0d;border-color:#ffffff1a}.living-garden-vision-text{line-height:1.3}.living-garden-branches{display:flex;flex-direction:column;gap:var(--space-6);flex:1;position:relative;padding-left:var(--space-8)}.living-garden-branches:before{content:"";position:absolute;left:24px;top:-20px;bottom:20px;width:2px;background:linear-gradient(to bottom,var(--garden-accent, #10b981) 0%,transparent 100%);opacity:.3;border-radius:var(--radius-xs)}.living-garden-branch{position:relative;animation:sproutUp .6s ease-out backwards}.living-garden-branch:nth-child(1){animation-delay:.3s}.living-garden-branch:nth-child(2){animation-delay:.5s}.living-garden-branch:nth-child(3){animation-delay:.7s}.living-garden-branch:before{content:"";position:absolute;left:calc(var(--living-garden-branch-offset) * -1);top:18px;width:20px;height:2px;background:var(--garden-accent, #10b981);opacity:.3}.living-garden-branch-label{font-size:.75rem;font-weight:800;color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:var(--space-2)}.living-garden-branch-label:after{content:"";height:1px;flex:1;background:currentColor;opacity:.2}.living-garden-branch-items{display:flex;flex-direction:column;gap:var(--space-3)}.living-garden-branch-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff6;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-weight:600;color:var(--text-primary);border:1px solid transparent;animation:leafUnfold .5s ease-out backwards}.living-garden-branch-item:nth-child(1){animation-delay:.4s}.living-garden-branch-item:nth-child(2){animation-delay:.5s}.living-garden-branch-item:nth-child(3){animation-delay:.6s}html.dark-mode .living-garden-branch-item{background:#ffffff0d;border-color:#ffffff0d}.living-garden-branch-item:hover{background:#ffffffd9;transform:translate(6px) scale(1.02);border-color:var(--garden-accent, #10b981);box-shadow:0 4px 12px #0000000d}html.dark-mode .living-garden-branch-item:hover{background:#ffffff26;border-color:var(--garden-accent, #10b981)}.living-garden-branch-item.is-complete{opacity:.6;text-decoration:line-through;filter:grayscale(1)}.living-garden-branch-item.is-complete:hover{opacity:.9;filter:grayscale(0);text-decoration:none}.living-garden-emoji{font-size:1.25em;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.living-garden-progress-ring{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--garden-accent, #10b981) calc(var(--progress, 0) * 1%),rgba(255,255,255,.2) 0deg);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000001a}.living-garden-progress-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(4px)}html.dark-mode .living-garden-progress-ring:before{background:#141928cc}.living-garden-progress-text{position:relative;z-index:1;font-size:var(--text-sm);font-weight:700;color:var(--garden-accent, #10b981)}@keyframes seedToSprout{0%{transform:scale(.8) rotate(-5deg);opacity:.7}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes sproutGrowth{0%{transform:scaleY(.3);opacity:.8}60%{transform:scaleY(1.2) scaleX(.95)}to{transform:scaleY(1) scaleX(1);opacity:1}}@keyframes flowerBloom{0%{transform:scale(.9);filter:brightness(.8)}50%{transform:scale(1.1);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.living-garden-chip[data-growth=seed]{animation:seedToSprout .6s ease-out}.living-garden-chip[data-growth=sprouting]{animation:sproutGrowth .8s ease-out;box-shadow:0 6px 16px #10b98126}.living-garden-chip[data-growth=growing]{box-shadow:0 8px 20px #10b98133}.living-garden-chip[data-growth=blooming]{animation:flowerBloom 1s ease-out;box-shadow:0 10px 24px #10b98140;border-color:var(--garden-accent, #10b981)}.living-garden-ready-to-plant{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);border-radius:24px;background:linear-gradient(135deg,#10b98114,#3b82f60f,#8b5cf60a);border:2px dashed rgba(16,185,129,.4);position:relative;overflow:hidden;min-height:140px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff1a}.living-garden-ready-to-plant:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(16,185,129,.12) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.08) 0%,transparent 50%);animation:gentlePulse 4s ease-in-out infinite;opacity:.6}@keyframes gentlePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.living-garden-ready-to-plant:hover{transform:translateY(-3px) scale(1.01);background:linear-gradient(135deg,#10b98126,#3b82f61f,#8b5cf614);border-color:#10b98199;box-shadow:0 12px 28px #10b98133,0 0 40px #10b9811a,inset 0 1px #fff3}.living-garden-ready-to-plant:hover:before{animation-duration:2s}.living-garden-ready-to-plant-icon{font-size:3rem;margin-bottom:var(--space-3);animation:bounce 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3));position:relative;z-index:2}.living-garden-ready-to-plant:hover .living-garden-ready-to-plant-icon{animation:none;transform:scale(1.1) rotate(5deg)}.living-garden-ready-to-plant h4{margin:0 0 var(--space-2);font-size:1.2rem;font-weight:700;color:var(--garden-accent, #10b981);text-align:center;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.living-garden-ready-to-plant p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center;opacity:.9;position:relative;z-index:2;max-width:280px;line-height:1.4}.living-garden-growth-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:16px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);position:relative;overflow:hidden;transition:all .3s ease}.living-garden-growth-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.living-garden-growth-badge--seed{background:linear-gradient(135deg,#9ca3afe6,#d1d5dbcc);color:#374151;box-shadow:0 2px 8px #9ca3af4d}.living-garden-growth-badge--sprouting{background:linear-gradient(135deg,#10b981e6,#059669cc);color:#fff;animation:sproutGrowth 1s ease-out;box-shadow:0 4px 12px #10b98166}.living-garden-growth-badge--growing{background:linear-gradient(135deg,#f59e0be6,#d97706cc);color:#fff;box-shadow:0 4px 16px #f59e0b80;animation:gardenBreathe 2s ease-in-out infinite}.living-garden-growth-badge--blooming{background:linear-gradient(135deg,#8b5cf6e6,#7c3aedcc);color:#fff;box-shadow:0 6px 20px #8b5cf699;animation:flowerBloom 1s ease-out}.living-garden-plant-icon{font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:all .3s ease}.living-garden-chip:hover .living-garden-plant-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.living-garden-growth-stage-icon{display:inline-block;margin-right:var(--space-2);font-size:1.2rem;vertical-align:middle;transition:all .3s ease}.living-garden-chip[data-growth=seed] .living-garden-growth-stage-icon{animation:seedToSprout .8s ease-out}.living-garden-chip[data-growth=sprouting] .living-garden-growth-stage-icon{animation:sproutGrowth 1s ease-out;color:var(--garden-accent, #10b981)}.living-garden-chip[data-growth=growing] .living-garden-growth-stage-icon{animation:gardenBreathe 2s ease-in-out infinite;color:#f59e0b}.living-garden-chip[data-growth=blooming] .living-garden-growth-stage-icon{animation:flowerBloom 1.2s ease-out;color:#8b5cf6;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.living-garden-progress-bar{height:6px;background:#fff3;border-radius:var(--radius-xs);overflow:hidden;position:relative;margin:var(--space-2) 0}.living-garden-progress-fill{height:100%;background:linear-gradient(90deg,var(--garden-accent, #10b981) 0%,rgba(16,185,129,.6) 100%);border-radius:inherit;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.living-garden-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.living-garden-action-ready{position:relative;overflow:hidden}.living-garden-action-ready:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);animation:actionGlow 3s ease-in-out infinite}@keyframes actionGlow{0%{left:-100%}to{left:100%}}.living-garden-action-ready .living-garden-btn-primary{position:relative;z-index:2;box-shadow:0 8px 24px #10b9814d;animation:gentlePulse 2s ease-in-out infinite}.living-garden-action-ready .living-garden-btn-primary:hover{box-shadow:0 12px 32px #10b98166;transform:translateY(-2px) scale(1.02)}@media(max-width:768px){.living-garden-progress-ring{width:40px;height:40px}.living-garden-progress-text{font-size:var(--text-xs)}.living-garden-ready-to-plant{margin:var(--space-2) 0;min-height:100px}.living-garden-ready-to-plant-icon{font-size:2rem}.living-garden-ready-to-plant h4{font-size:1rem}}.living-garden-dormant-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--text-secondary);opacity:0;animation:growIn .8s ease-out .5s forwards}.living-garden-dormant-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5;filter:grayscale(.5);transition:all .5s ease}.living-garden-plot:hover .living-garden-dormant-icon{filter:grayscale(0) drop-shadow(0 0 10px var(--garden-accent, #10b981));transform:scale(1.1) rotate(5deg)}.living-garden-dormant-state p{font-size:var(--text-lg);margin:0 0 var(--space-6);line-height:1.5;max-width:80%}.living-garden-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) 0;border-top:1px solid rgba(0,0,0,.05);margin-bottom:var(--space-8);margin-top:var(--space-4)}html.dark-mode .living-garden-actions{border-color:#ffffff14}.living-garden-actions-left,.living-garden-actions-right{display:flex;gap:var(--space-4)}.living-garden-btn-primary{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-weight:700;font-size:var(--text-lg);cursor:pointer;margin-top:var(--space-4);border-radius:var(--glass-panel-border-radius);position:relative;overflow:hidden}.living-garden-btn-primary .btn-icon{font-size:1.2em}.living-garden-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff9;color:var(--text-primary);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}html.dark-mode .living-garden-btn-secondary{background:#ffffff0d;border-color:#ffffff1a}.living-garden-btn-secondary:hover{background:#ffffffd9;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}html.dark-mode .living-garden-btn-secondary:hover{background:#ffffff26}.living-garden-btn-ghost{background:transparent;border:none;color:var(--text-tertiary);font-weight:600;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:8px;transition:all .2s ease}.living-garden-btn-ghost:hover{color:var(--text-primary);background:#00000008}html.dark-mode .living-garden-btn-ghost:hover{background:#ffffff0d}.living-garden-btn-icon{font-size:1.2em}.living-garden-reflection{background:#ffffffbf;border-radius:24px;padding:var(--space-8);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(20px);margin-bottom:var(--space-8);box-shadow:0 10px 30px #0000000d;animation:growIn .6s cubic-bezier(.34,1.56,.64,1)}html.dark-mode .living-garden-reflection{background:#14192899;border-color:#ffffff1a}.living-garden-reflection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:var(--space-4)}html.dark-mode .living-garden-reflection-header{border-color:#ffffff0d}.living-garden-reflection-header h3{font-size:var(--text-2xl);font-weight:800;margin:0;color:var(--text-primary);background:linear-gradient(to right,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.living-garden-reflection-close{background:none;border:none;font-size:var(--text-2xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.living-garden-reflection-close:hover{background:#0000000d;color:#ef4444;transform:rotate(90deg)}.living-garden-reflection-body{display:flex;flex-direction:column;gap:var(--space-8)}.living-garden-reflection-question h4{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-4);color:var(--text-primary)}.living-garden-reflection-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.living-garden-reflection-option{padding:var(--space-3) var(--space-5);background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-weight:600;color:var(--text-primary);box-shadow:0 2px 4px #00000005}html.dark-mode .living-garden-reflection-option{background:#ffffff0d;border-color:#ffffff1a}.living-garden-reflection-option:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.living-garden-reflection-option.is-selected{background:var(--garden-accent, #10b981);color:#fff;border-color:var(--garden-accent, #10b981);box-shadow:0 4px 12px #10b9814d;transform:scale(1.05)}.living-garden-reflection-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:1px solid rgba(0,0,0,.05)}html.dark-mode .living-garden-reflection-actions{border-color:#ffffff14}.living-garden-reflection-note{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.living-garden-reflection-note:before{content:"🔒";font-size:.8em;opacity:.6}@media(max-width:768px){.living-garden-container{padding:var(--space-3)}.living-garden-detail-header{flex-direction:column;gap:var(--space-3)}.living-garden-detail-grid{grid-template-columns:1fr}.living-garden-today{grid-template-columns:1fr;padding:var(--space-5)}.living-garden-today-actions{align-items:stretch}.living-garden-ecosystem{grid-template-columns:1fr;gap:var(--space-4)}.living-garden-plot{padding:var(--space-6);min-height:auto}.living-garden-actions{flex-direction:column;gap:var(--space-3)}.living-garden-actions-left,.living-garden-actions-right,.living-garden-btn-primary,.living-garden-btn-secondary{width:100%;justify-content:center}.living-garden-reflection-options{flex-direction:column}.living-garden-reflection-option{width:100%;text-align:center;padding:var(--space-4)}.living-garden-title{font-size:2.5rem}.living-garden-lane{padding:var(--space-5);margin:var(--space-2) 0;border-radius:24px;position:relative;overflow:hidden}.living-garden-lane:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.living-garden-lane-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);position:relative;z-index:2}.living-garden-lane-name{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-1)}.living-garden-lane-sub{font-size:var(--text-sm);opacity:.8}.living-garden-lane-growth{width:100%;padding:var(--space-4);border-radius:16px;background:#ffffff14;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);margin-top:var(--space-2);position:relative;z-index:2}html.dark-mode .living-garden-lane-growth{background:#ffffff0f}.living-garden-lane-growth-text{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.living-garden-lane-growth-text small{font-size:var(--text-xs);opacity:.7}.living-garden-lane-columns{grid-template-columns:1fr}.living-garden-lane-spine{left:10px;opacity:.25}.living-garden-lane-column:before{left:calc(var(--living-garden-mobile-connector-offset) * -1)}.living-garden-chip{min-height:60px;padding:var(--living-garden-chip-padding);border-radius:var(--living-garden-chip-radius);margin-bottom:var(--space-2);position:relative;z-index:2;background:#ffffffe6;backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);box-shadow:var(--living-garden-mobile-chip-shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1)}html.dark-mode .living-garden-chip{background:#ffffff14;border-color:#ffffff1a}.living-garden-chip:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #0000001f,0 0 20px var(--garden-accent, rgba(16, 185, 129, .2))}.living-garden-chip-title{font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:var(--space-1)}.living-garden-chip-meta{font-size:var(--text-xs);opacity:.7}.living-garden-lane-column[data-level=milestone] .living-garden-chip{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b14,#ffffffe6)}.living-garden-lane-column[data-level=focus] .living-garden-chip{border-left:3px solid #10b981;background:linear-gradient(135deg,#10b9810f,#ffffffe6)}.living-garden-lane-column[data-level=intention] .living-garden-chip{border-left:2px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#ffffffe6);border-style:dashed}html.dark-mode .living-garden-lane-column[data-level=milestone] .living-garden-chip{background:linear-gradient(135deg,#f59e0b1f,#ffffff14)}html.dark-mode .living-garden-lane-column[data-level=focus] .living-garden-chip{background:linear-gradient(135deg,#10b9811a,#ffffff14)}html.dark-mode .living-garden-lane-column[data-level=intention] .living-garden-chip{background:linear-gradient(135deg,#8b5cf614,#ffffff14)}.living-garden-modal{max-height:85vh}}@media(max-width:600px){.living-garden{overflow-x:hidden}.living-garden-container{padding:var(--space-4) var(--space-3) var(--space-8);gap:var(--garden-breathing-room, 24px)}.living-garden-lane{margin:0 calc(var(--space-3) * -1);padding:var(--space-5) var(--space-4);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--garden-accent, #10b981) 6%,transparent) 0%,transparent 100%);animation:none}.living-garden-lane-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.living-garden-lane-name{font-size:1.1rem;line-height:1.3;word-break:break-word}.living-garden-lane-sub{font-size:var(--text-sm);color:var(--text-secondary)}.living-garden-lane-growth{width:100%;justify-content:flex-start;gap:var(--space-3);font-size:1rem;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md)}html.dark-mode .living-garden-lane-growth{background:#ffffff14}.living-garden-lane-body{padding-left:var(--space-2)}.living-garden-lane-spine{display:none}.living-garden-lane-columns{gap:var(--space-5)}.living-garden-lane-column:not(:last-child):after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin-top:var(--space-4)}.living-garden-lane-column{padding-left:var(--space-5)}.living-garden-lane-column:before{left:calc(var(--living-garden-mobile-tight-connector-offset) * -1)}.living-garden-chip{min-height:56px;padding:var(--living-garden-chip-padding);gap:var(--space-3);animation:none}.living-garden-lane-column[data-level=milestone] .living-garden-chip,.living-garden-lane-column[data-level=focus] .living-garden-chip,.living-garden-lane-column[data-level=intention] .living-garden-chip{transform:none;padding:var(--living-garden-chip-padding);min-height:56px;border-radius:var(--living-garden-chip-radius)}.living-garden-chip-title{font-size:1rem;line-height:1.3}.living-garden-chip-meta{font-size:var(--text-sm)}.living-garden-btn-primary,.living-garden-btn-secondary{min-height:52px;padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.living-garden-lane-label{font-size:var(--text-sm);margin-bottom:var(--space-3)}}.living-garden--mobile .living-garden-plots{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-2)}.living-garden--mobile .living-garden-plot{min-height:auto;padding:var(--space-5);border-radius:20px}.living-garden-plot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.living-garden-plot-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.living-garden-plot-life{font-size:1.5rem;opacity:.8;animation:breeze 3s ease-in-out infinite}.living-garden-plot-growth{display:flex;flex-direction:column;gap:var(--space-3)}.living-garden-sprouts,.living-garden-buds,.living-garden-leaves{display:flex;flex-wrap:wrap;gap:var(--space-2)}.living-garden-sprout,.living-garden-bud,.living-garden-leaf{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff80;border-radius:8px;font-size:var(--text-sm);font-weight:600;border:1px solid rgba(0,0,0,.05)}.living-garden-more{font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;padding:0 var(--space-2);font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.living-garden-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-8);animation:growIn .8s ease-out .2s backwards}.living-garden-stat-card{background:color-mix(in srgb,var(--glass-bg) 60%,transparent);padding:var(--space-5);border-radius:20px;border:1px solid color-mix(in srgb,var(--accent-border) 25%,var(--glass-border) 75%);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);text-align:center;transition:all .3s ease;position:relative;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-subtle) 5%,transparent),inset 0 1px color-mix(in srgb,rgba(255,255,255,.1) 50%,transparent)}.living-garden-stat-card:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--bg-hover) 65%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,var(--glass-border) 50%);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-subtle) 12%,transparent),0 0 30px color-mix(in srgb,var(--accent-fill) 8%,transparent)}.living-garden-stat-value{font-size:1.5rem;font-weight:800;color:var(--accent);display:block;line-height:1;margin-bottom:4px}.living-garden-stat-label{font-size:.65rem;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.living-garden-alignment-score{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.living-garden-score-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(0,0,0,.05);background:#ffffff80;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1)}html.dark-mode .living-garden-score-btn{background:#ffffff0d;border-color:#ffffff1a}.living-garden-score-btn:hover{background:#fffc;transform:scale(1.1) translateY(-2px)}.living-garden-score-btn.is-selected{background:var(--garden-accent, #10b981);color:#fff;border-color:var(--garden-accent, #10b981);box-shadow:0 4px 12px #10b9814d;transform:scale(1.1)}.living-garden-reflection-input{width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05);background:#ffffff80;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);margin-top:var(--space-2);resize:vertical;transition:all .2s ease}html.dark-mode .living-garden-reflection-input{background:#0003;border-color:#ffffff1a}.living-garden-reflection-input:focus{outline:none;border-color:var(--garden-accent, #10b981);background:#fffc}.living-garden-checkin-cta{background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff;padding:var(--space-3) var(--space-4);border-radius:16px;margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #10b98126;animation:growIn .8s ease-out;cursor:pointer;transition:all .3s ease}.living-garden-checkin-cta:hover{transform:translateY(-4px);box-shadow:0 15px 40px #10b98159}.living-garden-checkin-text h3{margin:0;font-size:1.15rem;font-weight:800;color:#fff!important}.living-garden-checkin-text p{margin:4px 0 0;opacity:.9;font-size:.9rem;color:#fff!important}.living-garden-checkin-icon{font-size:1.75rem;animation:bounce 2s infinite}.living-garden-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:#ffffff0d;border-radius:999px;border:1px solid rgba(255,255,255,.08)}html.dark-mode .living-garden-breadcrumb{background:#ffffff0d}:root:not(.dark-mode) .living-garden-breadcrumb{background:#fff9;border:1px solid rgba(0,0,0,.08)}.living-garden-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:8px;font-weight:600;font-size:var(--text-sm);color:#fff9;cursor:pointer;transition:all .2s ease;max-width:180px}:root:not(.dark-mode) .living-garden-breadcrumb-item{color:var(--text-secondary)}.living-garden-breadcrumb-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.living-garden-breadcrumb-item:hover{background:#ffffff1a;color:var(--garden-accent, var(--accent))}html.dark-mode .living-garden-breadcrumb-item:hover{background:#ffffff1a}:root:not(.dark-mode) .living-garden-breadcrumb-item:hover{background:#0000000d}.living-garden-breadcrumb-separator{color:#ffffff4d;font-weight:300;font-size:var(--text-lg)}:root:not(.dark-mode) .living-garden-breadcrumb-separator{color:var(--text-tertiary)}.living-garden-breadcrumb-current{font-weight:700;color:#fff;font-size:var(--text-sm)}:root:not(.dark-mode) .living-garden-breadcrumb-current{color:var(--text-primary)}.living-garden-detail-info{flex:1;min-width:0}.living-garden-detail-progress{position:relative;width:90px;height:90px;flex-shrink:0}.living-garden-progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.living-garden-progress-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8}html.dark-mode .living-garden-progress-ring-bg{stroke:#ffffff1a}:root:not(.dark-mode) .living-garden-progress-ring-bg{stroke:#00000014}.living-garden-progress-ring-fill{fill:none;stroke:var(--garden-accent, var(--accent, #10b981));stroke-width:8;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:calc(264 - (264 * var(--progress, 0) / 100));transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.living-garden-progress-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.living-garden-progress-ring-value{font-size:var(--text-xl);font-weight:800;color:#fff;line-height:1}:root:not(.dark-mode) .living-garden-progress-ring-value{color:var(--text-primary)}.living-garden-progress-ring-text{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}:root:not(.dark-mode) .living-garden-progress-ring-text{color:var(--text-tertiary)}.living-garden-detail-stats{display:flex;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08)}html.dark-mode .living-garden-detail-stats{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}:root:not(.dark-mode) .living-garden-detail-stats{background:#ffffffb3;border:1px solid rgba(0,0,0,.08)}.living-garden-detail-stat{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:130px}.living-garden-detail-stat-icon{font-size:1.5rem;opacity:.85;line-height:1}.living-garden-detail-stat-text{display:flex;flex-direction:column}.living-garden-detail-stat-value{font-weight:800;font-size:var(--text-lg);color:#fff;line-height:1.2}:root:not(.dark-mode) .living-garden-detail-stat-value{color:var(--text-primary)}.living-garden-detail-stat-label{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.06em}:root:not(.dark-mode) .living-garden-detail-stat-label{color:var(--text-tertiary)}.living-garden-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.living-garden-kanban-column{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-4);min-height:180px;display:flex;flex-direction:column}html.dark-mode .living-garden-kanban-column{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}:root:not(.dark-mode) .living-garden-kanban-column{background:#ffffffb3;border:1px solid rgba(0,0,0,.08)}.living-garden-kanban-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}:root:not(.dark-mode) .living-garden-kanban-header{border-bottom:1px solid rgba(0,0,0,.08)}.living-garden-kanban-header h4{margin:0;font-size:var(--text-sm);font-weight:700;color:#fff;flex:1}:root:not(.dark-mode) .living-garden-kanban-header h4{color:var(--text-primary)}.living-garden-kanban-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.living-garden-kanban-dot--todo{background:var(--text-tertiary)}.living-garden-kanban-dot--active{background:#f59e0b;box-shadow:0 0 8px #f59e0b80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 8px #f59e0b80}50%{box-shadow:0 0 16px #f59e0bcc}}.living-garden-kanban-dot--done{background:var(--garden-accent, #10b981)}.living-garden-kanban-count{font-size:var(--text-xs);font-weight:700;color:#ffffff80;background:#ffffff14;padding:2px 8px;border-radius:999px}html.dark-mode .living-garden-kanban-count{background:#ffffff14}:root:not(.dark-mode) .living-garden-kanban-count{color:var(--text-tertiary);background:#0000000f}.living-garden-kanban-items{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.living-garden-kanban-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#ffffff59;font-weight:600;font-size:var(--text-sm);text-align:center;padding:var(--space-4);border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-md);margin-top:var(--space-2)}:root:not(.dark-mode) .living-garden-kanban-empty{color:var(--text-tertiary);border-color:#00000026}.living-garden-detail-section{margin-top:var(--space-2)}.living-garden-detail-section-title{font-size:var(--text-base);font-weight:700;color:#fff9;margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.1em}:root:not(.dark-mode) .living-garden-detail-section-title{color:var(--text-tertiary)}.living-garden-subtasks{display:flex;flex-direction:column;gap:var(--space-2)}.living-garden-subtask{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:all .2s ease}html.dark-mode .living-garden-subtask{background:#ffffff08}:root:not(.dark-mode) .living-garden-subtask{background:#ffffffb3;border:1px solid rgba(0,0,0,.08)}.living-garden-subtask.is-complete{opacity:.6}.living-garden-subtask.is-complete .living-garden-subtask-title{text-decoration:line-through;color:var(--text-tertiary)}.living-garden-subtask-check{font-size:var(--text-lg);color:var(--garden-accent, var(--accent));font-weight:700;width:24px;text-align:center}.living-garden-subtask-title{font-weight:600;color:#fff}:root:not(.dark-mode) .living-garden-subtask-title{color:var(--text-primary)}.living-garden-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6);background:#ffffff08;border:2px dashed rgba(255,255,255,.12);border-radius:20px;min-height:200px}html.dark-mode .living-garden-empty-state{background:#ffffff08}:root:not(.dark-mode) .living-garden-empty-state{background:#ffffff80;border-color:#0000001f}.living-garden-empty-state-icon{font-size:3.5rem;margin-bottom:var(--space-4);opacity:.8;animation:none}.living-garden-empty-state-title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:800;color:#fff}:root:not(.dark-mode) .living-garden-empty-state-title{color:var(--text-primary)}.living-garden-empty-state-text{margin:0 0 var(--space-6);font-size:var(--text-base);color:#fff9;max-width:360px;line-height:1.5}:root:not(.dark-mode) .living-garden-empty-state-text{color:var(--text-secondary)}.living-garden-empty-state-cta{margin-top:0}@media(max-width:768px){.living-garden-kanban{grid-template-columns:1fr}.living-garden-kanban-column{min-height:auto}.living-garden-breadcrumb{padding:var(--space-2) var(--space-3)}.living-garden-breadcrumb-item{max-width:120px;font-size:var(--text-xs)}.living-garden-detail-progress{width:70px;height:70px}.living-garden-progress-ring-value{font-size:var(--text-lg)}.living-garden-detail-stats{flex-direction:column;gap:var(--space-3)}.living-garden-detail-stat{min-width:auto}.living-garden-detail-top{height:auto;min-height:56px;padding:var(--space-3)}.living-garden-detail-topbar-heading{font-size:1rem;letter-spacing:.15em}.living-garden-detail-topbar-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.living-garden-detail-header{flex-direction:column;gap:var(--space-4)}.living-garden-detail-body{padding:var(--space-4)}}.plant-garden-view{min-height:100vh;padding:var(--space-8) var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));column-gap:var(--space-4);row-gap:var(--space-12);align-items:start;justify-items:center;max-width:var(--container-wide);margin:0 auto;background:transparent}.plant-plot{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:var(--container-narrow);animation:sproutUp .8s ease-out}.plant-base{z-index:10;cursor:pointer;background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;width:100%;min-height:160px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.plant-base:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.plant-base.is-expanded{border-color:var(--sage)}.plant-base-icon{font-size:2rem;margin-bottom:var(--space-2);display:block}.plant-base-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.plant-base-meta{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.plant-stalk{display:flex;flex-direction:column-reverse;align-items:center;width:4px;background:var(--sage);margin-bottom:-10px;border-radius:4px;position:relative;transition:height .5s ease;z-index:5;margin-bottom:var(--space-4)}.plant-connector{width:4px;height:var(--space-8);background:var(--sage);margin-top:-2px}.plant-milestone-nodes{display:flex;flex-direction:column-reverse;gap:var(--space-8);padding-bottom:var(--space-4);width:100%;align-items:center}.plant-node{position:relative;width:100%;display:flex;justify-content:center}.plant-plot:not(.expanded) .plant-stalk,.plant-plot:not(.expanded) .plant-milestone-nodes{display:none}.milestone-branch-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.plant-node:nth-child(odd) .milestone-branch-wrapper{align-items:flex-start;margin-right:50%;padding-right:var(--space-4)}.plant-node:nth-child(2n) .milestone-branch-wrapper{align-items:flex-end;margin-left:50%;padding-left:var(--space-4)}.plant-node:nth-child(odd) .milestone-line{display:none}.plant-node:nth-child(2n) .milestone-line{display:none}.milestone-card{background:var(--surface-1);border:1px solid var(--divider);padding:var(--space-5);border-radius:var(--radius-lg);cursor:pointer;min-width:200px;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.milestone-card:hover{transform:translateY(-2px);background:var(--bg-hover);border-color:var(--accent);box-shadow:var(--shadow-lg)}.milestone-card.is-active{border-color:var(--teal);background:var(--bg-active)}.milestone-emoji{font-size:1.8rem;margin-bottom:var(--space-1)}.milestone-title{font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.milestone-month{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500}.focus-container{display:none;padding-top:var(--space-4);border-left:2px dashed var(--accent-muted);margin-top:var(--space-3);padding-left:var(--space-4);margin-left:var(--space-3)}.milestone-branch-wrapper.expanded .focus-container{display:flex;flex-direction:column;gap:var(--space-4);animation:growIn .3s ease-out}.focus-card{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all .2s ease;width:fit-content;min-width:180px}.focus-card:hover{background:var(--bg-elevated);transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--shadow-md)}.focus-icon{font-size:1.1rem;opacity:.9}.focus-title{font-weight:600;flex:1}.focus-progress{font-size:10px;background:var(--accent-subtle);color:var(--accent);padding:2px 6px;border-radius:10px;font-weight:800}.add-intention-btn,.add-focus-btn{align-self:flex-start;margin-left:var(--space-6);margin-top:4px;font-size:11px!important;color:var(--text-tertiary)!important;opacity:.7;transition:all .2s ease;padding:4px 10px!important;border-radius:var(--radius-full)!important;border:1px solid transparent!important}.add-intention-btn:hover,.add-focus-btn:hover{opacity:1;color:var(--accent)!important;background:#ffffff0d!important;border-color:var(--glass-border)!important}.add-focus-btn{margin-left:var(--space-4);margin-top:8px;font-size:12px!important}.focus-card.is-active{background:var(--bg-active);font-weight:600;color:var(--text-primary)}.intention-container{display:none;margin-left:var(--space-3);padding-top:var(--space-1);gap:var(--space-1)}.focus-wrapper.expanded .intention-container{display:flex;flex-direction:column;animation:leafUnfold .4s ease-out}.intention-leaf{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:4px 8px;background:var(--petal);color:#fff;border-radius:12px 0;margin-bottom:2px;cursor:pointer;position:relative}.intention-leaf.is-done{background:var(--success);opacity:.8}.intention-leaf-text{color:#fffffff2;font-weight:500}@media(max-width:600px){.plant-plot{align-items:flex-start;padding-left:var(--space-8)}.plant-base{width:100%;margin-left:-20px}.plant-stalk{position:absolute;left:20px;top:100px;bottom:0;width:4px;height:auto;margin-bottom:0}.plant-milestone-nodes{width:100%;padding-left:var(--space-4);align-items:flex-start}.plant-node{justify-content:flex-start}.milestone-branch-wrapper{margin:0!important;align-items:flex-start!important;padding:0!important;width:100%;border-left:2px solid var(--sage);padding-left:var(--space-4)!important}.milestone-line{display:none}}.map-page-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a80;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.map-page-overlay.visible{opacity:1;pointer-events:auto}.map-page-panel{width:min(900px,90vw);max-height:85vh;background:var(--surface-1);border-radius:var(--radius-2xl);box-shadow:0 25px 60px #0f172a40,0 10px 20px #0f172a26,inset 0 1px #ffffff80;overflow:hidden;display:flex;flex-direction:column}.map-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--divider);background:color-mix(in srgb,var(--surface-2) 50%,transparent);position:relative}.map-header h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.map-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.map-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border:none;background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.map-close-btn:hover{background:var(--surface-4);color:var(--text-primary)}.map-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.map-empty{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-tertiary)}.map-empty p{margin:var(--space-2) 0}.map-legend{display:flex;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-radius:var(--radius-lg)}.map-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.map-legend-indicator{font-size:var(--text-md)}.map-legend-indicator.state-active{color:var(--accent-active, #22c55e)}.map-legend-indicator.state-resting{color:var(--accent-highlight, #f59e0b)}.map-legend-indicator.state-dormant{color:var(--text-tertiary)}.map-trees{display:flex;flex-direction:column;gap:var(--space-6)}.map-vision-tree{border:1px solid var(--divider);border-radius:var(--radius-xl);overflow:hidden}.map-vision-header{padding:var(--space-4);background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.map-vision-gap{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--accent-highlight) 15%,transparent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--accent-highlight, #f59e0b)}.map-vision-aligned{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--accent-active) 12%,transparent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--accent-active, #22c55e)}.map-node{padding-left:calc(var(--space-4) * var(--depth, 0))}.map-node[data-depth="0"]{--depth: 0}.map-node[data-depth="1"]{--depth: 1}.map-node[data-depth="2"]{--depth: 2}.map-node[data-depth="3"]{--depth: 3}.map-node-content{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.map-node-indicator{font-size:var(--text-md);flex-shrink:0}.map-node.state-active .map-node-indicator{color:var(--accent-active, #22c55e)}.map-node.state-resting .map-node-indicator{color:var(--accent-highlight, #f59e0b)}.map-node.state-dormant .map-node-indicator{color:var(--text-tertiary);opacity:.6}.map-node-icon{font-size:var(--text-lg);flex-shrink:0}.map-node-title{font-size:var(--text-md);font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-node.state-dormant .map-node-title{opacity:.6}.map-node-level{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.map-node-children{border-left:2px solid var(--divider);margin-left:var(--space-3);padding-left:var(--space-3)}.map-node-vision>.map-node-content{font-weight:600}.map-node-milestone>.map-node-content{padding-left:var(--space-4)}.map-node-focus>.map-node-content{padding-left:var(--space-8)}.map-node-intention>.map-node-content{padding-left:var(--space-12);font-size:var(--text-sm)}@media(max-width:768px){.map-page-panel{width:100%;height:100%;max-height:100vh;border-radius:0}.map-header,.map-body{padding:var(--space-4)}.map-legend{flex-wrap:wrap;gap:var(--space-3)}.map-node-content{flex-wrap:wrap}.map-node-level{width:100%;margin-top:var(--space-1)}}@media(prefers-reduced-motion:reduce){.map-page-overlay{transition:none}}.focus-mode-hidden-ui .sidebar,.focus-mode-hidden-ui .navigation,.focus-mode-hidden-ui .header-secondary,.focus-mode-hidden-ui .controls-secondary{opacity:.3;pointer-events:none;transition:opacity .3s ease}.focus-mode-block-notifications .notification,.focus-mode-block-notifications .toast,.focus-mode-block-notifications .alert{display:none!important}.focus-mode-deep-focus{background:var(--focus-bg-color, #1a1a1a);color:var(--focus-text-color, #ffffff);font-size:var(--focus-font-size, var(--text-xl))}.focus-mode-deep-focus .task-item{border:2px solid rgba(255,255,255,.1);background:#ffffff0d;padding:20px;margin:10px 0;border-radius:var(--radius-md);transition:all .2s ease}.focus-mode-deep-focus .task-item:hover{border-color:#ffffff4d;background:#ffffff1a;transform:translateY(-2px)}.focus-mode-calm-focus{background:var(--focus-bg-color, #f8fafb);color:var(--focus-text-color, #334155);font-size:var(--focus-font-size, 16px)}.focus-mode-calm-focus .task-item{border:1px solid rgba(0,0,0,.1);background:#fffc;padding:16px;margin:8px 0;border-radius:8px;transition:all .3s ease}.focus-mode-calm-focus .task-item:hover{border-color:#0003;background:#ffffffe6;transform:translateY(-1px)}.focus-mode-creative-flow{background:var(--focus-bg-color, #fef3c7);color:var(--focus-text-color, #78350f);font-size:var(--focus-font-size, 16px)}.focus-mode-creative-flow .task-item{border:1px dashed rgba(120,53,15,.3);background:#fff9;padding:var(--space-4);margin:var(--space-3) 0;border-radius:var(--radius-md);transition:all .4s ease}.focus-mode-creative-flow .task-item:hover{border-color:#78350f80;background:#fffc;transform:translateY(-3px) rotate(-1deg)}.swipeable-task{position:relative;overflow:hidden;touch-action:pan-y}.swipeable-task:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(16,185,129,.1) 0%,transparent 50%,rgba(239,68,68,.1) 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.swipeable-task.swiping-left:before{opacity:1;background:linear-gradient(90deg,rgba(16,185,129,.3) 0%,transparent 50%,transparent 100%)}.swipeable-task.swiping-right:before{opacity:1;background:linear-gradient(90deg,transparent 0%,transparent 50%,rgba(239,68,68,.3) 100%)}.swipeable-task.swipe-complete{transform:translate(-100%);opacity:0;transition:all .3s ease}.swipeable-task.swipe-postpone{transform:translate(100%);opacity:0;transition:all .3s ease}.draggable-task{cursor:grab;transition:all .2s ease}.draggable-task:active{cursor:grabbing}.draggable-task.dragging{opacity:.8;transform:scale(1.05);box-shadow:0 10px 30px #0003;z-index:1000}.drop-zone{border:2px dashed transparent;border-radius:8px;padding:20px;margin:10px 0;transition:all .2s ease;min-height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.drop-zone.drag-over{border-color:var(--accent);background:#6f9b861a;color:var(--accent)}.long-pressable{position:relative;transition:all .2s ease}.long-pressable:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6f9b864d;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none}.long-pressable.long-pressing:after{width:100%;height:100%;opacity:1}.long-pressable.long-pressing{transform:scale(.95);opacity:.8}.haptic-pulse{position:relative;overflow:hidden}.haptic-pulse:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.haptic-pulse.pulsing:before{animation:haptic-pulse .3s ease-out}@keyframes haptic-pulse{0%{width:20px;height:20px;opacity:.8}to{width:60px;height:60px;opacity:0}}.voice-indicator{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);cursor:pointer;box-shadow:0 4px 12px #6f9b864d;transition:all .2s ease;z-index:1000}.voice-indicator:hover{transform:scale(1.1);box-shadow:0 6px 20px #6f9b8666}.voice-indicator.listening{animation:voice-listening 1.5s ease-in-out infinite}.voice-indicator.processing{animation:voice-processing .5s ease-in-out infinite}@keyframes voice-listening{0%,to{transform:scale(1);background:var(--accent)}50%{transform:scale(1.1);background:var(--accent-hover)}}@keyframes voice-processing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.voice-feedback{position:fixed;bottom:90px;right:20px;background:#000c;color:#fff;padding:12px 16px;border-radius:8px;font-size:var(--text-sm);max-width:200px;opacity:0;transform:translateY(10px);transition:all .2s ease;z-index:1000}.voice-feedback.show{opacity:1;transform:translateY(0)}:root{--animation-speed-multiplier: 1;--transition-speed-multiplier: 1;--haptic-sensitivity-multiplier: 1;--animation-intensity: 1}.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.low-intensity{--border-width: 1px;--shadow-opacity: .1;--animation-intensity: .5}.medium-intensity{--border-width: 2px;--shadow-opacity: .2;--animation-intensity: 1}.high-intensity{--border-width: 3px;--shadow-opacity: .3;--animation-intensity: 1.5}.low-contrast{--text-contrast-ratio: 3;--border-contrast: .3}.medium-contrast{--text-contrast-ratio: 4.5;--border-contrast: .5}.high-contrast{--text-contrast-ratio: 7;--border-contrast: .8}.small-text{font-size:var(--text-sm);line-height:1.4}.medium-text{font-size:var(--text-base);line-height:1.5}.large-text{font-size:20px;line-height:1.6}@media(hover:none)and (pointer:coarse){.task-item{min-height:44px;padding:12px 16px}.button{min-height:44px;min-width:44px;padding:12px 16px}.swipeable-task{touch-action:pan-x pan-y}.voice-indicator{width:80px;height:80px;font-size:var(--text-3xl)}}@media(max-width:768px){.swipeable-task{margin:8px 0}.voice-indicator{bottom:16px;right:16px}.voice-feedback{bottom:104px;right:16px;max-width:160px}.focus-mode-deep-focus .task-item,.focus-mode-calm-focus .task-item,.focus-mode-creative-flow .task-item{margin:6px 0}}@media(prefers-reduced-motion:reduce){.swipeable-task,.draggable-task,.long-pressable,.haptic-pulse,.voice-indicator{transition:none;animation:none}}.focus-mode-deep-focus *:focus,.focus-mode-calm-focus *:focus,.focus-mode-creative-flow *:focus{outline:2px solid var(--accent);outline-offset:2px}.swipeable-task,.draggable-task,.long-pressable,.haptic-pulse,.voice-indicator{will-change:transform;transform:translateZ(0)}.task-list,.timeline-container{contain:layout style paint}@media(min-width:1200px){.swipeable-task,.draggable-task{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}}.calm-mode-simple .sidebar,.calm-mode-simple .navigation-secondary,.calm-mode-simple .controls-secondary{opacity:.4;pointer-events:none;transition:opacity .3s ease}.calm-mode-simple .task-item{border:1px solid rgba(0,0,0,.05);background:#fff6;padding:16px;margin:8px 0;border-radius:12px;transition:all .3s ease}.calm-mode-simple .task-item:hover{background:#fff9;transform:translateY(-1px)}.calm-mode-quiet .notification,.calm-mode-quiet .toast,.calm-mode-quiet .alert{display:none!important}.calm-mode-gentle-care{background:var(--calm-bg-color, #f8fafb);color:var(--calm-text-color, #64748b)}.calm-mode-gentle-care .task-item{border:1px solid rgba(100,116,139,.1);background:#f8fafbcc;border-radius:16px;padding:20px;margin:12px 0;font-size:var(--text-base);line-height:1.6}.calm-mode-gentle-care .task-item:hover{border-color:#64748b33;background:#f8fafbe6}.calm-mode-calm-focus{background:var(--calm-bg-color, #fef3c7);color:var(--calm-text-color, #92400e)}.calm-mode-calm-focus .task-item{border:1px solid rgba(146,64,14,.1);background:#fef3c7cc;border-radius:14px;padding:18px;margin:10px 0;font-size:var(--text-base)}.calm-mode-calm-focus .task-item:hover{border-color:#92400e33;background:#fef3c7e6}.calm-mode-emergency-calm{background:var(--calm-bg-color, #f0fdf4);color:var(--calm-text-color, #166534)}.calm-mode-emergency-calm .task-item{border:1px solid rgba(22,101,52,.1);background:#f0fdf4cc;border-radius:var(--radius-lg);padding:24px;margin:16px 0;font-size:var(--text-lg);line-height:1.7}.calm-mode-emergency-calm .task-item:hover{border-color:#16653433;background:#f0fdf4e6}.anxiety-technique-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;transition:opacity .3s ease}.anxiety-technique-overlay.active{opacity:1}.anxiety-technique-container{background:var(--surface-1);border-radius:var(--radius-lg);padding:32px;max-width:var(--container-modal);width:90%;text-align:center;box-shadow:var(--shadow-lg);transform:scale(.9);transition:transform .3s ease}.anxiety-technique-overlay.active .anxiety-technique-container{transform:scale(1)}.anxiety-technique-header{margin-bottom:24px}.anxiety-technique-title{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px}.anxiety-technique-description{font-size:var(--text-base);color:#64748b;margin:0 0 24px;line-height:1.5}.anxiety-technique-content{margin-bottom:24px}.anxiety-technique-instructions{text-align:left;margin:0 0 24px}.anxiety-technique-instructions ol{list-style:none;padding:0;margin:0}.anxiety-technique-instructions li{font-size:var(--text-base);color:#475569;line-height:1.6;position:relative;padding:12px 0 12px 32px}.anxiety-technique-instructions li:before{content:attr(data-step);position:absolute;left:0;top:12px;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.anxiety-technique-visual{margin:24px 0;display:flex;justify-content:center;align-items:center;min-height:120px}.breathing-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);font-weight:700;animation:breathing 4s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.progress-ring{width:120px;height:120px;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:#e5e7eb;stroke-width:8}.progress-ring .progress{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;animation:progress 3s ease-in-out infinite}@keyframes progress{0%{stroke-dashoffset:339.292}to{stroke-dashoffset:0}}.countdown-timer{font-size:var(--text-display);font-weight:700;color:#10b981;font-variant-numeric:tabular-nums;animation:countdown 4s ease-in-out infinite}@keyframes countdown{0%,to{opacity:1}50%{opacity:.5}}.grounding-exercise{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;margin:24px 0}.grounding-item{padding:16px;border:2px solid #e5e7eb;border-radius:12px;text-align:center;transition:all .2s ease}.grounding-item.completed{border-color:#10b981;background:#10b9811a}.grounding-item-number{font-size:24px;font-weight:700;color:#10b981;margin-bottom:8px}.grounding-item-text{font-size:var(--text-sm);color:#64748b;line-height:1.3}.body-outline{width:200px;height:300px;position:relative;margin:24px auto}.body-outline svg{width:100%;height:100%}.body-outline .muscle-group{fill:#10b98133;stroke:#10b981;stroke-width:2;transition:all .3s ease}.body-outline .muscle-group.active{fill:#10b98166;stroke:#059669}.cloud-animation{width:300px;height:200px;position:relative;margin:24px auto}.cloud{position:absolute;background:#fffc;border-radius:50%;opacity:0;animation:cloud-float 8s ease-in-out infinite}.cloud-1{width:60px;height:40px;top:20px;left:20px;animation-delay:0s}.cloud-2{width:80px;height:50px;top:60px;right:20px;animation-delay:2s}.cloud-3{width:70px;height:45px;bottom:30px;left:50%;transform:translate(-50%);animation-delay:4s}@keyframes cloud-float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-20px);opacity:1}}.compassion-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-1);border-radius:16px;padding:24px;box-shadow:var(--shadow-lg);z-index:1500;max-width:var(--container-modal);width:90%;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease}.compassion-popup.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.compassion-content{position:relative}.compassion-icon{font-size:var(--text-display);text-align:center;margin-bottom:16px}.compassion-gentle{font-size:var(--text-lg);font-weight:600;color:#64748b;text-align:center;margin-bottom:12px;line-height:1.4}.compassion-encouraging{font-size:var(--text-base);color:#475569;text-align:center;margin-bottom:20px;line-height:1.5}.compassion-actionable{text-align:center;margin-bottom:16px}.compassion-action-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.compassion-action-btn:hover{background:#059669;transform:translateY(-1px)}.compassion-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.compassion-close:hover{background:#0000001a}.overwhelm-indicator{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:12px;color:#dc2626;font-size:var(--text-sm);font-weight:600}.overwhelm-indicator:before{content:"⚠️";font-size:var(--text-lg)}.collapsed-items{margin:16px 0}.load-more-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 16px;color:#64748b;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.load-more-btn:hover{background:#ffffffe6;border-color:#0003}.simplified-items{opacity:.7}.simplified-items .task-item{padding:12px;margin:4px 0;font-size:var(--text-sm)}.gentle-language .error-message,.gentle-language .warning-message,.gentle-language .failed{color:#64748b;background:#64748b1a;border-color:#64748b33}.gentle-language .error-message:before,.gentle-language .warning-message:before,.gentle-language .failed:before{content:"💚"}.gentle-language .success-message{background:#10b9811a;border-color:#10b98133;color:#059669}.gentle-language .success-message:before{content:"✨"}.emergency-calm{position:fixed;top:0;left:0;width:100%;height:100%;background:#f0fdf4f2;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.emergency-calm.active{opacity:1}.emergency-calm-content{text-align:center;padding:32px}.emergency-calm-icon{font-size:var(--text-display);margin-bottom:16px}.emergency-calm-title{font-size:28px;font-weight:700;color:#166534;margin:0 0 16px}.emergency-calm-message{font-size:var(--text-lg);color:#15803d;margin:0 0 24px;line-height:1.5}.emergency-calm-actions{display:flex;gap:16px;justify-content:center}.emergency-calm-btn{background:#10b981;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.emergency-calm-btn:hover{background:#059669;transform:translateY(-2px)}.emergency-calm-btn-secondary{background:#fffc;color:#166534;border:1px solid rgba(22,101,52,.3)}.emergency-calm-btn-secondary:hover{background:#ffffffe6;border-color:#16653480}@media(max-width:768px){.anxiety-technique-container{padding:24px;margin:16px}.anxiety-technique-title{font-size:20px}.anxiety-technique-description{font-size:var(--text-sm)}.compassion-popup{padding:20px;margin:16px}.compassion-icon{font-size:var(--text-3xl)}.compassion-gentle{font-size:var(--text-base)}.compassion-encouraging{font-size:var(--text-sm)}.breathing-circle,.progress-ring,.countdown-timer{width:100px;height:100px}.breathing-circle{font-size:var(--text-base)}.countdown-timer{font-size:var(--text-3xl)}.grounding-exercise{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:12px}.grounding-item{padding:12px}.grounding-item-number{font-size:20px}.grounding-item-text{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.anxiety-technique-overlay,.compassion-popup,.compassion-close,.compassion-action-btn,.load-more-btn,.overwhelm-indicator{transition:none;animation:none}.breathing-circle,.progress-ring,.countdown-timer,.cloud{animation:none}}.anxiety-technique-container:focus,.compassion-popup:focus,.compassion-close:focus,.compassion-action-btn:focus{outline:2px solid #10b981;outline-offset:2px}.anxiety-technique-overlay,.compassion-popup{will-change:transform,opacity;transform:translateZ(0)}.breathing-circle,.progress-ring,.countdown-timer{will-change:transform}.anxiety-technique-container,.compassion-content{contain:layout style paint}.dopamine-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1000}.dopamine-pulse{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.8),transparent);animation:dopamine-pulse .3s ease-out}@keyframes dopamine-pulse{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}.dopamine-glow{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.8),transparent);animation:dopamine-glow .5s ease-out}@keyframes dopamine-glow{0%{transform:scale(0);opacity:1}50%{transform:scale(2);opacity:.8}to{transform:scale(4);opacity:0}}.dopamine-bounce{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.8),transparent);animation:dopamine-bounce .4s ease-out}@keyframes dopamine-bounce{0%{transform:scale(0) translateY(0);opacity:1}25%{transform:scale(1.2) translateY(-20px);opacity:1}50%{transform:scale(.8) translateY(0);opacity:.8}75%{transform:scale(1) translateY(-10px);opacity:.6}to{transform:scale(0) translateY(0);opacity:0}}.dopamine-sparkle{width:100px;height:100px;position:relative;animation:dopamine-sparkle .6s ease-out}.dopamine-sparkle:before,.dopamine-sparkle:after{content:"";position:absolute;width:4px;height:4px;background:#fbbf24cc;border-radius:50%}.dopamine-sparkle:before{top:20%;left:20%;animation:sparkle-move .6s ease-out}.dopamine-sparkle:after{top:60%;left:60%;animation:sparkle-move .6s ease-out .1s}@keyframes dopamine-sparkle{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1.5) rotate(180deg);opacity:0}}@keyframes sparkle-move{0%{transform:translate(0);opacity:1}to{transform:translate(20px,-20px);opacity:0}}.dopamine-confetti{width:200px;height:200px;position:relative;animation:dopamine-confetti 1s ease-out;--confetti-accent: color-mix( in srgb, var(--accent-progress) 75%, rgba(255, 255, 255, .6) )}.dopamine-confetti:before,.dopamine-confetti:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--confetti-accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent-progress) 60%,rgba(0,0,0,.35))}.dopamine-confetti:before{top:10%;left:10%;animation:confetti-fall 1s ease-out}.dopamine-confetti:after{top:20%;left:80%;animation:confetti-fall 1s ease-out .2s}@keyframes dopamine-confetti{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(30px,100px) rotate(360deg);opacity:0}}.achievement-notification{position:fixed;top:20px;right:20px;background:var(--surface-1);border-radius:16px;padding:20px;box-shadow:var(--shadow-lg);z-index:1500;max-width:350px;opacity:0;transform:translate(100%);transition:all .3s ease}.achievement-notification.show{opacity:1;transform:translate(0)}.achievement-content{display:flex;align-items:flex-start;gap:16px;position:relative}.achievement-icon{font-size:var(--text-2xl);flex-shrink:0}.achievement-info{flex:1}.achievement-title{font-size:var(--text-lg);font-weight:700;color:#1a202c;margin:0 0 4px;line-height:var(--lh-tight)}.achievement-description{font-size:var(--text-sm);color:#64748b;margin:0 0 8px;line-height:var(--lh-normal)}.achievement-points{font-size:var(--text-sm);font-weight:600;color:#10b981;background:#10b9811a;padding:var(--space-1) var(--space-2);border-radius:4px;display:inline-block}.achievement-close{position:absolute;top:-8px;right:-8px;background:#0000001a;border:none;font-size:var(--text-xl);color:#64748b;cursor:pointer;width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.achievement-close:hover{background:#0003;color:#1a202c}.reward-notification{position:fixed;top:20px;right:20px;background:color-mix(in srgb,var(--accent-progress) 60%,rgba(255,255,255,.92));border-radius:var(--radius-md);padding:16px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent-progress) 60%,rgba(0,0,0,.25));border:1px solid color-mix(in srgb,var(--accent-progress) 60%,rgba(255,255,255,.85));z-index:1500;max-width:300px;opacity:0;transform:translateY(-20px);transition:all .3s ease}.reward-notification.show{opacity:1;transform:translateY(0)}.reward-content{display:flex;align-items:center;gap:12px;position:relative}.reward-icon{font-size:var(--text-2xl);flex-shrink:0}.reward-info{flex:1}.reward-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.2}.reward-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.3}.reward-close{position:absolute;top:-8px;right:-8px;background:#00000014;border:none;font-size:var(--text-base);color:var(--text-tertiary);cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.reward-close:hover{background:#00000026;color:var(--text-primary)}.level-up-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:linear-gradient(135deg,var(--accent),var(--accent-progress));border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 60px color-mix(in srgb,var(--accent-progress) 50%,rgba(0,0,0,.35));z-index:2000;max-width:400px;text-align:center;opacity:0;transition:all .4s ease}.level-up-notification.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.level-up-content{position:relative}.level-up-icon{font-size:var(--text-display);margin-bottom:16px;animation:level-up-bounce .6s ease-out}@keyframes level-up-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.level-up-info{color:var(--text-on-accent)}.level-up-title{font-size:var(--text-2xl);font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.25)}.level-up-description{font-size:var(--text-base);margin:0;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.25)}.level-up-close{position:absolute;top:-12px;right:-12px;background:#fff3;border:none;font-size:var(--text-xl);color:#fff;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;backdrop-filter:blur(10px)}.level-up-close:hover{background:#ffffff4d}.dopamine-progress{background:var(--surface-1);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);margin:16px 0}.dopamine-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dopamine-progress-title{font-size:var(--text-lg);font-weight:700;color:#1a202c;margin:0}.dopamine-progress-stats{display:flex;gap:16px;font-size:var(--text-sm);color:#64748b}.dopamine-progress-stat{display:flex;align-items:center;gap:4px}.dopamine-progress-stat-value{font-weight:600;color:#1a202c}.dopamine-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:12px 0}.dopamine-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-progress));border-radius:4px;transition:width .3s ease;position:relative}.dopamine-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dopamine-achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:16px}.dopamine-achievement{text-align:center;padding:12px;border-radius:8px;background:#f8fafb;transition:all .2s ease;cursor:pointer}.dopamine-achievement.unlocked{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.dopamine-achievement:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dopamine-achievement-icon{font-size:var(--text-2xl);margin-bottom:4px}.dopamine-achievement-title{font-size:var(--text-xs);font-weight:600;color:#64748b;margin:0;line-height:1.2}.dopamine-achievement.unlocked .dopamine-achievement-title{color:#059669}.dopamine-streaks{display:flex;gap:16px;margin:16px 0}.dopamine-streak{flex:1;text-align:center;padding:16px;border-radius:var(--radius-md);background:#f8fafb;border:1px solid #e5e7eb;transition:all .2s ease}.dopamine-streak.active{background:#fbbf241a;border-color:#fbbf244d}.dopamine-streak-number{font-size:var(--text-2xl);font-weight:700;color:#1a202c;margin-bottom:4px}.dopamine-streak.active .dopamine-streak-number{color:#d97706}.dopamine-streak-label{font-size:var(--text-xs);color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.dopamine-streak.active .dopamine-streak-label{color:#92400e}.dopamine-rewards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:16px 0}.dopamine-reward{text-align:center;padding:16px;border-radius:var(--radius-md);background:#f8fafb;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer;position:relative}.dopamine-reward.unlocked{background:#fbbf241a;border-color:#fbbf244d}.dopamine-reward.custom{background:#8b5cf61a;border-color:#8b5cf64d}.dopamine-reward:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dopamine-reward-icon{font-size:var(--text-2xl);margin-bottom:8px}.dopamine-reward-title{font-size:var(--text-xs);font-weight:600;color:#64748b;margin:0 0 4px;line-height:1.2}.dopamine-reward.unlocked .dopamine-reward-title{color:#d97706}.dopamine-reward.custom .dopamine-reward-title{color:#7c3aed}.dopamine-reward-description{font-size:var(--text-xs);color:#94a3b8;margin:0;line-height:1.3}.dopamine-reward.locked{opacity:.6;filter:grayscale(.8)}.dopamine-reward.locked:before{content:"🔒";position:absolute;top:8px;right:8px;font-size:var(--text-xs)}@media(max-width:768px){.achievement-notification,.reward-notification{top:10px;right:10px;left:10px;max-width:none}.achievement-content{gap:12px}.achievement-icon{font-size:var(--text-2xl)}.achievement-title{font-size:var(--text-base)}.achievement-description{font-size:var(--text-sm)}.reward-content{gap:10px}.reward-icon{font-size:var(--text-xl)}.reward-title{font-size:var(--text-sm)}.reward-description{font-size:var(--text-xs)}.level-up-notification{padding:24px;margin:16px}.level-up-icon{font-size:36px}.level-up-title{font-size:var(--text-xl)}.level-up-description{font-size:var(--text-sm)}.dopamine-achievements{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.dopamine-achievement{padding:8px}.dopamine-achievement-icon{font-size:var(--text-xl)}.dopamine-achievement-title{font-size:var(--text-xs)}.dopamine-streaks{flex-direction:column;gap:8px}.dopamine-rewards{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.dopamine-reward{padding:12px}.dopamine-reward-icon{font-size:var(--text-2xl)}.dopamine-reward-title,.dopamine-reward-description{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.dopamine-feedback,.achievement-notification,.reward-notification,.level-up-notification,.dopamine-achievement,.dopamine-reward,.dopamine-streak{transition:none;animation:none}.dopamine-progress-fill:after{animation:none}.level-up-icon{animation:none}}.achievement-notification:focus,.reward-notification:focus,.level-up-notification:focus,.dopamine-achievement:focus,.dopamine-reward:focus{outline:2px solid #10b981;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dopamine-feedback,.achievement-notification,.reward-notification,.level-up-notification{will-change:transform,opacity;transform:translateZ(0)}.dopamine-achievement,.dopamine-reward{will-change:transform}.dopamine-progress,.dopamine-achievements,.dopamine-streaks,.dopamine-rewards{contain:layout style paint}:root{--vh: 1vh;--height: 100vh;--safe-area-top: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px;--safe-area-right: 0px;--status-bar-height: 44px;--keyboard-offset: 0px}.ios{height:var(--height);height:100vh}.ios.standalone{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.ios input,.ios textarea,.ios select{font-size:16px!important}.ios button,.ios a,.ios .clickable,.ios .swipeable{min-width:44px;min-height:44px;padding:12px;position:relative;overflow:hidden}.ios button:active,.ios a:active,.ios .clickable:active,.ios .swipeable:active{transform:scale(.97);transition:transform .15s ease;will-change:transform}.ios body{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none;background-color:var(--bg-surface, #f8fafc)}.ios.dark-mode body{background-color:var(--bg-surface, #0f172a)}.ios html{background-color:var(--bg-surface, #f8fafc)!important}.ios.dark-mode html{background-color:var(--bg-surface, #0f172a)!important}.ios .scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.ios.standalone{padding-top:env(safe-area-inset-top)}.ios .safe-area-content{padding:calc(var(--safe-area-top) + 20px) calc(var(--safe-area-right) + 20px) calc(var(--safe-area-bottom) + 20px) calc(var(--safe-area-left) + 20px)}.ios-file-alternative{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-1);padding:24px;border-radius:16px;box-shadow:var(--shadow-lg);z-index:10000;max-width:320px;text-align:center;animation:slideUp .3s ease}.ios-file-message h3{margin:0 0 12px;font-size:18px;font-weight:700;color:#1a202c}.ios-file-message p{margin:0 0 16px;font-size:14px;color:#64748b;line-height:1.4}.ios-file-message ol{text-align:left;margin:0 0 16px;padding-left:20px}.ios-file-message li{margin:4px 0;font-size:13px;color:#475569}.ios-file-message .close-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.ios-file-message .close-btn:hover{background:#059669}.ios-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 30px #0000004d;z-index:10000;max-width:320px;text-align:center;animation:slideUp .3s ease}.install-content{display:flex;align-items:center;gap:16px}body{transition:padding-bottom .28s ease,transform .28s ease}body.keyboard-visible{padding-bottom:calc(var(--safe-area-bottom) + var(--keyboard-offset))}.ios .modal-overlay{align-items:flex-end;justify-content:center;padding:0 12px calc(var(--mobile-tab-bar-height) + 10px)}.ios .modal{width:min(560px,100%);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-sm);margin:0 auto;max-height:calc(92vh - var(--mobile-tab-bar-height));animation:bottom-sheet-up .36s cubic-bezier(.22,1,.36,1);transform-origin:bottom center;box-shadow:0 -8px 32px #00000047;padding-bottom:calc(var(--mobile-tab-bar-height) + var(--space-4))}@keyframes bottom-sheet-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-icon{font-size:32px;flex-shrink:0}.install-text h3{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.2}.install-text p{margin:0 0 8px;font-size:13px;line-height:1.3;opacity:.9}.install-steps{display:flex;flex-direction:column;gap:2px}.install-steps .step{font-size:11px;opacity:.8}.install-content .close-btn{position:absolute;top:8px;right:8px;background:#fff3;border:none;color:#fff;font-size:16px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.install-content .close-btn:hover{background:#ffffff4d}.pull-to-refresh-indicator{position:fixed;top:-50px;left:50%;transform:translate(-50%);background:#10b981e6;color:#fff;padding:10px 20px;border-radius:var(--radius-lg);font-weight:600;z-index:9999;transition:top .3s ease;font-size:14px}.ios .adhd-touch-target{min-width:48px;min-height:48px;padding:14px;position:relative;overflow:hidden}.ios .haptic-enabled{position:relative}.ios .haptic-enabled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#10b9814d;opacity:0;pointer-events:none;transition:opacity .2s ease}.ios .haptic-enabled:active:after{opacity:1}.ios .audio-enabled{position:relative}.ios .audio-enabled:before{content:"🔊";position:absolute;top:-8px;right:-8px;font-size:12px;opacity:.7}@media(prefers-reduced-motion:reduce){.ios *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ios .dopamine-feedback,.ios .achievement-notification,.ios .reward-notification{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.ios.iphone-x{--safe-area-top: 44px;--safe-area-bottom: 34px}.ios.ipad{--safe-area-top: 20px;--safe-area-bottom: 20px}.ios.iphone-se{--safe-area-top: 0px;--safe-area-bottom: 0px}.ios .keyboard-open{position:fixed;inset:0;overflow:hidden}.ios .achievement-notification,.ios .reward-notification,.ios .level-up-notification{top:calc(var(--safe-area-top) + 20px);right:calc(var(--safe-area-right) + 20px);left:calc(var(--safe-area-left) + 20px);max-width:none}.ios .swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:40px;background:#10b98180;border-radius:var(--radius-xs);opacity:0;transition:opacity .2s ease}.ios .swipe-indicator.left{left:8px}.ios .swipe-indicator.right{right:8px}.ios .swipeable:hover .swipe-indicator{opacity:1}.ios .animated,.ios .transitioning,.ios .dopamine-feedback{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.ios .dopamine-progress,.ios .achievement-grid,.ios .reward-grid{contain:layout style paint}@media(prefers-contrast:high){.ios .dopamine-feedback,.ios .achievement-notification,.ios .reward-notification{border:2px solid #000}}.ios button:focus,.ios a:focus,.ios .clickable:focus,.ios .swipeable:focus{outline:2px solid #10b981;outline-offset:2px}@media(prefers-color-scheme:dark){.ios .ios-file-alternative{background:#1a1a1a;color:#fff}.ios .ios-file-message h3{color:#fff}.ios .ios-file-message p{color:#94a3b8}.ios .ios-file-message li{color:#cbd5e1}}@media(max-width:375px){.ios .ios-install-prompt{max-width:280px;padding:16px}.ios .ios-file-alternative{max-width:280px;padding:20px}}@media(min-width:768px){.ios .ios-install-prompt,.ios .ios-file-alternative{max-width:400px}}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ios:not(.haptic-enabled) .haptic-only{display:none}.ios:not(.audio-enabled) .audio-only{display:none}.ios:not(.notifications-enabled) .notification-only{display:none}.ios:not(.file-handling-enabled) .file-only{display:none}.ios:not(.geolocation-enabled) .geo-only{display:none}.ios:not(.share-enabled) .share-only{display:none}.day-view-container{width:100%;min-height:100vh;position:relative}.dark-mode .day-view-container{background:radial-gradient(1200px 600px at 20% 10%,rgba(30,41,79,.45) 0%,transparent 65%),radial-gradient(1000px 700px at 90% 30%,rgba(15,23,42,.45) 0%,transparent 68%),#080c1a8c}.day-view{width:100%;max-width:1600px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem)}.day-view-header{text-align:center;margin-bottom:clamp(2rem,5vw,4rem);position:relative}.day-view-title{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);margin:0}.day-view-subtitle{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(.875rem,2vw,1.125rem);color:var(--text-secondary, rgba(0, 0, 0, .6));margin:.5rem 0 0;font-weight:500;letter-spacing:.02em}.dark-mode .day-view-subtitle{color:#eaf6f0a6}.garden-capacity-warning{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#ffc1071f,#ff980014);border:1px solid rgba(255,193,7,.3);border-left:4px solid rgba(255,193,7,.7);border-radius:var(--radius-md);backdrop-filter:blur(12px);position:relative}.garden-capacity-warning:after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid rgba(255,193,7,.35);pointer-events:none;opacity:0;transform:scale(.98);will-change:transform,opacity;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:0;transform:scale(1.08)}}.warning-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(255,193,7,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.warning-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.warning-text strong{font-weight:700;color:var(--text-primary, #1a1a1a);font-size:1rem}.warning-text span{font-size:.875rem;color:var(--text-secondary, rgba(0, 0, 0, .7));line-height:1.5}.dark-mode .warning-text strong{color:#ffe082f2}.dark-mode .warning-text span{color:#ffe082bf}.day-land{background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--divider);border-radius:var(--radius-xl);padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden;box-shadow:0 4px 24px #6f9b8614,0 12px 48px #b46a4a0a,inset 0 1px #fafcfbb3}.day-land:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(111,155,134,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(180,106,74,.03) 0%,transparent 50%);pointer-events:none;opacity:.6}.dark-mode .day-land{background:linear-gradient(180deg,#0f172abf,#080c1ad9);border:1px solid rgba(140,183,217,.12);box-shadow:0 8px 32px #0006,0 16px 64px #0003,inset 0 1px #8cb7d914}.day-land-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.day-land-fence{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#b46a4a14,#6f9b8614);border:1px solid rgba(180,106,74,.2);border-radius:var(--radius-md);backdrop-filter:blur(8px)}.fence-label{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--earth, #b46a4a)}.fence-value{font-weight:800;font-size:1.125rem;color:var(--text-primary, #1a1a1a);min-width:80px}.fence-hint{font-size:.75rem;color:var(--text-tertiary, rgba(0, 0, 0, .5));font-weight:500}.dark-mode .day-land-fence{background:linear-gradient(135deg,#b46a4a26,#6f9b861f);border-color:#b46a4a40}.dark-mode .fence-value{color:#eaf6f0f2}.dark-mode .fence-hint{color:#eaf6f080}.day-plant-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--sage, #6f9b86) 0%,var(--earth, #b46a4a) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6f9b8640;position:relative;overflow:hidden}.day-plant-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.day-plant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6f9b8659}.day-plant-btn:hover:before{opacity:1}.day-plant-btn:active{transform:translateY(0)}.day-plot{display:grid;gap:clamp(1.5rem,3vw,2.5rem);--lanes: 1}.day-seed-tray{background:linear-gradient(135deg,#6f9b8614,#6f9b860a);border:1px solid rgba(111,155,134,.2);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.day-seed-tray:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sage, #6f9b86) 0%,transparent 100%);opacity:.6}.seed-tray-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;gap:1rem}.seed-tray-title{font-weight:700;font-size:1.125rem;color:var(--text-primary, #1a1a1a);letter-spacing:-.01em}.seed-tray-subtitle{font-size:.8125rem;color:var(--text-tertiary, rgba(0, 0, 0, .5));font-weight:500}.seed-tray-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.seed-tray-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-tertiary, rgba(0, 0, 0, .4));font-size:.9375rem;font-style:italic;font-weight:500}.dark-mode .day-seed-tray{background:linear-gradient(135deg,#6f9b861f,#6f9b860f);border-color:#6f9b8633}.dark-mode .seed-tray-title{color:#eaf6f0f2}.dark-mode .seed-tray-subtitle{color:#eaf6f080}.day-bed{position:relative}.day-bed-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;gap:1rem}.day-bed-title{font-weight:700;font-size:1.125rem;color:var(--text-primary, #1a1a1a);letter-spacing:-.01em}.day-bed-subtitle{font-size:.8125rem;color:var(--text-tertiary, rgba(0, 0, 0, .5));font-weight:500}.dark-mode .day-bed-title{color:#eaf6f0f2}.dark-mode .day-bed-subtitle{color:#eaf6f080}.day-bed-canvas{position:relative;height:clamp(540px,64vh,860px);border-radius:var(--radius-lg);border:1px solid rgba(111,155,134,.2);--time-gutter: 72px;background:radial-gradient(1200px 700px at 40% -10%,rgba(140,183,217,.14) 0%,transparent 60%),linear-gradient(180deg,#6f9b861f,#ffffff40,#b46a4a14);overflow:hidden;padding:0 var(--space-3, 1rem);box-shadow:inset 0 2px 12px #6f9b8614,inset 0 -2px 12px #b46a4a0d}.day-bed-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 15%,rgba(255,255,255,.5) 0%,transparent 35%);opacity:.6;pointer-events:none;mix-blend-mode:overlay}.dark-mode .day-bed-canvas{border:1px solid rgba(140,183,217,.12);background:radial-gradient(1200px 700px at 40% -10%,rgba(30,41,79,.3) 0%,transparent 70%),linear-gradient(180deg,#0f172a99,#080c1acc,#1e294f1f);box-shadow:inset 0 2px 12px #0000004d,inset 0 -2px 12px #1e294f33}.dark-mode .day-bed-canvas:before{background-image:radial-gradient(circle at 15% 15%,rgba(140,183,217,.12) 0%,transparent 40%);opacity:.8}.day-bed-grid{position:absolute;inset:0;pointer-events:none;z-index:1}.planner-timeline-container .day-bed-grid{top:88px;bottom:0}.planner-timeline-container:not([data-past-hours-expanded=true]) .day-bed-grid{transform:translateY(calc(var(--current-hour-pos, 0) * -1%))}.bed-hour{position:absolute;top:calc(var(--at) * 1%);left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:.75rem;padding:0}.bed-hour-label{font-size:.875rem;font-weight:400;color:var(--text-secondary, rgba(0, 0, 0, .5));min-width:var(--time-gutter);padding:0;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;background:none;border:none}.bed-hour-line{flex:1;height:1px;background:var(--glass-border, rgba(0, 0, 0, .1));opacity:.4;position:relative}.bed-hour-line:after{display:none}.bed-hour.is-first .bed-hour-line,.bed-hour.is-last .bed-hour-line{opacity:.3}.planner-timeline-container:not([data-past-hours-expanded=true]) .bed-hour.is-past{height:4px;min-height:4px;max-height:4px;overflow:hidden;opacity:.3;transform:translateY(-50%) scaleY(.1);transition:height .3s ease-out,opacity .3s ease-out,transform .3s ease-out;pointer-events:none;margin:0;padding:0}.planner-timeline-container:not([data-past-hours-expanded=true]) .bed-hour.is-past .bed-hour-label{display:none}.planner-timeline-container:not([data-past-hours-expanded=true]) .bed-hour.is-past .bed-hour-line{opacity:.2;height:1px;transition:opacity .2s ease-out}.planner-timeline-container[data-past-hours-expanded=true] .bed-hour.is-past{opacity:1;transform:translateY(-50%) scaleY(1);height:auto;pointer-events:auto}.planner-timeline-container[data-past-hours-expanded=true] .bed-hour.is-past .bed-hour-label,.planner-timeline-container[data-past-hours-expanded=true] .bed-hour.is-past .bed-hour-line{opacity:1}.planner-timeline-container:not([data-past-hours-expanded=true]) .planner-timeline-content [data-is-past=true]{display:none!important;opacity:0;pointer-events:none}.planner-timeline-container[data-past-hours-expanded=true] .planner-timeline-content [data-is-past=true]{display:block;opacity:1;pointer-events:auto}.dark-mode .bed-hour-label{color:#eaf6f099}.dark-mode .bed-hour-line{background:#eaf6f026;opacity:.5}.bed-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:280px;padding:1.5rem;color:var(--text-tertiary, rgba(0, 0, 0, .4));font-size:.875rem;font-style:italic;font-weight:500;line-height:1.5;background:#f2f7f6b8;border:1px dashed rgba(111,155,134,.25);border-radius:12px;backdrop-filter:blur(8px)}.dark-mode .bed-empty{color:#eaf6f066;background:#0f172a66;border-color:#8cb7d933}.day-compost{background:linear-gradient(135deg,#10b98114,#10b9810a);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.day-compost:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--success, #10b981) 0%,transparent 100%);opacity:.6}.compost-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;gap:1rem}.compost-title{font-weight:700;font-size:1.125rem;color:var(--text-primary, #1a1a1a);letter-spacing:-.01em}.compost-subtitle{font-size:.8125rem;color:var(--success, #10b981);font-weight:700}.compost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dark-mode .day-compost{background:linear-gradient(135deg,#10b9811f,#10b9810f);border-color:#10b98133}.dark-mode .compost-title{color:#eaf6f0f2}.day-goal-card{position:relative;display:flex;align-items:flex-start;gap:.875rem;--swipe-x: 0px;translate:var(--swipe-x) 0;background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);padding:1rem 1.125rem;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;backdrop-filter:blur(12px);box-shadow:0 2px 8px #b46a4a0f,0 4px 16px #6f9b860a;overflow:hidden}.day-goal-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .15s ease}.day-goal-card.is-swiping{transition:box-shadow .2s ease,border-color .2s ease}.day-goal-card.swipe-animating{transition:translate .18s ease,box-shadow .18s ease,border-color .18s ease}.day-goal-card.swipe-ready-complete:after{opacity:.22;background:linear-gradient(90deg,#5ac8788c,#5ac87800)}.day-goal-card.swipe-ready-undo:after{opacity:.2;background:linear-gradient(270deg,#ffaa3c8c,#ffaa3c00)}.day-goal-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(111,155,134,.03) 0%,transparent 70%),radial-gradient(circle at 70% 70%,rgba(180,106,74,.02) 0%,transparent 70%);pointer-events:none;opacity:.7}.day-goal-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 6px 16px #b46a4a1f,0 12px 32px #6f9b8614;border-color:#6f9b864d}.day-goal-card:active{transform:translateY(-1px) scale(1)}.day-goal-card:focus-visible{outline:2px solid var(--sage, #6f9b86);outline-offset:3px;border-color:var(--sage, #6f9b86)}.day-goal-card.completed{opacity:.75;filter:saturate(.7)}.day-goal-card.completed:hover{opacity:.85}.dark-mode .day-goal-card{background:#0f172abf;border-color:#8cb7d926;box-shadow:0 2px 8px #0003,0 4px 16px #0000001a}.dark-mode .day-goal-card:hover{border-color:#8cb7d94d;box-shadow:0 6px 16px #0000004d,0 12px 32px #8cb7d91a}.day-goal-checkbox{width:26px;height:26px;min-width:26px;border-radius:50%;border:2.5px solid rgba(111,155,134,.3);background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-1) 100%);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 1px 3px #00000014,0 2px 4px #6f9b861a}.day-goal-checkbox:before{content:"";position:absolute;inset:-9px;border-radius:50%;background:transparent}.day-goal-checkbox:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(111,155,134,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.day-goal-checkbox:hover{border-color:var(--sage, #6f9b86);transform:scale(1.1);box-shadow:inset 0 1px 3px #00000014,0 4px 8px #6f9b8633}.day-goal-checkbox:hover:after{opacity:1}.day-goal-checkbox.checked{background:linear-gradient(135deg,var(--success, #10b981) 0%,var(--sage, #6f9b86) 100%);border-color:var(--success, #10b981);box-shadow:0 4px 12px #10b9814d,inset 0 1px 2px #ffffff4d;animation:checkBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.day-goal-checkbox.checked:after{content:"✓";color:#fff;font-size:15px;font-weight:900;position:static;inset:auto;background:none;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dark-mode .day-goal-checkbox{background:linear-gradient(135deg,#1e294f99,#0f172acc);border-color:#6f9b8666}.dark-mode .day-goal-checkbox:hover{border-color:var(--sage, #6f9b86)}.day-goal-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.day-goal-level{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, rgba(0, 0, 0, .5));margin-bottom:-.125rem}.day-goal-level-emoji{font-size:1rem;filter:saturate(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.1))}.dark-mode .day-goal-level{color:#eaf6f080}.day-goal-title{font-size:.9375rem;font-weight:700;color:var(--text-primary, #1a1a1a);line-height:1.4;letter-spacing:-.01em;margin:0}.day-goal-card.completed .day-goal-title{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#6f9b8666;color:var(--text-secondary, rgba(0, 0, 0, .5))}.dark-mode .day-goal-title{color:#eaf6f0f2}.dark-mode .day-goal-card.completed .day-goal-title{color:#eaf6f080;text-decoration-color:#6f9b864d}.day-goal-desc{font-size:.8125rem;color:var(--text-secondary, rgba(0, 0, 0, .65));line-height:1.5;margin:-.125rem 0 0}.dark-mode .day-goal-desc{color:#eaf6f0a6}.day-goal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;font-size:.75rem;color:var(--text-tertiary, rgba(0, 0, 0, .5));margin-top:.125rem}.day-goal-time{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;color:var(--earth, #b46a4a);font-variant-numeric:tabular-nums}.day-goal-cat{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;padding:.25rem .5rem;background:#6f9b8614;border-radius:var(--radius-sm)}.day-goal-priority{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;text-transform:capitalize;padding:.25rem .5rem;border-radius:var(--radius-sm)}.day-goal-priority.priority-high{background:#ef44441f;color:#b91c1c}.day-goal-priority.priority-low{background:#6b72801f;color:#4b5563}.dark-mode .day-goal-time{color:#b46a4ae6}.dark-mode .day-goal-cat{background:#6f9b8626}.dark-mode .day-goal-priority.priority-high{background:#ef444433;color:#fecaca}.btn-zen-focus{margin-left:auto;border:1px solid rgba(111,155,134,.25);background:linear-gradient(135deg,#ffffffb3,#f7f3ed80);color:var(--text-secondary, rgba(0, 0, 0, .7));border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);box-shadow:0 1px 3px #6f9b861a;white-space:nowrap}.btn-zen-focus:hover{background:linear-gradient(135deg,#fffffff2,#f7f3edcc);border-color:var(--sage, #6f9b86);transform:translateY(-1px);box-shadow:0 4px 8px #6f9b8633}.btn-zen-focus:active{transform:translateY(0)}.dark-mode .btn-zen-focus{background:linear-gradient(135deg,#1e294f80,#0f172ab3);border-color:#8cb7d933;color:#eaf6f0cc}.dark-mode .btn-zen-focus:hover{background:linear-gradient(135deg,#1e294fb3,#0f172ae6);border-color:#8cb7d966}.day-goal-progress{margin-top:.5rem}.progress-bar-lg{height:6px;background:#6f9b8626;border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000014}.progress-fill-lg{height:100%;background:linear-gradient(90deg,var(--sage, #6f9b86) 0%,var(--success, #10b981) 100%);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px #6f9b8666,inset 0 1px #ffffff4d}.progress-fill-lg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.dark-mode .progress-bar-lg{background:#1e294f99}.day-goal-variant-seed{border-left:4px solid var(--sage, #6f9b86);background:linear-gradient(135deg,#fffffff2,#f7f3edd9);position:relative}.day-goal-variant-seed:after{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6f9b86cc,#6f9b86,#6f9b86cc);box-shadow:0 0 8px #6f9b8666}.dark-mode .day-goal-variant-seed{background:linear-gradient(135deg,#0f172abf,#0a1612a6);border-left-color:var(--sage, #6f9b86)}.day-goal-variant-planter{position:absolute;top:calc(var(--start) * 1%);height:calc(var(--dur) * 1%);left:calc(var(--time-gutter) + (var(--lane) * (100% - var(--time-gutter))) / var(--lanes));width:calc(((100% - var(--time-gutter)) / var(--lanes)) - 12px);min-height:32px;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(180,106,74,.25);border-top:6px solid var(--earth, #b46a4a);background:linear-gradient(180deg,#fffffff2,#fffc 60%,#b46a4a14);box-shadow:0 4px 16px #b46a4a26,0 8px 32px #6f9b8614,inset 0 1px #fffc;z-index:2}.day-goal-variant-planter:hover{z-index:3;border-color:#b46a4a66;box-shadow:0 8px 24px #b46a4a40,0 16px 48px #6f9b861f}.day-goal-variant-planter[style*="height: 1%"],.day-goal-variant-planter[style*="height: 2%"],.day-goal-variant-planter[style*="height: 3%"]{padding:.25rem .5rem;font-size:.75rem}.day-goal-variant-planter[style*="height: 1%"] .timed-task-title,.day-goal-variant-planter[style*="height: 2%"] .timed-task-title,.day-goal-variant-planter[style*="height: 3%"] .timed-task-title{font-size:.7rem;font-weight:600}.day-goal-variant-planter[style*="height: 1%"] .timed-task-emoji,.day-goal-variant-planter[style*="height: 2%"] .timed-task-emoji,.day-goal-variant-planter[style*="height: 3%"] .timed-task-emoji{font-size:.8rem}.day-goal-variant-planter[style*="height: 1%"] .day-goal-checkbox,.day-goal-variant-planter[style*="height: 2%"] .day-goal-checkbox,.day-goal-variant-planter[style*="height: 3%"] .day-goal-checkbox{width:14px;height:14px;min-width:14px}.day-goal-variant-planter[style*="height: 1%"] .timed-task-actions,.day-goal-variant-planter[style*="height: 2%"] .timed-task-actions,.day-goal-variant-planter[style*="height: 3%"] .timed-task-actions{display:none}.day-goal-variant-planter:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,rgba(180,106,74,.06) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.dark-mode .day-goal-variant-planter{border-color:#8cb7d92e;border-top-color:#b46a4ab3;background:linear-gradient(180deg,#0f172ad9,#0a1612bf 60%,#8cb7d914);box-shadow:0 8px 24px #0006,0 16px 48px #0003,inset 0 1px #8cb7d91a}.day-goal-variant-compost{border-left:4px solid var(--success, #10b981);background:linear-gradient(135deg,#10b98114,#6f9b860f);opacity:.85}.day-goal-variant-compost:after{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#10b981b3,#10b981,#10b981b3);box-shadow:0 0 8px #10b9814d}.day-goal-variant-compost .btn-zen-focus{display:none}.dark-mode .day-goal-variant-compost{background:linear-gradient(135deg,#10b9811f,#6f9b8614)}.planter-resize-handle{position:absolute;left:0;right:0;height:16px;cursor:ns-resize;z-index:10;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.planter-resize-handle:before{content:"";width:32px;height:4px;background:#b46a4a66;border-radius:2px;transition:all .2s ease}.day-goal-variant-planter:hover .planter-resize-handle{opacity:1}.planter-resize-handle:hover:before{background:var(--earth, #b46a4a);width:40px;height:5px}.planter-resize-handle-top{top:0}.planter-resize-handle-bottom{bottom:0}.dark-mode .planter-resize-handle:before{background:#b46a4a99}.dark-mode .planter-resize-handle:hover:before{background:#b46a4ae6}:root{--level-vision: #8b5cf6;--level-milestone: #3b82f6;--level-focus: #f59e0b;--level-intention: #10b981}.day-goal-card[data-parent-level]{border-left:4px solid var(--parent-color)}.day-goal-card.parent-level-vision{background:linear-gradient(135deg,rgba(139,92,246,.03) 0%,var(--surface-2) 100%)}.day-goal-card.parent-level-milestone{background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,var(--surface-2) 100%)}.day-goal-card.parent-level-focus{background:linear-gradient(135deg,rgba(245,158,11,.03) 0%,var(--surface-2) 100%)}.day-goal-card.parent-level-intention{background:linear-gradient(135deg,rgba(16,185,129,.03) 0%,var(--surface-2) 100%)}.parent-level-badge{position:absolute;top:6px;right:6px;width:24px;height:24px;background:var(--parent-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:.9;transition:all .2s ease;z-index:5}.day-goal-card:hover .parent-level-badge{opacity:1;transform:scale(1.1)}.parent-level-icon{font-size:.75rem;filter:brightness(1.2)}.dark-mode .day-goal-card.parent-level-vision{background:linear-gradient(135deg,#8b5cf614,#0f172abf)}.dark-mode .day-goal-card.parent-level-milestone{background:linear-gradient(135deg,#3b82f614,#0f172abf)}.dark-mode .day-goal-card.parent-level-focus{background:linear-gradient(135deg,#f59e0b14,#0f172abf)}.dark-mode .day-goal-card.parent-level-intention{background:linear-gradient(135deg,#10b98114,#0f172abf)}.day-goal-variant-seed[data-parent-level]{border-left:4px solid var(--parent-color)}.day-goal-variant-planter[data-parent-level]{border-top:4px solid var(--parent-color)}.day-goal-variant-compost[data-parent-level]{border-left:4px solid var(--parent-color);opacity:.7}.day-goal-variant-seed[data-parent-level]:after{box-shadow:0 0 8px var(--parent-color)}@media(prefers-reduced-motion:reduce){.day-goal-card,.day-goal-checkbox,.btn-zen-focus,.progress-fill-lg{transition:none}.day-goal-checkbox.checked{animation:none}.progress-fill-lg:after{animation:none}}body.is-dragging{cursor:grabbing!important;user-select:none;-webkit-user-select:none;touch-action:none}body.is-dragging *{cursor:grabbing!important}body.is-dragging-seed .day-goal-variant-seed[draggable=true],body.is-dragging-planter .day-goal-variant-planter[draggable=true]{cursor:grabbing}body.is-touch-dragging-seed{user-select:none;-webkit-user-select:none;touch-action:none}body.is-touch-dragging-seed .day-view-container{touch-action:none}[draggable=true]{cursor:grab;touch-action:none}[draggable=true][aria-grabbed=true]{opacity:.5;transform:scale(.95);transition:all .2s ease}.drag-ghost{position:fixed;z-index:3000;pointer-events:none;opacity:.95;transform:translate(-50%,-50%) rotate(-2deg);box-shadow:0 12px 40px #b46a4a4d,0 24px 80px #6f9b8633,0 0 0 1px #ffffff4d;filter:brightness(1.05) saturate(1.1);animation:ghostFloat .6s cubic-bezier(.4,0,.2,1) forwards;border-color:var(--sage, #6F9B86)!important}@keyframes ghostFloat{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.7}to{transform:translate(-50%,-50%) rotate(-2deg) scale(1.05);opacity:.95}}.drag-ghost:after{content:"";position:absolute;inset:-8px;background:radial-gradient(circle,rgba(111,155,134,.3) 0%,transparent 70%);border-radius:inherit;animation:ghostGlow 1.5s ease-in-out infinite;z-index:-1}@keyframes ghostGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.dark-mode .drag-ghost{box-shadow:0 12px 40px #0009,0 24px 80px #8cb7d933,0 0 0 1px #8cb7d94d;filter:brightness(1.15) saturate(1.2)}[data-drop-zone=true]{transition:all .3s cubic-bezier(.4,0,.2,1)}.day-bed-canvas.is-drop-target{outline:2px dashed rgba(111,155,134,.4);outline-offset:8px;background:radial-gradient(1200px 700px at 40% -10%,rgba(111,155,134,.18) 0%,transparent 60%),linear-gradient(180deg,#6f9b8624,#ffffff40,#b46a4a1a)}.day-bed-canvas.is-drop-target:after{content:"";position:absolute;inset:-8px;border-radius:var(--radius-lg);border:2px dashed rgba(111,155,134,.45);pointer-events:none;opacity:.2;transform:scale(.99);will-change:transform,opacity;animation:dropZonePulse 2s ease-in-out infinite}@keyframes dropZonePulse{0%,to{opacity:.2;transform:scale(.99)}50%{opacity:.45;transform:scale(1.02)}}.day-bed-canvas.is-drop-over{outline-color:var(--sage, #6F9B86);outline-width:3px;outline-style:solid;outline-offset:6px;background:radial-gradient(1200px 700px at 40% -10%,rgba(111,155,134,.25) 0%,transparent 60%),linear-gradient(180deg,#6f9b8633,#ffffff4d,#b46a4a1f);box-shadow:inset 0 2px 16px #6f9b8626,inset 0 -2px 16px #b46a4a14,0 0 40px #6f9b8633}.dark-mode .day-bed-canvas.is-drop-target{outline-color:#6f9b8680;background:radial-gradient(1200px 700px at 40% -10%,rgba(111,155,134,.25) 0%,transparent 70%),linear-gradient(180deg,#0f172aa6,#080c1ad9,#1e294f2e)}.dark-mode .day-bed-canvas.is-drop-over{outline-color:var(--sage, #6F9B86);background:radial-gradient(1200px 700px at 40% -10%,rgba(111,155,134,.35) 0%,transparent 70%),linear-gradient(180deg,#0f172ab3,#080c1ae6,#1e294f38);box-shadow:inset 0 2px 16px #6f9b8633,inset 0 -2px 16px #1e294f26,0 0 40px #6f9b864d}.drop-indicator{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--sage, #6F9B86) 10%,var(--sage, #6F9B86) 90%,transparent 100%);pointer-events:none;z-index:100;box-shadow:0 0 12px #6f9b8699,0 0 24px #6f9b864d;animation:dropIndicatorPulse 1s ease-in-out infinite}@keyframes dropIndicatorPulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}.drop-indicator:before{content:"";position:absolute;left:var(--time-gutter, 72px);top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--sage, #6F9B86);border-radius:50%;box-shadow:0 0 16px #6f9b86cc,0 0 32px #6f9b8666,inset 0 1px 2px #ffffff80}.drop-indicator:after{content:attr(data-time);position:absolute;left:calc(var(--time-gutter, 72px) + 12px);top:50%;transform:translateY(-50%);padding:.375rem .75rem;background:var(--sage, #6F9B86);color:#fff;font-size:.75rem;font-weight:800;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px #6f9b8666,inset 0 1px #ffffff4d;letter-spacing:.02em}.day-goal-card.drag-over{border-color:var(--sage, #6F9B86);box-shadow:0 0 0 3px #6f9b8633,0 8px 24px #6f9b8640;transform:translateY(-2px) scale(1.02)}.day-goal-variant-seed[draggable=true]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6f9b8626,0 12px 32px #b46a4a14;cursor:grab}.day-goal-variant-seed[draggable=true]:active{cursor:grabbing;transform:scale(.98)}body.is-dragging-seed .day-goal-variant-seed:not([aria-grabbed=true]){opacity:.6;transform:scale(.97);filter:saturate(.7)}.day-goal-variant-planter[draggable=true]:hover{cursor:grab;border-color:#b46a4a66}.day-goal-variant-planter[draggable=true]:active{cursor:grabbing}body.is-dragging-planter .day-goal-variant-planter:not([aria-grabbed=true]){opacity:.5;filter:saturate(.7)}body.is-resizing{cursor:ns-resize!important;user-select:none;-webkit-user-select:none}body.is-resizing *{cursor:ns-resize!important}.day-goal-variant-planter.is-resizing{z-index:100;outline:2px solid var(--earth, #B46A4A);outline-offset:2px;box-shadow:0 8px 32px #b46a4a4d,0 16px 64px #6f9b8626}.planter-resize-handle.is-resizing:before{background:var(--earth, #B46A4A);width:48px;height:6px;box-shadow:0 0 12px #b46a4a99}@keyframes dropSuccess{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.day-goal-card.drop-success{animation:dropSuccess .5s cubic-bezier(.4,0,.2,1);border-color:var(--success, #10b981);box-shadow:0 0 0 4px #10b98133,0 8px 24px #10b9814d}@keyframes dropFail{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.day-goal-card.drop-fail{animation:dropFail .4s ease;border-color:#ef444480}@media(hover:none)and (pointer:coarse){.planter-resize-handle{height:24px}.planter-resize-handle:before{height:5px;width:40px}[draggable=true]{-webkit-tap-highlight-color:transparent}}.day-goal-card.long-press-active{animation:longPressScale .2s ease forwards}@keyframes longPressScale{0%{transform:scale(1)}to{transform:scale(.95)}}.drag-ripple{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(111,155,134,.4) 0%,transparent 70%);pointer-events:none;animation:ripple .6s ease-out;will-change:transform,opacity}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.day-goal-card[aria-grabbed=true]:focus-visible{outline:3px solid var(--sage, #6F9B86);outline-offset:4px;box-shadow:0 0 0 6px #6f9b8633,0 8px 24px #6f9b864d}@media(prefers-reduced-motion:reduce){.drag-ghost,.drop-indicator,.day-goal-card.drop-success,.day-goal-card.drop-fail,.day-goal-card.long-press-active,.drag-ripple{animation:none}.drag-ghost:after{animation:none}.day-bed-canvas.is-drop-target{animation:none}[draggable=true][aria-grabbed=true]{transition:none}}.drag-ghost,.drop-indicator,.day-goal-card.is-resizing,[draggable=true][aria-grabbed=true]{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}body:not(.is-dragging) .day-goal-card,body:not(.is-resizing) .day-goal-variant-planter{will-change:auto}@media(max-width:479px){.day-view{padding:1.25rem 1rem}.day-view-subtitle{font-size:.8125rem}.day-land-topbar{flex-direction:column;align-items:stretch}.day-land-fence{flex-wrap:wrap;justify-content:center;text-align:center}.day-plant-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}.garden-capacity-warning{flex-direction:column;text-align:center;padding:1rem}.warning-icon{font-size:1.75rem}.day-land{padding:1.25rem 1rem;border-radius:var(--radius-lg)}.seed-tray-header{flex-direction:column;align-items:flex-start;gap:.5rem}.seed-tray-grid{grid-template-columns:1fr;gap:.875rem}.day-bed-canvas{height:clamp(480px,60vh,720px);--time-gutter: 56px;padding:.75rem}.bed-hour-label{font-size:.6875rem;min-width:50px}.day-goal-variant-planter{min-height:88px;padding:.75rem .875rem;border-top-width:5px}.day-goal-card{gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md)}.day-goal-checkbox{width:24px;height:24px;min-width:24px}.day-goal-title{font-size:.875rem}.day-goal-desc{font-size:.75rem}.day-goal-meta{flex-wrap:wrap;gap:.5rem;font-size:.6875rem}.btn-zen-focus{font-size:.6875rem;padding:.3125rem .625rem}.compost-grid{grid-template-columns:1fr;gap:.875rem}.planter-resize-handle{height:20px}.planter-resize-handle:before{width:36px;height:5px}}@media(min-width:480px)and (max-width:767px){.day-view{padding:1.75rem 1.5rem}.seed-tray-grid,.compost-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.day-bed-canvas{--time-gutter: 64px}.day-plot{--lanes: min(var(--lanes), 2)}}@media(min-width:768px)and (max-width:1023px){.day-view{padding:2rem}.day-land-topbar{flex-wrap:nowrap}.day-land{padding:2rem 1.75rem}.seed-tray-grid,.compost-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.day-bed-canvas{--time-gutter: 68px}.day-plot{--lanes: min(var(--lanes), 3)}}@media(min-width:1024px){.day-view{padding:clamp(2rem,4vw,3rem)}.day-plot{--lanes: min(var(--lanes), 4)}.seed-tray-grid,.compost-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.day-goal-card:hover{transform:translateY(-3px) scale(1.01)}.btn-zen-focus:hover{transform:translateY(-1px)}}@media(min-width:1440px){.day-view{max-width:1600px}.day-land{padding:2.5rem 3rem}.day-plot{gap:3rem}.seed-tray-grid,.compost-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.day-bed-canvas{height:clamp(640px,64vh,920px)}}@media(max-height:600px)and (orientation:landscape){.day-view{padding:1rem}.day-view-header{margin-bottom:1.5rem}.day-view-subtitle{font-size:.75rem}.day-land{padding:1.25rem}.day-plot{gap:1.25rem}.day-bed-canvas{height:clamp(320px,50vh,480px)}.day-goal-card{padding:.625rem .875rem}.day-goal-title{font-size:.8125rem}.day-goal-desc{display:none}.day-goal-meta{font-size:.625rem;gap:.375rem}}@media(hover:none)and (pointer:coarse){.day-goal-checkbox{width:28px;height:28px;min-width:28px;border-width:3px}.btn-zen-focus{padding:.5rem .875rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.day-plant-btn{min-height:48px}.day-goal-card:hover{transform:none;box-shadow:0 2px 8px #b46a4a0f,0 4px 16px #6f9b860a}.day-goal-card:active{transform:scale(.98)}.btn-zen-focus:active,.day-plant-btn:active{transform:scale(.96)}.planter-resize-handle{height:24px;opacity:1}.planter-resize-handle:before{width:48px;height:6px}.day-goal-card,.btn-zen-focus,.day-plant-btn,.day-goal-checkbox{touch-action:manipulation}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.day-goal-card{border-width:.5px}.bed-hour-line{height:.5px}.current-time-line{height:1.5px}.day-view-title,.day-goal-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.day-view{max-width:100%;padding:1rem}.day-plant-btn,.btn-zen-focus,.planter-resize-handle,.day-goal-checkbox{display:none!important}.day-land,.day-bed-canvas,.day-goal-card{background:var(--surface-2)!important;backdrop-filter:none!important;box-shadow:none!important}.day-goal-card.completed{opacity:1!important;filter:none!important}:root.dark-mode body{background:#fafcfb!important;color:#000!important}.day-land,.day-seed-tray,.day-bed,.day-compost{page-break-inside:avoid}}@media(min-width:1024px){html{font-size:16px}}@media(min-width:1440px){html{font-size:17px}}@media(min-width:1920px){html{font-size:18px}}@media(prefers-reduced-data:reduce){.day-land:before,.day-bed-canvas:before,.day-goal-card:before{display:none}.day-goal-card,.day-bed-canvas,.day-land{box-shadow:0 2px 4px #0000001a!important}*,*:before,*:after{animation:none!important;transition:none!important}}@supports (padding: env(safe-area-inset-left)){.day-view{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.day-land-topbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@supports (container-type: inline-size){.day-view-container{container-type:inline-size;container-name:dayview}@container dayview (max-width: 600px){.seed-tray-grid,.compost-grid{grid-template-columns:1fr}.day-land-topbar{flex-direction:column}}@container dayview (min-width: 600px) and (max-width: 900px){.seed-tray-grid,.compost-grid{grid-template-columns:repeat(2,1fr)}}@container dayview (min-width: 900px){.seed-tray-grid,.compost-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}}.simple-day-view{padding:1.5rem;max-width:var(--container-xl);margin:0 auto}.simple-day-content{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.simple-day-section{background:var(--glass-bg);border-radius:1rem;padding:1rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.simple-day-section:hover{background:var(--bg-surface);box-shadow:var(--shadow-md)}.simple-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.simple-section-icon{font-size:1.25rem}.simple-section-title{font-weight:600;color:var(--text-primary);font-size:1.1rem;flex:1}.simple-section-count{background:var(--sage);color:#fff;padding:2px 8px;border-radius:1rem;font-size:.75rem;font-weight:600}.simple-section-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.simple-section-empty{grid-column:1 / -1;text-align:center;padding:1.5rem;color:var(--text-secondary);font-style:italic;font-size:.9rem;background:color-mix(in srgb,var(--bg-hover) 60%,transparent);border-radius:.5rem}.day-style-toggle{display:flex;gap:.5rem;margin-top:1rem;background:color-mix(in srgb,var(--bg-hover) 70%,transparent);padding:.25rem;border-radius:2rem;width:fit-content}.day-style-toggle button{border-radius:1.5rem;padding:.25rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.8rem;transition:all .2s ease}.day-style-toggle button.active{background:var(--bg-surface);box-shadow:var(--shadow-xs);color:var(--accent);font-weight:600}.day-view-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.simple-day-section.completed{opacity:.7}.simple-day-section.completed .simple-section-count{background:var(--text-tertiary)}@media(max-width:600px){.simple-section-content{grid-template-columns:1fr}.simple-day-view{padding:1rem}}:root{--planner-bg: color-mix(in srgb, var(--surface-0) 85%, transparent);--planner-sidebar-bg: var(--surface-1);--planner-border: var(--divider);--planner-text: var(--text-primary);--planner-text-muted: var(--text-tertiary);--planner-accent: var(--accent)}.dark-mode{--planner-bg: linear-gradient( 180deg, rgba(15, 23, 42, .15) 0%, rgba(8, 12, 26, .2) 100% );--planner-sidebar-bg: rgba(10, 22, 18, .3);--planner-border: rgba(140, 183, 217, .16)}.planner-day-view{display:grid;grid-template-columns:480px 1fr;height:100%;background:var(--planner-bg);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--planner-text);overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.planner-sidebar{background:var(--planner-sidebar-bg);border-right:none;padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.planner-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.planner-sidebar-header h3{margin:0;font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary);flex:1;min-width:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.planner-sidebar-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex:0 0 auto}.planner-date-select{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.planner-current-date{font-weight:600;font-size:.95rem}.planner-sidebar-section{display:flex;flex-direction:column;gap:.75rem}.planner-context-banner{justify-content:flex-start;margin:0}.common-intentions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.common-intention-item{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);border:1px solid rgba(31,45,42,.08);box-shadow:var(--shadow-xs);cursor:grab;user-select:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.dark-mode .common-intention-item{background:#111e2d80;border-color:#8cb7d929}.common-intention-item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);box-shadow:var(--shadow-sm)}.common-intention-item:active{cursor:grabbing;transform:translateY(0)}.common-intention-item.is-dragging{opacity:.7;cursor:grabbing}.common-intention-emoji{font-size:1rem;line-height:1}.common-intention-title{font-size:.85rem;font-weight:650;color:var(--text-primary)}.common-intention-drag{margin-left:.1rem;font-size:.9rem;opacity:.55;color:var(--text-secondary)}.section-title{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:none;display:flex;align-items:center;gap:.5rem}.task-cloud-grid{display:flex;flex-direction:column;gap:.5rem}.day-goal-card.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:var(--bg-surface);border:none;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:none}.day-goal-card.sidebar-item:before{display:none}.day-goal-card.sidebar-item:hover{transform:translate(4px);border-color:var(--accent);background:var(--bg-hover);box-shadow:var(--shadow-sm)}.day-goal-card.sidebar-item .day-goal-checkbox{width:18px;height:18px;min-width:18px;border-width:1.5px}.day-goal-card.sidebar-item .day-goal-checkbox.checked:after{font-size:11px}.sidebar-item-emoji{font-size:1.1rem}.sidebar-item-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-goal-card .goal-meta{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.sidebar-item-time{margin-left:auto;font-size:.75rem;color:var(--text-primary);opacity:.8;font-weight:800}.planner-main{padding:1rem 2rem;overflow-y:auto;position:relative;border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;flex-direction:column}.planner-timeline-container{position:relative;min-height:900px;order:2;overflow:visible}.past-hours-toggle{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg, rgba(255, 255, 255, .1));backdrop-filter:blur(8px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content;max-width:200px}.past-hours-toggle:hover{background:var(--glass-bg-hover, rgba(255, 255, 255, .15));transform:translateY(-1px)}.past-hours-toggle:active{transform:translateY(0)}.past-hours-toggle-icon{font-size:1rem;transition:transform .2s ease}.past-hours-toggle[aria-expanded=true] .past-hours-toggle-icon{transform:rotate(180deg)}.past-hours-toggle-text{white-space:nowrap}.planner-timeline-container .current-time-top-indicator{position:absolute!important;left:0!important;right:0!important;z-index:10;pointer-events:none;display:flex;align-items:center;gap:0;padding:0 10px 0 70px;background:transparent;backdrop-filter:none;box-shadow:none;transform:none!important;margin:0!important}.current-time-top-indicator .current-time-line{position:relative;flex:1;min-width:0;height:3px;border-radius:999px;overflow:visible}.current-time-top-indicator .current-time-line:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 90%,transparent) 0% 100%);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent),0 0 16px color-mix(in srgb,var(--accent) 30%,transparent);animation:timePulse 2s ease-in-out infinite}.current-time-top-indicator .current-time-dot{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px;height:12px;border-radius:999px;background:radial-gradient(circle,var(--accent) 0%,color-mix(in srgb,var(--accent) 80%,transparent) 50%,color-mix(in srgb,var(--accent) 0%,transparent) 100%);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 80%,transparent),0 0 24px color-mix(in srgb,var(--accent) 40%,transparent);animation:dotPulseInline 2s ease-in-out infinite;z-index:1}.current-time-top-indicator .current-time-label{font-size:.875rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:.5rem;line-height:1;display:flex;align-items:center}@keyframes timePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes dotPulseInline{0%,to{transform:translate(50%,-50%) scale(1)}50%{transform:translate(50%,-50%) scale(1.2)}}.planner-timeline-status{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:16px;font-size:.8rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);background:color-mix(in srgb,var(--bg-hover) 70%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 60%,transparent);margin-bottom:.6rem}.planner-timeline-status .planner-sync-icon{font-size:.9rem;transform-origin:center;display:inline-flex}.planner-timeline-status[data-sync-state=syncing]{background:color-mix(in srgb,var(--accent) 30%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.planner-timeline-status[data-sync-state=error]{background:color-mix(in srgb,#f87171 20%,transparent);border-color:color-mix(in srgb,#f87171 70%,transparent);color:#991b1b}.planner-timeline-status[data-sync-state=offline],.planner-timeline-status[data-sync-state=local]{background:color-mix(in srgb,#facc15 25%,transparent);border-color:color-mix(in srgb,#facc15 60%,transparent)}.planner-timeline-container.is-drop-target{background:color-mix(in srgb,var(--bg-hover) 55%,transparent);border-radius:24px}.planner-drop-indicator{position:absolute;left:12px;right:12px;transform:translateY(-1px);pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:6px;transition:opacity .18s ease,transform .18s ease;opacity:.92}.planner-drop-indicator-line{height:3px;width:70%;margin-right:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.2),var(--accent),rgba(255,255,255,.2));box-shadow:0 6px 18px #0000001f,inset 0 0 0 1px #ffffff1f}.planner-drop-indicator-label{position:relative;padding:4px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--glass-bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 60%,transparent);color:var(--text-primary);font-size:.75rem;font-weight:700;letter-spacing:-.01em;box-shadow:0 4px 16px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .planner-drop-indicator-label{background:#15202bc7;border-color:#8cb7d933}.planner-drop-preview{position:absolute;left:12px;right:12px;border-radius:18px;background:color-mix(in srgb,var(--accent) 25%,transparent);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 12px 30px #00000029,inset 0 0 0 1px #fff3;pointer-events:none;z-index:15;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 10px;opacity:.85;transition:transform .2s ease,opacity .2s ease}.planner-drop-preview-label{font-size:.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.planner-timeline-content{position:absolute;inset:88px 0 0;pointer-events:none;z-index:5}.planner-timeline-container:not([data-past-hours-expanded=true]) .planner-timeline-content{transform:translateY(calc(var(--current-hour-pos, 0) * -1%))}.planner-day-view .bed-hour-label{color:var(--text-primary);opacity:1;font-weight:800;font-size:.85rem;text-shadow:0 1px 2px rgba(255,255,255,.35)}.dark-mode .planner-day-view .bed-hour-label{color:#fffffff5;text-shadow:0 4px 14px rgba(0,0,0,.7)}.planner-day-view .bed-hour-line{background:#0000001f;opacity:.25}.dark-mode .planner-day-view .bed-hour-line{background:#ffffff2e;opacity:.35}.planner-day-view .btn-icon svg{width:18px;height:18px;display:block}.day-goal-card.planner-timed-task{position:absolute;z-index:6;--lane: 0;--lanes: 1;--gutter: 70px;--edge-gap: 10px;--available-width: calc(100% - var(--gutter) - var(--edge-gap));left:calc(var(--gutter) + (var(--lane) * var(--available-width)) / var(--lanes));width:calc((var(--available-width) / var(--lanes)) - 6px);background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm);pointer-events:auto;z-index:10;border:1px solid var(--divider);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.day-goal-card.planner-timed-task.day-goal-variant-planter{padding-top:.9rem;padding-bottom:.9rem}.day-goal-card.planner-timed-task:before{opacity:.4}.day-goal-card.planner-timed-task:hover{transform:translateY(-2px) scale(1.005);box-shadow:var(--shadow-md);border-color:var(--accent);z-index:20}.planner-event-card{position:absolute;z-index:6;--lane: 0;--lanes: 1;--gutter: 70px;--edge-gap: 10px;--available-width: calc(100% - var(--gutter) - var(--edge-gap));left:calc(var(--gutter) + (var(--lane) * var(--available-width)) / var(--lanes));width:calc((var(--available-width) / var(--lanes)) - 6px);background:color-mix(in srgb,var(--accent) 20%,var(--bg-surface) 80%);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-sm);pointer-events:auto;border:1px solid color-mix(in srgb,var(--accent-border, #00aaff) 40%,var(--glass-border) 60%);color:var(--text-primary);z-index:8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.planner-event-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--accent)}.timeline-countdown{position:absolute;top:.75rem;right:1.15rem;text-align:right;display:flex;flex-direction:column;gap:.1rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--text-tertiary);pointer-events:none}.timeline-countdown:before{content:"Time until";font-size:.55rem;text-transform:uppercase;letter-spacing:.2em;opacity:0;transition:opacity .2s ease}.planner-event-card:hover .timeline-countdown:before,.day-goal-card.planner-timed-task:hover .timeline-countdown:before{opacity:.75}.planner-event-time{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.planner-event-title{font-size:var(--text-sm);font-weight:600;line-height:1.2}.planner-timed-task[style*="height: 1%"],.planner-timed-task[style*="height: 2%"],.planner-timed-task[style*="height: 3%"]{padding:.25rem .5rem;font-size:.75rem;min-height:24px}.planner-timed-task[style*="height: 1%"] .timed-task-title,.planner-timed-task[style*="height: 2%"] .timed-task-title,.planner-timed-task[style*="height: 3%"] .timed-task-title{font-size:.7rem;font-weight:600}.planner-timed-task[style*="height: 1%"] .timed-task-emoji,.planner-timed-task[style*="height: 2%"] .timed-task-emoji,.planner-timed-task[style*="height: 3%"] .timed-task-emoji{font-size:.8rem}.planner-timed-task[style*="height: 1%"] .day-goal-checkbox,.planner-timed-task[style*="height: 2%"] .day-goal-checkbox,.planner-timed-task[style*="height: 3%"] .day-goal-checkbox{width:14px;height:14px;min-width:14px;border-width:1px}.planner-timed-task[style*="height: 1%"] .timed-task-actions,.planner-timed-task[style*="height: 2%"] .timed-task-actions,.planner-timed-task[style*="height: 3%"] .timed-task-actions{display:none}.day-goal-card.planner-timed-task .day-goal-checkbox{width:20px;height:20px;min-width:20px;border-width:2px}.day-goal-card.planner-timed-task .day-goal-checkbox.checked:after{font-size:13px}.timed-task-content{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.timed-task-emoji{font-size:1.25rem}.timed-task-title{font-weight:700;font-size:.95rem;text-transform:none;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timed-task-actions{display:flex;gap:.5rem}.cat-career{background:var(--cat-career-muted);color:var(--cat-career)}.cat-health{background:var(--cat-health-muted);color:var(--cat-health)}.cat-finance{background:var(--cat-finance-muted);color:var(--cat-finance)}.cat-personal{background:var(--cat-personal-muted);color:var(--cat-personal)}.cat-creative{background:var(--cat-creative-muted);color:var(--cat-creative)}.planner-timed-task.cat-career{border-left:4px solid var(--cat-career)}.planner-timed-task.cat-health{border-left:4px solid var(--cat-health)}.planner-timed-task.cat-finance{border-left:4px solid var(--cat-finance)}.planner-timed-task.cat-personal{border-left:4px solid var(--cat-personal)}.planner-timed-task.cat-creative{border-left:4px solid var(--cat-creative)}.cat-cycling{background:var(--cat-career-muted);color:var(--cat-career)}.cat-workout{background:var(--cat-health-muted);color:var(--cat-health)}.cat-family{background:var(--cat-personal-muted);color:var(--cat-personal)}.cat-boating{background:var(--cat-creative-muted);color:var(--cat-creative)}.cat-cooking{background:var(--cat-finance-muted);color:var(--cat-finance)}.planner-day-view .btn-icon{background:var(--bg-surface);border:1px solid var(--planner-border);cursor:pointer;padding:6px;font-size:1rem;opacity:.8;transition:all .2s;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.planner-day-view .btn-icon:hover{opacity:1;background:var(--bg-hover);border-color:var(--accent);transform:scale(1.1)}.btn-planner-add{background:var(--accent-muted);color:var(--accent);font-weight:700;font-size:1.2rem}.btn-planner-event{background:#94a3b829;color:var(--text-secondary)}.btn-planner-event:hover{border-color:#94a3b880}.planner-event-item{width:100%;appearance:none;border:none;background:var(--bg-surface);border-radius:20px;padding:.6rem .8rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:all .2s ease;min-height:44px}.planner-event-item:hover{transform:translate(4px);background:var(--bg-hover);box-shadow:var(--shadow-sm)}.planner-event-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-event-meta{font-size:.75rem;color:var(--text-tertiary)}.btn-planner-remove{background:#ff00000d;color:#ef4444}.btn-planner-remove:hover{background:#ff00001a;border-color:#ef4444}.planner-date-nav{display:flex;gap:.25rem}.planner-current-date{font-weight:700;font-size:1.1rem;color:var(--teal);letter-spacing:-.01em}.empty-cloud,.empty-list{padding:1rem;text-align:center;font-style:italic;color:var(--planner-text-muted);font-size:.85rem;background:var(--glass-bg);border:none;border-radius:24px}.planner-context-section{padding-top:.5rem}.context-levels{display:flex;flex-direction:column;gap:.75rem}.context-level{display:flex;flex-direction:column;gap:.5rem}.planner-unscheduled-section{margin-top:0;margin-bottom:var(--space-6);padding-top:0;padding-bottom:var(--space-6);border-top:none;border-bottom:1px solid var(--planner-border);order:1}.planner-unscheduled-header{margin-bottom:var(--space-4)}.planner-unscheduled-title{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.planner-unscheduled-list{display:flex;flex-direction:column;gap:var(--space-3)}.planner-unscheduled-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border-radius:20px;border:1px solid var(--planner-border);box-shadow:var(--shadow-xs);transition:all .2s ease;cursor:pointer}.planner-unscheduled-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--accent);background:var(--bg-hover)}.planner-unscheduled-item .day-goal-checkbox{width:20px;height:20px;min-width:20px;border-width:2px}.planner-unscheduled-item .day-goal-checkbox.checked:after{font-size:13px}.unscheduled-task-content{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.unscheduled-task-emoji{font-size:1.25rem;flex-shrink:0}.unscheduled-task-title{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unscheduled-task-actions{display:none;gap:.5rem;flex-shrink:0;opacity:0;transition:opacity .2s ease}.planner-unscheduled-item.active .unscheduled-task-actions{display:flex;opacity:1}.planner-unscheduled-item.active{background:var(--bg-hover);border-color:var(--accent)}.btn-schedule-task{background:var(--accent-muted);color:var(--accent)}.btn-schedule-task:hover{background:var(--accent-subtle);border-color:var(--accent)}.planner-unscheduled-item.cat-career{border-left:4px solid var(--cat-career)}.planner-unscheduled-item.cat-health{border-left:4px solid var(--cat-health)}.planner-unscheduled-item.cat-finance{border-left:4px solid var(--cat-finance)}.planner-unscheduled-item.cat-personal{border-left:4px solid var(--cat-personal)}.planner-unscheduled-item.cat-creative{border-left:4px solid var(--cat-creative)}@media(max-width:900px){.planner-day-view{grid-template-columns:1fr}.planner-sidebar{border-right:none;border-bottom:1px solid var(--planner-border);max-height:400px}.planner-unscheduled-section{margin-top:0;margin-bottom:var(--space-6);padding-top:0;padding-bottom:var(--space-4);border-top:none;border-bottom:1px solid var(--planner-border);order:1}.planner-timeline-container{order:2}.day-goal-card.planner-timed-task{padding:.75rem 1rem;min-height:56px;background:var(--bg-surface);border:1px solid var(--planner-border);box-shadow:var(--shadow-md)}.timed-task-title{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;word-wrap:break-word;word-break:break-word}.timed-task-emoji{font-size:1.5rem;flex-shrink:0}.timed-task-content{gap:.875rem}.sidebar-item-title{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4;word-wrap:break-word;word-break:break-word}.sidebar-item-emoji{font-size:1.3rem;flex-shrink:0}.day-goal-card.sidebar-item{padding:.875rem 1rem;min-height:52px;background:var(--bg-surface);border:1px solid var(--planner-border)}.unscheduled-task-title{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;word-wrap:break-word;word-break:break-word}.unscheduled-task-emoji{font-size:1.5rem;flex-shrink:0}.planner-unscheduled-item{padding:.875rem 1rem;min-height:56px;background:var(--bg-surface);border:1px solid var(--planner-border);box-shadow:var(--shadow-sm)}}.planner-sidebar{width:100%;height:100%;background:var(--surface-1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--divider);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--liquid-transition-smooth)}.planner-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--liquid-glass-shine);opacity:.6;pointer-events:none;z-index:1}@supports not (backdrop-filter: blur()){.planner-sidebar{background:var(--card-bg)}}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--divider);background:var(--surface-2);flex-shrink:0}.sidebar-title{font-family:var(--font-display-liquid);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.sidebar-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0;font-weight:400}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--liquid-section-gap)}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--divider);border-radius:var(--radius-full);transition:background var(--duration-fast)}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar-section{display:flex;flex-direction:column;gap:var(--liquid-item-gap)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;cursor:pointer;user-select:none;transition:all var(--duration-fast)}.sidebar-section-header:hover{opacity:.8}.sidebar-section-left{display:flex;align-items:center;gap:var(--space-2);flex:1}.sidebar-section-icon{font-size:var(--text-base);line-height:1}.sidebar-section-title{font-family:var(--font-display-liquid);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.sidebar-section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background:var(--accent-subtle);color:var(--accent);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);line-height:1}.sidebar-section-actions{display:flex;align-items:center;gap:var(--space-2)}.sidebar-section-action-btn{width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast);font-size:var(--text-sm);position:relative;z-index:20;pointer-events:auto}.sidebar-section-action-btn:hover{background:var(--bg-active);color:var(--text-primary)}.sidebar-section-action-btn:active{transform:scale(.9)}.sidebar-section-collapse-icon{font-size:var(--text-sm);color:var(--text-tertiary);transition:transform var(--duration-fast)}.sidebar-section.collapsed .sidebar-section-collapse-icon{transform:rotate(-90deg)}.sidebar-section-content{display:flex;flex-direction:column;gap:var(--liquid-item-gap);overflow:hidden;transition:all var(--liquid-transition-smooth)}.sidebar-section.collapsed .sidebar-section-content{max-height:0;opacity:0;margin:0;pointer-events:none}.sidebar-section:not(.collapsed) .sidebar-section-content>*{animation:fade-in var(--duration-normal) ease-out backwards}.sidebar-section:not(.collapsed) .sidebar-section-content>*:nth-child(1){animation-delay:0ms}.sidebar-section:not(.collapsed) .sidebar-section-content>*:nth-child(2){animation-delay:30ms}.sidebar-section:not(.collapsed) .sidebar-section-content>*:nth-child(3){animation-delay:60ms}.sidebar-section:not(.collapsed) .sidebar-section-content>*:nth-child(4){animation-delay:90ms}.sidebar-section:not(.collapsed) .sidebar-section-content>*:nth-child(5){animation-delay:.12s}@media(prefers-reduced-motion:reduce){.sidebar-section:not(.collapsed) .sidebar-section-content>*{animation:none}}.sidebar-empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.sidebar-empty-state-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2);opacity:.5}.sidebar-empty-state-title{font-weight:500;color:var(--text-secondary);margin:0 0 var(--space-1) 0}.sidebar-empty-state-message{margin:0;font-size:var(--text-xs)}.sidebar-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-body-liquid);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);width:100%}.sidebar-add-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sidebar-add-btn:active{transform:translateY(0)}:root.time-dawn .planner-sidebar{--liquid-accent: var(--context-vision-color)}:root.time-morning .planner-sidebar{--liquid-accent: var(--context-milestone-color)}:root.time-afternoon .planner-sidebar{--liquid-accent: var(--context-focus-color)}:root.time-evening .planner-sidebar{--liquid-accent: var(--context-vision-color)}:root.time-night .planner-sidebar{--liquid-accent: var(--context-milestone-color)}@media(min-width:901px){.planner-sidebar{position:relative;flex-shrink:0}}@media(min-width:601px)and (max-width:900px){.planner-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);box-shadow:var(--shadow-xl)}.planner-sidebar.visible{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--liquid-transition-smooth)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}@media(max-width:600px){.planner-sidebar{position:fixed;inset:0;width:100%;max-width:100%;z-index:100;transform:translate(-100%);border-right:none}.planner-sidebar.visible{transform:translate(0)}.sidebar-content{padding:var(--space-3);gap:var(--space-4)}.sidebar-section-header{padding:var(--space-3) 0;min-height:48px}.sidebar-section-action-btn{width:40px;height:40px}.sidebar-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--liquid-transition-smooth)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}:root.dark-mode .planner-sidebar{background:var(--liquid-glass-bg);border-color:var(--glass-border)}:root.dark-mode .sidebar-header{background:var(--bg-elevated);border-color:var(--glass-border)}:root.dark-mode .sidebar-content::-webkit-scrollbar-thumb{background:#fff3}:root.dark-mode .sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root.dark-mode .sidebar-section-badge{background:rgba(var(--accent-rgb),.2);color:var(--accent)}.sidebar-section-header:focus-visible,.sidebar-section-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.planner-sidebar,.sidebar-section-content,.sidebar-overlay{transition:opacity var(--duration-fast)}.planner-sidebar.visible,.sidebar-section.collapsed .sidebar-section-content{transform:none}}@media print{.planner-sidebar{display:none}}.shimmer-overlay{position:absolute;inset:0;background:var(--shimmer-gradient);opacity:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:1}.has-shimmer{position:relative;overflow:hidden}.has-shimmer:hover .shimmer-overlay{animation:none}@media(prefers-reduced-motion:reduce){.has-shimmer:hover .shimmer-overlay{animation:none;opacity:.15}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.liquid-ripple{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--ripple-color, rgba(255, 255, 255, .5));pointer-events:none;animation:ripple var(--liquid-ripple-duration) ease-out;will-change:transform,opacity}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slide-out-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slide-in-right{animation:slide-in-right var(--liquid-transition-smooth) ease-out}.slide-in-left{animation:slide-in-left var(--liquid-transition-smooth) ease-out}.slide-in-top{animation:slide-in-top var(--liquid-transition-smooth) ease-out}.slide-in-bottom{animation:slide-in-bottom var(--liquid-transition-smooth) ease-out}.slide-out-right{animation:slide-out-right var(--liquid-transition-smooth) ease-out}.slide-out-left{animation:slide-out-left var(--liquid-transition-smooth) ease-out}.slide-out-top{animation:slide-out-top var(--liquid-transition-smooth) ease-out}.slide-out-bottom{animation:slide-out-bottom var(--liquid-transition-smooth) ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-in{animation:fade-in var(--duration-normal) ease-out}.fade-out{animation:fade-out var(--duration-normal) ease-out}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.scale-in{animation:scale-in var(--duration-normal) var(--ease-out)}.scale-out{animation:scale-out var(--duration-normal) var(--ease-out)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce .6s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 8px var(--glow-color, var(--liquid-glow)),0 0 16px var(--glow-color, var(--liquid-glow))}50%{box-shadow:0 0 16px var(--glow-color, var(--liquid-glow)),0 0 24px var(--glow-color, var(--liquid-glow))}}.has-glow{animation:glow 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.has-glow{animation:none;box-shadow:0 0 8px var(--glow-color, var(--liquid-glow))}}.has-lift{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);will-change:transform,box-shadow}.has-lift:hover{transform:translateY(var(--lift-offset, -2px));box-shadow:var(--lift-shadow, var(--shadow-md))}.has-lift:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:reduce){.has-lift:hover{transform:none}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}50%{transform:translateY(-100vh) translate(20px)}}.floating-particle{display:none;position:absolute;width:4px;height:4px;border-radius:50%;background:var(--liquid-accent);opacity:0;animation:float linear infinite;will-change:transform,opacity;pointer-events:none}@media(prefers-reduced-motion:reduce){.floating-particle{display:none}}.liquid-glass{background:var(--liquid-glass-bg);backdrop-filter:blur(var(--liquid-glass-blur));-webkit-backdrop-filter:blur(var(--liquid-glass-blur));border:1px solid var(--liquid-glass-border);position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--liquid-glass-shine);opacity:.6;pointer-events:none}@supports not (backdrop-filter: blur()){.liquid-glass{background:var(--card-bg)}}.stagger-fade-in{animation:fade-in var(--duration-normal) ease-out backwards}.stagger-slide-in{animation:slide-in-bottom var(--duration-normal) ease-out backwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pulse{animation:none}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate 1s linear infinite}@media(prefers-reduced-motion:reduce){.rotate{animation:none}}@keyframes expand{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes collapse{0%{max-height:1000px;opacity:1}to{max-height:0;opacity:0}}.expand{animation:expand var(--liquid-transition-smooth) ease-out;overflow:hidden}.collapse{animation:collapse var(--liquid-transition-smooth) ease-out;overflow:hidden}@media(prefers-reduced-motion:reduce){.expand,.collapse{animation:none}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .4s ease-in-out}@media(prefers-reduced-motion:reduce){.shake{animation:none}}.context-stack{position:relative;min-height:200px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--liquid-item-gap)}.context-stack-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-tertiary)}.context-stack-empty p{margin:0;font-size:var(--text-base)}.context-stack-hint{font-size:var(--text-sm);margin-top:var(--space-2);opacity:.7}.context-stack-card{position:relative;background:var(--liquid-glass-bg);backdrop-filter:blur(var(--liquid-glass-blur));-webkit-backdrop-filter:blur(var(--liquid-glass-blur));border:1px solid var(--liquid-glass-border);border-radius:var(--radius-lg);padding:var(--space-4);transform:rotate(var(--card-rotation, 0deg)) translateY(var(--card-offset-y, 0px)) translate(var(--card-offset-x, 0px));transition:transform var(--liquid-transition-smooth),box-shadow var(--liquid-transition-smooth),background var(--liquid-transition-smooth);cursor:pointer;overflow:hidden;will-change:transform,box-shadow}.context-stack-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--liquid-glass-shine);opacity:.6;pointer-events:none}.context-stack-card.hover,.context-stack-card:hover{transform:rotate(var(--card-rotation, 0deg)) translateY(calc(var(--card-offset-y, 0px) - 4px)) translate(var(--card-offset-x, 0px));box-shadow:var(--shadow-lg);background:var(--surface-2)}.context-stack-card.expanded{transform:rotate(0) translateY(0) translate(0) scale(1.02);box-shadow:var(--shadow-xl);z-index:100!important;background:var(--surface-2)}.context-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--divider)}.context-card-emoji{font-size:var(--text-xl);line-height:1}.context-card-label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);flex:1}.context-card-count{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);background:var(--bg-active);padding:2px 8px;border-radius:var(--radius-sm)}.context-card-goals{display:flex;flex-direction:column;gap:var(--space-2)}.context-goal-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);width:100%;text-align:left}.context-goal-item.primary{font-weight:500;background:var(--bg-elevated);border-color:var(--card-color, var(--accent));border-width:1.5px}.context-goal-item.secondary{font-weight:400;opacity:.85}.context-goal-item:hover{background:var(--bg-hover);border-color:var(--card-color, var(--accent));transform:translate(2px)}.context-goal-item:active{transform:translate(1px);background:var(--bg-active)}.context-goal-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-goal-progress{font-size:var(--text-xs);font-weight:600;color:var(--card-color, var(--accent));background:var(--accent-muted);padding:2px 6px;border-radius:var(--radius-sm)}.context-goal-more{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px dashed var(--divider);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);width:100%}.context-goal-more:hover{background:var(--bg-hover);border-color:var(--accent);border-style:solid;color:var(--accent)}.context-goal-more:active{background:var(--bg-active);transform:scale(.98)}.context-card-shimmer{position:absolute;inset:0;background:var(--shimmer-gradient);opacity:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:1}.context-stack-card:hover .context-card-shimmer{animation:none}@media(prefers-reduced-motion:reduce){.context-stack-card:hover .context-card-shimmer{animation:none;opacity:.1}}.context-stack-card[data-level=vision]{--card-color: var(--context-vision-color)}.context-stack-card[data-level=milestone]{--card-color: var(--context-milestone-color)}.context-stack-card[data-level=focus]{--card-color: var(--context-focus-color)}.context-stack-card[data-level=vision]:hover{border-color:var(--context-vision-color)}.context-stack-card[data-level=milestone]:hover{border-color:var(--context-milestone-color)}.context-stack-card[data-level=focus]:hover{border-color:var(--context-focus-color)}@media(max-width:600px){.context-stack{min-height:160px;padding:var(--space-3)}.context-stack-card{transform:rotate(calc(var(--card-rotation, 0deg) * .5)) translateY(var(--card-offset-y, 0px)) translate(var(--card-offset-x, 0px))}.context-stack-card.hover,.context-stack-card:hover{transform:rotate(calc(var(--card-rotation, 0deg) * .5)) translateY(calc(var(--card-offset-y, 0px) - 2px)) translate(var(--card-offset-x, 0px))}.context-card-emoji{font-size:var(--text-lg)}.context-card-label{font-size:var(--text-xs)}}:root.dark-mode .context-stack-card{background:var(--liquid-glass-bg);border-color:var(--liquid-glass-border)}:root.dark-mode .context-stack-card:hover{background:var(--bg-elevated);box-shadow:0 8px 24px #0009,0 0 0 1px var(--card-color, var(--accent))}:root.dark-mode .context-goal-item{background:#0003;border-color:#ffffff1a}:root.dark-mode .context-goal-item:hover{background:#0000004d;border-color:var(--card-color, var(--accent))}.context-stack-card:focus-within{outline:2px solid var(--card-color, var(--accent));outline-offset:2px}.context-goal-item:focus{outline:2px solid var(--card-color, var(--accent));outline-offset:2px}@media(prefers-reduced-motion:reduce){.context-stack-card{transform:none!important;transition:none}.context-stack-card:hover,.context-goal-item:hover{transform:none!important}}.intentions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-2)}.intentions-grid-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-tertiary)}.intentions-grid-empty p{margin:0 0 var(--space-3) 0;font-size:var(--text-sm)}.btn-add-intention{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-add-intention:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.intention-pill{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--intention-pill-padding);background:var(--intention-pill-bg);backdrop-filter:blur(var(--liquid-glass-blur));-webkit-backdrop-filter:blur(var(--liquid-glass-blur));border:var(--intention-pill-border);border-radius:var(--intention-pill-radius);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:grab;transition:all var(--duration-fast) var(--ease-out);overflow:hidden;will-change:transform,box-shadow}.intention-pill:hover{background:var(--surface-2);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf826;cursor:grab}.intention-pill:active{cursor:grabbing;transform:translateY(0);box-shadow:var(--shadow-sm)}.intention-pill.is-dragging{opacity:.5;cursor:grabbing}.intention-emoji{font-size:var(--text-base);line-height:1}.intention-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intention-drag-handle{opacity:0;font-size:var(--text-xs);color:var(--text-tertiary);transition:opacity var(--duration-fast)}.intention-pill:hover .intention-drag-handle{opacity:1}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.intention-pill:before{content:"";position:absolute;inset:-50% -100%;background:linear-gradient(135deg,#38bdf833,#38bdf899,#c084fccc,#fb923c99,#fb923c33);opacity:0;pointer-events:none;border-radius:inherit;transform:translate(-100%) rotate(45deg);transition:opacity var(--duration-fast);z-index:1}.intention-pill:hover:before{animation:shimmer 2s ease-in-out infinite;opacity:1}@media(prefers-reduced-motion:reduce){.intention-pill:hover:before{animation:none;opacity:.1}}@media(max-width:600px){.intentions-grid{grid-template-columns:1fr;gap:var(--space-2)}.intention-pill{width:100%;justify-content:flex-start}.intention-drag-handle{opacity:.5}}:root.dark-mode .intention-pill{background:var(--liquid-glass-bg);border-color:var(--liquid-glass-border)}:root.dark-mode .intention-pill:hover{background:var(--bg-elevated);border-color:var(--accent)}.task-list-empty{text-align:center;padding:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.task-item{position:relative;background:var(--task-item-bg);border:1px solid var(--divider);border-radius:var(--task-item-radius);margin-bottom:var(--space-2);overflow:hidden;transition:all var(--liquid-transition-smooth)}.task-item.compact{cursor:pointer}.task-item.expanded{background:var(--task-item-expanded-bg);box-shadow:var(--shadow-sm)}.task-item.task-done{opacity:.6}.task-item.task-done .task-title{text-decoration:line-through;color:var(--text-tertiary)}.task-compact-view{display:flex;align-items:center;gap:var(--space-2);padding:var(--task-item-padding);transition:background var(--duration-fast)}.task-item.compact:hover .task-compact-view{background:var(--bg-hover)}.task-checkbox{flex-shrink:0;width:20px;height:20px;border:2px solid var(--divider);border-radius:var(--radius-sm);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--text-on-accent);transition:all var(--duration-fast) var(--ease-out)}.task-checkbox:hover{border-color:var(--accent);background:var(--accent-subtle)}.task-checkbox.checked{background:var(--accent);border-color:var(--accent)}.task-checkbox:active{transform:scale(.9)}.task-emoji{font-size:var(--text-base);line-height:1;flex-shrink:0}.task-title{flex:1;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-time{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;flex-shrink:0}.task-expand-btn{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);color:var(--text-tertiary)}.task-expand-btn:hover{background:var(--bg-active);color:var(--text-primary)}.task-item.expanded .task-expand-btn{transform:rotate(180deg)}.task-expanded-view{padding:0 var(--task-item-padding) var(--task-item-padding);border-top:1px solid var(--divider);margin-top:0;overflow:hidden;transition:all var(--liquid-transition-smooth)}.task-expanded-view[hidden]{display:none}.task-item.expanded .task-metadata,.task-item.expanded .task-description,.task-item.expanded .task-actions{animation:fade-in var(--duration-normal) ease-out backwards}.task-item.expanded .task-description{animation-delay:50ms}.task-item.expanded .task-actions{animation-delay:.1s}@media(prefers-reduced-motion:reduce){.task-item.expanded .task-metadata,.task-item.expanded .task-description,.task-item.expanded .task-actions{animation:none}}.task-metadata{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.task-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.meta-icon{font-size:var(--text-base)}.meta-label{font-weight:500;color:var(--text-secondary);min-width:80px}.meta-value{color:var(--text-primary)}.task-progress-bar{flex:1;height:6px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden;margin:0 var(--space-2)}.progress-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width var(--duration-slow) var(--ease-out)}.task-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3);padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-md);border-left:2px solid var(--accent)}.task-actions{display:flex;gap:var(--space-2);padding-top:var(--space-2)}.task-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.task-action-btn:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.task-action-btn:active{transform:translateY(0)}.task-action-btn span{font-size:var(--text-base)}@media(max-width:600px){.task-item{margin-bottom:var(--space-3)}.task-compact-view{padding:var(--space-3)}.task-expanded-view{padding:0 var(--space-3) var(--space-3)}.task-actions{flex-direction:column}.task-action-btn{width:100%}}:root.dark-mode .task-item{background:var(--task-item-bg);border-color:var(--glass-border)}:root.dark-mode .task-item.expanded{background:var(--task-item-expanded-bg);box-shadow:0 4px 12px #00000080}:root.dark-mode .task-checkbox{border-color:#fff3}:root.dark-mode .task-checkbox:hover{border-color:var(--accent)}.intentions-modal-overlay{align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + var(--space-8))}.intentions-modal{max-width:var(--container-modal);margin-top:0;transform:none;transition:opacity .35s ease,transform .35s ease}.intentions-modal-overlay.active .intentions-modal{transform:none}.intentions-add-form{display:flex;flex-direction:column;gap:var(--space-3)}.intentions-modal .modal-header{flex-wrap:wrap;gap:var(--space-2)}.intentions-modal .modal-header-content{flex:1;min-width:200px}.intentions-modal .modal-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0;margin-top:var(--space-1)}.intentions-modal .modal-body{max-height:60vh}.intentions-accordion-container{display:flex;flex-direction:column;gap:var(--space-3)}.intentions-accordion-container .modal-disclosure{border-radius:var(--radius-lg)}.intentions-modal .form-group{margin-bottom:var(--space-3)}.intentions-modal .form-group:last-child{margin-bottom:0}.emoji-picker-control{display:flex;align-items:center;gap:var(--space-2)}.emoji-picker-control input{flex:1;max-width:80px;text-align:center;font-size:var(--text-lg)}.emoji-picker-btn{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px dashed var(--divider);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xl);cursor:pointer;transition:all var(--duration-fast)}.emoji-picker-btn:hover{border-color:var(--accent);border-style:solid;background:var(--bg-hover)}.intention-form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.intention-form-actions .btn{flex:1}.emoji-picker-dropdown{position:fixed;z-index:1100;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);max-width:320px;max-height:280px;overflow-y:auto}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1)}.emoji-option{width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.emoji-option:hover{background:var(--accent-subtle);transform:scale(1.1)}.intentions-sortable-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.intentions-list-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.sortable-intention-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--duration-fast)}.sortable-intention-item:hover{background:var(--bg-hover);border-color:var(--accent)}.sortable-intention-item.dragging{opacity:.5}.drag-handle{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:grab;flex-shrink:0;transition:all var(--duration-fast)}.drag-handle:hover{background:var(--bg-hover);color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}.intention-item-content{flex:1;min-width:0}.intention-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.intention-item-emoji{font-size:var(--text-lg)}.intention-item-title{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intention-item-meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.meta-category{background:var(--accent-subtle);color:var(--accent);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.intention-item-actions{display:flex;gap:var(--space-1);flex-shrink:0;position:relative;z-index:10}.btn-edit-intention,.btn-delete-intention{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast);opacity:1;position:relative;z-index:10}.btn-edit-intention{color:var(--text-primary)}.btn-delete-intention{color:#f87171}.btn-edit-intention svg,.btn-delete-intention svg{width:16px;height:16px;display:block;flex-shrink:0;pointer-events:none}.btn-edit-intention svg path,.btn-delete-intention svg path{stroke:currentColor;fill:none}.sortable-intention-item:hover .btn-edit-intention,.sortable-intention-item:hover .btn-delete-intention{opacity:1}.btn-edit-intention:hover{background:var(--accent-subtle);color:var(--accent)}.btn-delete-intention:hover{background:#f871711f;color:#ef4444}.intentions-empty{padding:var(--space-5);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.intentions-empty p{margin:0}@media(max-width:600px){.emoji-picker-grid{grid-template-columns:repeat(6,1fr)}.intention-form-actions{flex-direction:column}.intentions-sortable-list{max-height:40vh}}.click-schedule-overlay{position:fixed;inset:0;background:var(--panel-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;transition:opacity var(--liquid-transition-smooth);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.click-schedule-overlay.visible{opacity:1}.click-schedule-modal{background:var(--liquid-glass-bg);backdrop-filter:blur(var(--liquid-glass-blur));-webkit-backdrop-filter:blur(var(--liquid-glass-blur));border:1px solid var(--liquid-glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95);opacity:0;transition:all var(--liquid-transition-smooth)}.click-schedule-overlay.visible .click-schedule-modal{transform:scale(1);opacity:1}.click-schedule-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.click-schedule-title{font-family:var(--font-display-liquid);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:var(--space-3)}.click-schedule-close{width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--text-3xl);line-height:1;transition:all var(--duration-fast);flex-shrink:0}.click-schedule-close:hover{background:var(--bg-hover);color:var(--text-primary)}.click-schedule-close:active{transform:scale(.95)}.click-schedule-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4)}.click-schedule-field{margin-bottom:var(--space-4)}.click-schedule-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.click-schedule-input,.click-schedule-select{width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-md);font-family:var(--font-body-liquid);font-size:var(--text-base);color:var(--text-primary);transition:all var(--duration-fast);min-height:48px}.click-schedule-input:hover,.click-schedule-select:hover{border-color:var(--accent)}.click-schedule-input:focus,.click-schedule-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.click-schedule-duration-group{display:flex;align-items:center;gap:var(--space-2)}.click-schedule-duration-btn{width:48px;height:48px;padding:0;background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);transition:all var(--duration-fast);flex-shrink:0}.click-schedule-duration-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.click-schedule-duration-btn:active{transform:scale(.95)}.click-schedule-duration-input{flex:1;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-md);font-family:var(--font-body-liquid);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);text-align:center;min-height:48px}.click-schedule-duration-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.click-schedule-duration-unit{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;flex-shrink:0}.click-schedule-preview{margin-top:var(--space-5);padding:var(--space-4);background:var(--accent-subtle);border:1px solid var(--accent);border-radius:var(--radius-lg)}.click-schedule-preview-label{font-size:var(--text-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.click-schedule-preview-content{display:flex;flex-direction:column;gap:var(--space-1)}.click-schedule-preview-time{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);font-family:var(--font-display-liquid)}.click-schedule-preview-duration{font-size:var(--text-sm);color:var(--text-secondary)}.click-schedule-footer{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.click-schedule-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body-liquid);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;min-height:48px}.click-schedule-btn-cancel{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--divider)}.click-schedule-btn-cancel:hover{background:var(--bg-hover);border-color:var(--accent)}.click-schedule-btn-cancel:active{transform:scale(.98)}.click-schedule-btn-schedule{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-sm)}.click-schedule-btn-schedule:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.click-schedule-btn-schedule:active{transform:translateY(0)}@media(max-width:600px){.click-schedule-overlay{align-items:flex-end;padding:0}.click-schedule-modal{max-width:none;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;transform:translateY(100%)}.click-schedule-overlay.visible .click-schedule-modal{transform:translateY(0)}.click-schedule-header:before{content:"";position:absolute;top:var(--space-2);left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--text-tertiary);border-radius:var(--radius-full);opacity:.3}.click-schedule-header{padding-top:var(--space-6);position:relative}.click-schedule-footer{flex-direction:column}.click-schedule-btn{width:100%}}:root.dark-mode .click-schedule-modal{background:var(--panel-bg);border-color:var(--glass-border)}:root.dark-mode .click-schedule-header,:root.dark-mode .click-schedule-footer{background:var(--bg-elevated);border-color:var(--glass-border)}:root.dark-mode .click-schedule-overlay{background:var(--panel-backdrop)}:root.dark-mode .click-schedule-input,:root.dark-mode .click-schedule-select,:root.dark-mode .click-schedule-duration-input{background:var(--bg-surface);border-color:var(--glass-border)}:root.dark-mode .click-schedule-preview{background:rgba(var(--accent-rgb, 56, 189, 248),.1);border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.click-schedule-modal{transform:none!important;transition:opacity var(--duration-fast)}.click-schedule-btn-schedule:hover{transform:none}}.celebration-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.celebration-overlay.active{opacity:1;visibility:visible}.celebration-content{text-align:center;transform:scale(.8);transition:transform var(--duration-slow) var(--ease-out)}.celebration-overlay.active .celebration-content{transform:scale(1)}.celebration-emoji{font-size:var(--text-display);margin-bottom:var(--space-4);animation:bounce .6s ease-out}.celebration-icon{display:none;width:var(--space-16);height:var(--space-16);margin:0 auto var(--space-4);background:var(--accent);border-radius:50%;position:relative}.celebration-icon:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-3xl);font-weight:700;color:var(--bg-base)}body.reduce-emojis .celebration-emoji{display:none}body.reduce-emojis .celebration-icon{display:block}.celebration-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-progress) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-text{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.dark-mode .celebration-overlay{background:#000000eb}.dark-mode .celebration-title{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-progress) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:2001;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-20px;animation:confettiFall 4s ease-out forwards;will-change:transform,opacity}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%) translateY(var(--space-20));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#000000d9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);box-shadow:0 4px 16px #0000004d,0 2px 8px #0003;z-index:1500;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast.active{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.toast-icon{font-size:var(--text-lg);line-height:1;color:#fff}.toast-icon:empty{display:none}.toast-message{font-size:var(--text-sm);font-weight:500;color:#fff}.toast-actions{display:flex;gap:var(--space-2);margin-left:var(--space-2)}.toast-action{border:1px solid var(--glass-border);background:var(--surface-2);color:var(--text-primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:var(--space-10);-webkit-tap-highlight-color:transparent}.toast-action.secondary{background:transparent;color:var(--text-secondary)}.dark-mode .toast-action{background:#00000059}:root:not(.dark-mode) .toast{background:#000000e6;border-color:#ffffff26}.dark-mode .toast{background:#000000bf;border-color:#fff3}.toast-close{background:transparent;border:none;color:#fff9;line-height:1;font-size:var(--text-xl);cursor:pointer;padding:0 var(--space-1);margin-left:var(--space-2);display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast);border-radius:50%}.toast-close:hover{color:#fff;background:#ffffff1a}.review-prompt{position:fixed;bottom:var(--space-6);right:var(--space-6);background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);max-width:320px;box-shadow:var(--shadow-lg),var(--shadow-glow);z-index:100;transform:translate(calc(100% + var(--space-6)));transition:transform var(--duration-slow) var(--ease-out)}.review-prompt.active{transform:translate(0)}.review-prompt-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.review-prompt-copy{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.review-prompt-title{font-size:var(--text-base);font-weight:600;margin:0}.review-prompt-text{margin:0;font-size:var(--text-sm);opacity:.85}.review-prompt-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;min-width:160px}.review-prompt-actions .btn{flex:1 1 0}.review-section{margin-bottom:var(--space-5)}.review-section h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.review-hint{font-size:var(--text-xs);color:var(--text-ghost);margin-bottom:var(--space-2)}.review-section textarea{width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);min-height:var(--space-16);resize:vertical}.mood-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.mood-btn{min-width:var(--space-16);padding:var(--space-2);display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg-surface);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);line-height:1.2;white-space:normal}.mood-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xs)}.mood-btn.active{border-color:var(--accent);background:var(--accent-muted);color:var(--text-primary)}.review-wizard{display:flex;flex-direction:column;height:100%;max-height:80vh}.review-wizard .modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.review-stepper{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--glass-border);gap:var(--space-1);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.review-step-item{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.review-step-dot{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;background:var(--bg-elevated);border:2px solid var(--glass-border);color:var(--text-tertiary);transition:all var(--duration-normal) var(--ease-out)}.review-step-dot.active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.15);box-shadow:0 0 0 4px var(--accent-subtle)}.review-step-dot.completed{background:var(--success, #22c55e);border-color:var(--success, #22c55e);color:#fff}.review-step-connector{width:16px;height:2px;background:var(--glass-border);transition:background var(--duration-normal) var(--ease-out);flex-shrink:0}.review-step-connector.completed{background:var(--success, #22c55e)}.review-step-content{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);animation:fadeSlideIn var(--duration-normal) var(--ease-out)}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.review-step-header{text-align:center;margin-bottom:var(--space-2)}.review-step-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.review-step-subtitle{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px;margin:0 auto}.review-encouragement{font-size:var(--text-xs);color:var(--accent);text-align:center;padding:var(--space-2) var(--space-3);background:var(--accent-subtle, rgba(139, 92, 246, .1));border-radius:var(--radius-md);margin-top:var(--space-2)}.mood-selector-wizard{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) 0}.mood-btn-wizard{width:72px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-surface);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mood-btn-wizard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--text-tertiary)}.mood-btn-wizard.selected{border-color:var(--accent);background:var(--accent-subtle, rgba(139, 92, 246, .1));transform:scale(1.08);box-shadow:0 0 0 4px var(--accent-subtle, rgba(139, 92, 246, .15))}.mood-btn-wizard .mood-emoji{font-size:1.75rem;line-height:1}.mood-btn-wizard .mood-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.mood-btn-wizard.selected .mood-label{color:var(--accent)}.bullet-list-input{display:flex;flex-direction:column;gap:var(--space-3)}.bullet-item{display:flex;align-items:flex-start;gap:var(--space-3)}.bullet-marker{width:24px;height:24px;border-radius:var(--radius-full);background:var(--accent-subtle, rgba(139, 92, 246, .15));color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0;margin-top:10px}.bullet-input{flex:1;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);min-height:44px;resize:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.bullet-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .15))}.bullet-input::placeholder{color:var(--text-ghost)}.bullet-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:transparent;border:2px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast);font-size:var(--text-sm);min-height:44px}.bullet-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle, rgba(139, 92, 246, .05))}.bullet-remove-btn{background:transparent;border:none;color:var(--text-ghost);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-fast);margin-top:6px}.bullet-remove-btn:hover{color:var(--danger, #ef4444)}.bullet-count-hint{font-size:var(--text-xs);color:var(--text-ghost);text-align:center}.review-wizard-textarea{width:100%;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);min-height:120px;resize:vertical;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.review-wizard-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle, rgba(139, 92, 246, .15))}.review-wizard-textarea::placeholder{color:var(--text-ghost)}.review-optional-badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-ghost);background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-sm);margin-left:var(--space-2);vertical-align:middle}.review-wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--glass-border);background:var(--bg-elevated);gap:var(--space-3)}.review-nav-secondary{display:flex;gap:var(--space-2)}.review-nav-primary{display:flex;gap:var(--space-3)}.review-btn-back{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast)}.review-btn-back:hover{background:var(--bg-surface);border-color:var(--text-tertiary)}.review-btn-save-exit{background:transparent;border:1px solid var(--warning, #f59e0b);color:var(--warning, #f59e0b);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast)}.review-btn-save-exit:hover{background:#f59e0b1a}.review-btn-next{background:var(--accent);border:none;color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;min-width:100px;transition:all var(--duration-fast)}.review-btn-next:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.review-btn-next:disabled{opacity:.5;cursor:not-allowed}.review-completion{text-align:center;padding:var(--space-6) var(--space-4)}.review-completion-emoji{font-size:3.5rem;margin-bottom:var(--space-4);animation:celebrateBounce .6s var(--ease-out)}@keyframes celebrateBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.review-completion-title{font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,var(--success, #22c55e) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-2) 0}.review-completion-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-5) 0}.review-summary-preview{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;max-height:240px;overflow-y:auto}.review-summary-item{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border)}.review-summary-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.review-summary-label{font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;min-width:80px;flex-shrink:0}.review-summary-value{color:var(--text-primary);font-size:var(--text-sm)}.review-summary-list{list-style:none;padding:0;margin:0}.review-summary-list li{padding-left:var(--space-3);position:relative;margin-bottom:var(--space-1)}.review-summary-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.review-alignment-context{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.review-alignment-context h4{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-3) 0}.alignment-vision-item-wizard{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--glass-border)}.alignment-vision-item-wizard:last-child{border-bottom:none}.alignment-vision-indicator-wizard{font-size:var(--text-sm)}.alignment-vision-title-wizard{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.alignment-vision-gap-wizard{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-1) 0 0 0}.review-skip-confirm{background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);text-align:center}.review-skip-confirm p{color:var(--text-primary);margin:0 0 var(--space-3) 0;font-size:var(--text-sm)}.review-skip-confirm-actions{display:flex;gap:var(--space-2);justify-content:center}@media(max-width:600px){.review-stepper{padding:var(--space-3) var(--space-2);justify-content:flex-start}.review-step-dot{width:24px;height:24px;font-size:10px}.review-step-connector{width:12px}.review-step-content{padding:var(--space-4)}.review-step-title{font-size:var(--text-lg)}.mood-selector-wizard{gap:var(--space-2)}.mood-btn-wizard{width:56px;height:68px}.mood-btn-wizard .mood-emoji{font-size:1.5rem}.mood-btn-wizard .mood-label{font-size:9px}.review-wizard-footer{flex-direction:column;padding:var(--space-3)}.review-nav-secondary,.review-nav-primary{width:100%;justify-content:center}.review-nav-primary{flex-direction:column-reverse}.review-btn-next,.review-btn-back,.review-btn-save-exit{width:100%;justify-content:center}.review-completion-emoji{font-size:3rem}.review-completion-title{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){.review-step-content,.review-completion-emoji{animation:none}.mood-btn-wizard:hover,.review-btn-next:hover{transform:none}}.month-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.overview-stat{text-align:center;padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.overview-stat .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--accent)}.overview-stat .stat-label{font-size:var(--text-xs);color:var(--text-ghost);text-transform:uppercase;letter-spacing:.05em}.goals-by-status{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.status-column{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-3);min-height:180px}.status-header{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--glass-border)}.status-goals{display:flex;flex-direction:column;gap:var(--space-2)}.quick-add-goal{display:flex;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.quick-add-goal input{flex:1;padding:var(--space-3);background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.quick-add-goal select{padding:var(--space-2) var(--space-3);background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}body.focus-mode .month-card:not(.current){opacity:.25;filter:blur(2px)}.quick-add-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:5000;background:#eaf4f2b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .quick-add-overlay{background:#07110e9e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.quick-add-container{width:min(560px,100%);background:var(--surface-2);border:1px solid var(--divider);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-lg)}.dark-mode .quick-add-container{background:#0a1612b8;border:1px solid rgba(140,183,217,.14);box-shadow:0 20px 60px #000000a6}.quick-add-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.quick-add-header-text{display:flex;align-items:flex-start;gap:var(--space-3)}.quick-add-emoji{font-size:1.25rem}.quick-add-label{font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.quick-add-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.quick-add-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--space-1)}.quick-add-close:hover,.quick-add-close:focus-visible{color:var(--text-primary);outline:none}.quick-add-form{display:flex;flex-direction:column;gap:var(--space-4)}.quick-add-field{display:flex;flex-direction:column;gap:var(--space-2)}.quick-add-time-grid{display:flex;gap:var(--space-3);flex-wrap:wrap}.quick-add-time-field{flex:1;min-width:150px;display:flex;flex-direction:column;gap:var(--space-2)}.quick-add-field-label{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.quick-add-overlay input#quickAddTitleInput,.quick-add-overlay input.quick-add-time-input{width:100%;padding:var(--space-3);background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);outline:none;box-shadow:inset 0 0 0 1px #1f2d2a0f}.dark-mode .quick-add-overlay input#quickAddTitleInput,.dark-mode .quick-add-overlay input.quick-add-time-input{background:#07110e73;border:1px solid rgba(140,183,217,.16);box-shadow:inset 0 0 0 1px #8cb7d914}.quick-add-overlay input#quickAddTitleInput:focus,.quick-add-overlay input.quick-add-time-input:focus{border-color:#6f9b868c;box-shadow:0 0 0 3px var(--accent-muted)}.quick-add-vision-section{margin-top:0;padding-top:0}.quick-add-vision-section .modal-select{width:100%}.quick-add-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}body.focus-mode .month-card.current{transform:scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow)}body.focus-mode .sidebar>*:not(.now-panel){opacity:.4}.focus-reveal-zone{position:fixed;z-index:2000;background:transparent;pointer-events:none}.focus-reveal-top{top:0;left:0;right:0;height:10px}.focus-reveal-left{top:0;left:0;bottom:0;width:10px}body.focus-mode .focus-reveal-zone{pointer-events:auto}body.focus-mode .focus-handle{display:flex}.focus-handle{position:fixed;top:var(--space-3);left:var(--space-3);width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);align-items:center;justify-content:center;z-index:2100;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);opacity:.4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.focus-handle:before{content:"≡";font-size:16px;line-height:1}.focus-handle:hover,.focus-handle:focus-visible{opacity:1;color:var(--text-primary);border-color:#ffffff1f;outline:none}body.focus-mode.focus-ui-revealed .focus-handle{opacity:.9}body.focus-mode{--focus-header-height: 84px;--focus-controlbar-height: 56px}body.focus-mode .app{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}body.focus-mode .sidebar,body.focus-mode .header{position:fixed;grid-area:auto;z-index:1600}body.focus-mode .header{top:var(--space-4);left:var(--space-4);right:var(--space-4)}body.focus-mode .sidebar{top:calc(var(--space-4) + var(--focus-header-height) + var(--space-4));left:var(--space-4);bottom:var(--space-4);width:280px;max-height:calc(100vh - (var(--space-4) * 2) - var(--focus-header-height) - var(--space-4))}body.focus-mode .control-bar{position:fixed;top:calc(var(--space-4) + var(--focus-header-height) + var(--space-3));left:var(--space-4);right:var(--space-4);z-index:1550}body.focus-mode:not(.focus-ui-revealed) .header,body.focus-mode:not(.focus-ui-revealed) .control-bar{transform:translateY(-16px);opacity:0;pointer-events:none}body.focus-mode:not(.focus-ui-revealed) .sidebar{transform:translate(-16px);opacity:0;pointer-events:none}body.focus-mode .header,body.focus-mode .control-bar,body.focus-mode .sidebar{transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}body.hide-header .header{display:none}#hideHeaderBtn,.sidebar-hide-btn{opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.header:hover #hideHeaderBtn,.header:focus-within #hideHeaderBtn{opacity:1;pointer-events:auto;transform:translateY(0)}.header #hideHeaderBtn:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar:hover .sidebar-hide-btn,.sidebar:focus-within .sidebar-hide-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar .sidebar-hide-btn:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.layout-handle{position:fixed;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);align-items:center;justify-content:center;z-index:2100;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.layout-handle:before{content:"▾";font-size:16px;line-height:1}.layout-handle:hover,.layout-handle:focus-visible{color:var(--text-primary);border-color:#ffffff1f;outline:none;transform:translateY(1px)}body.focus-mode .layout-handle{display:none!important}.sidebar-handle{position:fixed;left:var(--space-3);top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;z-index:2100;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-handle:before{content:"›";font-size:18px;line-height:1}.sidebar-handle:hover,.sidebar-handle:focus-visible{color:var(--text-primary);border-color:#ffffff1f;outline:none}body.focus-mode .sidebar-handle{display:none!important}body.hide-control-bar .control-bar,body.hide-sidebar .sidebar{display:none}body.hide-sidebar .app{grid-template-columns:1fr;grid-template-areas:"header" "main"}@media(min-width:901px){body.hide-sidebar .app{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}}body.hide-now-panel .now-panel,body.focus-mode #hideHeaderBtn{display:none}.sidebar-hide-btn{width:40px;height:40px;padding:0;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);align-self:flex-end;box-shadow:none}.sidebar-hide-btn:hover{background:var(--bg-hover);color:var(--text-primary)}body.focus-mode .sidebar-hide-btn{display:none!important}@media(max-width:600px){body.focus-mode .focus-reveal-zone,body.focus-mode .focus-handle{display:none!important}body.focus-mode .app{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "sidebar"}body.focus-mode .header,body.focus-mode .control-bar,body.focus-mode .sidebar{position:static;transform:none!important;opacity:1!important;pointer-events:auto!important}:root:not(.dark-mode) body.focus-mode .sidebar{display:flex!important;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.focus-mode .sidebar-section{opacity:.85}body.focus-mode .now-panel{padding:var(--space-4)}body.focus-mode .garden-bloom{opacity:.7}body.focus-mode .time-stats{opacity:.8}}.support-panel-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);display:flex;justify-content:flex-end;align-items:stretch;z-index:2400;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out)}.support-panel-overlay.active{opacity:1;visibility:visible}.support-panel{width:min(380px,92vw);height:100%;background:linear-gradient(180deg,#fdfbf8f2,#f0e8ddeb),var(--bg-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--divider);box-shadow:-4px 0 24px #78644b14,-2px 0 8px #78644b0a;transform:translate(10px);transition:transform var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;overflow:hidden}@media(max-width:600px),(max-width:900px)and (max-height:500px)and (pointer:coarse){.support-panel-overlay{position:fixed;top:calc(var(--space-3) + var(--mobile-safe-top) + 44px + var(--space-2));right:calc(var(--space-4) + env(safe-area-inset-right,0px));left:auto;bottom:auto;width:min(320px,calc(100vw - var(--space-8)));max-height:min(500px,calc(100vh - var(--space-3) - var(--mobile-safe-top) - 44px - var(--space-4)));background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;justify-content:flex-end;align-items:flex-start;z-index:9999;opacity:0;transform:translateY(-8px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);pointer-events:none}.support-panel-overlay.active{opacity:1;transform:translateY(0);pointer-events:auto}.support-panel{width:100%;max-width:100%;height:auto;max-height:100%;border-left:none;border-top:none;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.support-panel-overlay.active .support-panel{transform:none}.support-panel-header{padding:var(--space-4);flex-shrink:0}.support-panel-body{padding:var(--space-2) var(--space-4) var(--space-4);flex:1 1 auto;min-height:0;max-height:420px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.support-panel-overlay.active .support-panel{transform:translate(0)}.support-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--divider);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.support-panel-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2}.support-panel-close{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.support-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.support-panel-close:active{opacity:.8}.support-panel-body{padding:var(--space-5);flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(107,168,169,.3) transparent;overscroll-behavior:contain}.support-panel-body::-webkit-scrollbar{width:6px}.support-panel-body::-webkit-scrollbar-track{background:transparent}.support-panel-body::-webkit-scrollbar-thumb{background:#6ba8a94d;border-radius:var(--radius-full)}.support-panel-body::-webkit-scrollbar-thumb:hover{background:#6ba8a980}.support-panel-group-label{margin:var(--space-4) 0 var(--space-2);padding:0 var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);opacity:1}.support-panel-profile-section+.support-panel-group-label{margin-top:var(--space-3)}.support-panel-section{margin-bottom:var(--space-6)}.support-panel-section:last-child{margin-bottom:0}.support-panel-section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-1);margin-bottom:var(--space-3)}.support-panel-section:first-child .support-panel-section-label{margin-top:0}body.is-mobile .support-panel-appearance-card[aria-label="Time of day theme"]{display:none}.support-panel-item{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fdfbf8d9,#f0e8dda6),var(--bg-surface);border:1px solid var(--divider);text-align:left;box-shadow:0 2px 8px #0000000a;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;margin-bottom:var(--space-3);margin-left:0;margin-right:0;box-sizing:border-box}.support-panel-item.install-available{border-color:#4a90998c;box-shadow:0 6px 20px #4a909924,0 2px 8px #0000000a;position:relative}.support-panel-item.install-available:after{content:"";position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fdfbf8b3}.support-panel-item:last-child{margin-bottom:0}.support-panel-item:hover{background:linear-gradient(135deg,#fdfbf8f2,#f0e8ddbf),var(--bg-hover);border-color:var(--accent-muted, var(--divider));box-shadow:0 4px 16px #00000014,0 2px 8px #4a90991a}.support-panel-item:active{box-shadow:0 2px 8px #0000000f}.support-panel-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.support-panel-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-subtle) 0%,var(--accent-muted) 100%);color:var(--accent);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-stroke) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent-stroke) 12%,transparent)}.support-panel-item:hover .support-panel-icon{background:var(--accent-fill);color:var(--text-on-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-stroke) 26%,transparent);border-color:color-mix(in srgb,var(--accent-stroke) 18%,transparent)}.support-panel-icon svg{width:24px!important;height:24px!important;min-width:24px;min-height:24px;max-width:24px;max-height:24px;stroke:currentColor;stroke-width:2;fill:none;transition:transform var(--duration-normal) var(--ease-out);display:block;flex-shrink:0}.support-panel-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.support-panel-name{font-weight:700;font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;line-height:1.3;transition:color var(--duration-fast) var(--ease-out)}.support-panel-item:hover .support-panel-name{color:var(--accent)}.support-panel-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;opacity:.85;transition:opacity var(--duration-fast) var(--ease-out)}.support-panel-item:hover .support-panel-desc{opacity:1;color:var(--text-primary)}.support-panel-item.primary{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:var(--shadow-md)}.support-panel-item.primary .support-panel-icon{width:48px;height:48px}.support-panel-chevron{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out)}.support-panel-item:hover .support-panel-chevron{color:var(--accent)}.support-panel-item.secondary,.support-panel-focus-toggle.secondary{opacity:.95}.support-panel-body>.support-panel-focus-toggle{margin-top:0;margin-bottom:var(--space-3)}.support-panel-item.compact{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.support-panel-item.compact .support-panel-icon.small{width:40px;height:40px}.support-panel-item.compact .support-panel-icon.small svg{width:20px;height:20px}.support-panel-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(107,168,169,.2) 20%,rgba(107,168,169,.3) 50%,rgba(107,168,169,.2) 80%,transparent 100%);margin:var(--space-5) var(--space-2);border:none}.support-panel-divider.subtle{height:1px;background:linear-gradient(90deg,transparent 0%,var(--glass-border) 50%,transparent 100%);margin:var(--space-5) 0;opacity:.5}.support-panel-collapsible-section{margin-top:0;margin-bottom:0}.support-panel-appearance-section{margin-top:0}.support-panel-section-header{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.support-panel-section-header:hover{background:var(--bg-hover)}.section-header-icon{font-size:24px;flex-shrink:0}.section-header-title{flex:1;font-weight:600;font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em}.section-header-chevron{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;transition:transform var(--duration-normal) var(--ease-out)}.support-panel-section-header[aria-expanded=true] .section-header-chevron{transform:rotate(180deg)}.support-panel-section-content{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out);padding:0;margin-top:0}.support-panel-section-content.expanded{max-height:1200px;margin-top:var(--space-3);padding-bottom:var(--space-1)}.support-panel-appearance-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);margin-top:0}.support-panel-appearance-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.time-range-config,.time-range-inputs{display:flex;flex-direction:column;gap:var(--space-3)}.time-range-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.time-range-input-group label{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.time-range-separator{text-align:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);opacity:.9}.support-panel .time-range-select{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary)}.support-panel .time-range-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.support-panel .time-range-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.time-range-hint{font-size:var(--text-sm);color:var(--text-secondary);opacity:.9;line-height:1.4}.support-panel-theme-picker{gap:var(--space-2)}.support-panel-theme-picker .theme-swatch{width:44px;height:44px}.support-panel-theme-picker .swatch-color{width:18px;height:18px}.support-panel-theme-picker .swatch-emoji{font-size:11px}.support-panel-focus-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffd9,#ffffffa6),var(--bg-surface);border:1px solid rgba(107,168,169,.2);margin-bottom:var(--space-3);box-shadow:0 2px 8px #0000000a;transition:all var(--duration-normal) var(--ease-out)}.support-panel-theme-toggle{margin-bottom:var(--space-3)}.support-panel-focus-toggle:hover{background:linear-gradient(135deg,#fffffff2,#ffffffbf),var(--bg-hover);border-color:#6ba8a94d;box-shadow:0 4px 12px #0000000f}.support-panel-focus-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);flex:1;cursor:pointer;letter-spacing:-.01em;line-height:1.4}.support-panel-focus-toggle .toggle-switch{width:48px;height:28px;flex-shrink:0}.support-panel-profile-section{padding:var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffe6,#ffffffb3),var(--bg-surface);border:1px solid rgba(107,168,169,.2);margin-bottom:var(--space-4);box-shadow:0 2px 8px #0000000a;transition:all var(--duration-normal) var(--ease-out)}.support-panel-profile-section:hover{border-color:#6ba8a94d;box-shadow:0 4px 12px #0000000f}.support-panel-profile-section .user-profile{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.support-panel-profile-section .user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);flex-shrink:0;box-shadow:0 2px 8px #4a909933,0 0 0 2px #fffc inset;border:2px solid rgba(255,255,255,.3)}.support-panel-profile-section .user-name{font-weight:700;color:var(--text-primary);font-size:var(--text-base);letter-spacing:-.01em}.support-panel-profile-section.compact{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);flex-direction:row}.support-panel-profile-section.compact .support-panel-avatar-wrapper{margin-bottom:0}.support-panel-profile-section.compact .support-panel-profile-info{text-align:left}.support-panel-profile-section.compact .user-name{font-size:var(--text-base);font-weight:600}.support-panel-avatar-wrapper{position:relative;display:flex;justify-content:center}.support-panel-profile-info{text-align:center}.support-panel-note{padding:var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--space-3)}body.support-panel-open{overflow:hidden!important}.dark-mode .support-panel{background:linear-gradient(180deg,#0a1612f2,#0a1612eb),#0a1612d9;border-left-color:#8cb7d940;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .65);--text-ghost: rgba(255, 255, 255, .5)}.dark-mode .support-panel-header{background:#0a161299;border-bottom-color:#8cb7d926}.dark-mode .support-panel-profile-section,.dark-mode .support-panel-focus-toggle,.dark-mode .support-panel-section-header,.dark-mode .support-panel-appearance-card,.dark-mode .support-panel-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05),#0a161299;border-color:#8cb7d926}.dark-mode .support-panel-profile-section.enhanced .sync-status{background:#ffffff0f;border-color:#8cb7d926}.dark-mode .support-panel-profile-section:hover,.dark-mode .support-panel-focus-toggle:hover,.dark-mode .support-panel-section-header:hover,.dark-mode .support-panel-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a),#0a1612b3;border-color:#8cb7d940}.dark-mode .support-panel-divider{background:linear-gradient(90deg,transparent 0%,rgba(140,183,217,.15) 20%,rgba(140,183,217,.25) 50%,rgba(140,183,217,.15) 80%,transparent 100%)}.dark-mode .support-panel .time-range-select{background:#ffffff0f;border-color:#8cb7d929;color:var(--text-primary)}.dark-mode .support-panel .time-range-select:focus{background:#ffffff1a;border-color:var(--accent);box-shadow:0 0 0 3px #8cb7d91f}.dark-mode .support-panel .time-range-select:focus-visible{outline-color:var(--accent)}.dark-mode .support-panel .theme-swatch,.dark-mode .support-panel .time-theme-btn{background:#ffffff0f;border-color:#8cb7d929;color:var(--text-primary)}.dark-mode .support-panel .theme-swatch:hover,.dark-mode .support-panel .theme-swatch.active{border-color:var(--swatch-color)}.dark-mode .support-panel .theme-swatch.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch-color) 30%,transparent)}.dark-mode .support-panel .time-theme-btn:hover{background:#ffffff1a;border-color:var(--accent)}.dark-mode .support-panel .time-theme-btn[aria-checked=true]{background:#8cb7d924;box-shadow:0 0 0 3px #8cb7d91f;border-color:var(--accent)}.checkbox-row{justify-content:flex-start}.checkbox-row label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.support-panel-footer{margin-top:var(--space-6);padding:var(--space-4) 0 var(--space-2);border-top:1px solid var(--glass-border);font-size:var(--text-xs);color:var(--text-tertiary);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1)}.support-panel-footer-link{color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.support-panel-footer-link:hover{color:var(--accent)}.support-panel-footer-sep{user-select:none;opacity:.6}.sync-issues-list{display:flex;flex-direction:column;gap:var(--space-3)}.sync-issue-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(107,168,169,.2);background:var(--bg-surface)}.sync-issue-title{font-weight:700;color:var(--text-primary);margin-bottom:6px;word-break:break-word}.sync-issue-meta{display:flex;flex-wrap:wrap;gap:6px}.sync-issue-meta .pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.sync-issue-actions{display:inline-flex;gap:8px;flex-shrink:0}.empty-state{padding:var(--space-6);border-radius:var(--radius-lg);border:1px dashed rgba(107,168,169,.35);color:var(--text-secondary);text-align:center}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.shortcut-section h3{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--glass-border)}.shortcut-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px var(--space-2);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);box-shadow:0 2px 0 var(--bg-base);white-space:nowrap}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:9999}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@media(min-width:768px){.toast{bottom:32px}}#auth-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:10000!important;display:flex!important;justify-content:center;align-items:center;padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}#auth-modal[hidden]{display:none!important}#auth-modal>div{background:var(--bg-surface, var(--glass-bg))!important;padding:var(--space-6)!important;border-radius:var(--radius-xl)!important;max-width:var(--container-modal)!important;width:100%!important;box-shadow:0 8px 32px #0000001f!important;border:1px solid var(--glass-border)!important;position:relative}.auth-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:40px;height:40px;border:1px solid var(--glass-border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-primary);font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.dark-mode .auth-modal-close{background:#00000059}.auth-modal-secondary{margin-top:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.auth-modal-secondary-btn{background:none;border:none;color:var(--text-secondary);text-decoration:underline;cursor:pointer;font-size:var(--text-sm);padding:var(--space-2);min-height:44px}.auth-modal-dontshow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm)}#auth-modal input[type=email],#auth-modal input[type=password]{font-size:16px!important;min-height:44px!important;width:100%!important;box-sizing:border-box!important}#auth-modal button[type=submit]{min-height:48px!important;font-size:var(--text-base)!important}#auth-modal #toggle-auth-mode{min-height:44px!important;padding:var(--space-2)!important}@media(max-width:600px){#auth-modal{padding:var(--space-3)!important}#auth-modal>div{padding:var(--space-5)!important;max-width:100%!important}#auth-modal h2{font-size:var(--text-xl)!important}#auth-modal p{font-size:var(--text-sm)!important}}.time-garden-plot{margin-top:var(--space-4);padding:var(--space-3);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.plot-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-3)}.hour-blocks,.hour-blocks-container{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.hour-block{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);cursor:default;position:relative}.hour-block.hour-past{filter:saturate(1.2) brightness(1.1);animation:bloom-complete .5s ease-out}.hour-block.hour-current{transform:scale(1.3);filter:drop-shadow(0 0 8px var(--petal));animation:bloom-pulse 2s ease-in-out infinite}.hour-block.hour-future{opacity:.5;filter:saturate(.6)}.hour-block:hover{transform:scale(1.2)}.hour-block:hover:after{content:attr(title);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);padding:6px 10px;border-radius:var(--radius-full);background:var(--surface-2, var(--bg-surface));border:1px solid rgba(31,45,42,.18);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:800;letter-spacing:.03em;white-space:nowrap;pointer-events:none;z-index:10}.hour-block:hover:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);width:10px;height:10px;background:var(--surface-2, var(--bg-surface));border-left:1px solid rgba(31,45,42,.18);border-bottom:1px solid rgba(31,45,42,.18);transform:translate(-50%) rotate(45deg);pointer-events:none;z-index:9}:root.dark-mode .hour-block:hover:after{background:#0a1612db;border-color:#ffffff1f;color:#ffffffeb}:root.dark-mode .hour-block:hover:before{background:#0a1612db;border-left-color:#ffffff1f;border-bottom-color:#ffffff1f}:root.time-dawn:not(.dark-mode) .time-garden-plot,:root.time-morning:not(.dark-mode) .time-garden-plot,:root.time-afternoon:not(.dark-mode) .time-garden-plot,:root.time-evening:not(.dark-mode) .time-garden-plot{background:#1a2b2f1f;border:1px solid rgba(26,43,47,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root.time-dawn:not(.dark-mode) .hour-block,:root.time-morning:not(.dark-mode) .hour-block,:root.time-afternoon:not(.dark-mode) .hour-block,:root.time-evening:not(.dark-mode) .hour-block{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) drop-shadow(0 0 4px rgba(255,255,255,.5))}:root.time-dawn:not(.dark-mode) .hour-block.hour-future,:root.time-morning:not(.dark-mode) .hour-block.hour-future,:root.time-afternoon:not(.dark-mode) .hour-block.hour-future,:root.time-evening:not(.dark-mode) .hour-block.hour-future{opacity:.65;filter:saturate(.7) drop-shadow(0 1px 2px rgba(0,0,0,.25))}:root.time-dawn:not(.dark-mode) .plot-label,:root.time-morning:not(.dark-mode) .plot-label,:root.time-afternoon:not(.dark-mode) .plot-label,:root.time-evening:not(.dark-mode) .plot-label{color:var(--text-primary);text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(max-width:600px){.hour-blocks,.hour-blocks-container{gap:var(--space-2);padding:0 var(--space-1);width:100%;box-sizing:border-box}.hour-block{width:44px;height:44px;font-size:28px}.hour-block.hour-current{transform:scale(1.15)}.hour-block:hover{transform:scale(1.1)}}@keyframes bloom-complete{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes bloom-pulse{0%,to{transform:scale(1.3);opacity:.9}50%{transform:scale(1.4);opacity:1}}@media(max-width:600px),(pointer:coarse){body[data-garden-quality=low] .hour-block.hour-current,body[data-garden-quality=medium] .hour-block.hour-current{filter:none;transform:scale(1.2);outline:2px solid var(--petal);outline-offset:2px;animation:none}body[data-garden-quality=low] .time-transition{animation:none!important;filter:none!important}}.now-beam{display:none!important}.time-transition{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--space-6) var(--space-8);background:var(--glass-bg);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:2px solid var(--glass-border);box-shadow:var(--shadow-xl);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);z-index:9999;opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none}.time-transition.transition-sun-intensifies{animation:sun-intensify 3s ease-out}.time-transition.transition-golden-hour{animation:golden-glow 3s ease-out;border-color:#92596166;box-shadow:var(--shadow-xl),0 0 32px #92596126}.time-transition.transition-moonrise{animation:moon-rise 3s ease-out}.time-transition.transition-dawn{animation:dawn-break 3s ease-out}.time-transition.transition-day-awakening{animation:day-awaken 3s ease-out}@keyframes sun-intensify{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes golden-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes moon-rise{0%{transform:translate(-50%,-50%) translateY(20px);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) translateY(0)}}@keyframes dawn-break{0%{opacity:0;transform:translate(-50%,-50%) translateY(8px) scale(.98)}50%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1.01)}to{opacity:0;transform:translate(-50%,-50%) translateY(-6px) scale(1)}}@keyframes day-awaken{0%{opacity:0;transform:translate(-50%,-50%) translateY(10px) scale(.98)}45%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1.02)}to{opacity:0;transform:translate(-50%,-50%) translateY(-4px) scale(1)}}.time-marker-now{position:relative;will-change:transform,opacity}.time-marker-now:after{content:"";position:absolute;inset:-10px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle,rgba(255,223,128,.35) 0%,transparent 70%);opacity:.22;transform:scale(.98);will-change:transform,opacity;animation:time-marker-pulse 2s ease-in-out infinite}@keyframes time-marker-pulse{0%,to{opacity:.22;transform:scale(.98)}50%{opacity:.44;transform:scale(1.06)}}.time-marker-upcoming{border-left:3px solid var(--accent)}.time-marker-past{opacity:.6;filter:saturate(.7)}.petal{transition:transform .5s var(--ease-out),opacity .5s var(--ease-out);transform-origin:center}.flower-stem{transition:d 1s var(--ease-out)}.flower-center{transition:filter .5s var(--ease-out)}@media(prefers-reduced-motion:reduce){.now-beam,.time-transition,.time-marker-now,.hour-block.hour-current,.hour-block.hour-past{animation:none!important}.hour-block.hour-current{transform:scale(1.1)}}.schedule-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-input,.form-select{width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out);min-height:44px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);background:var(--bg-hover);box-shadow:0 0 0 3px var(--accent-subtle)}.dark-mode .form-input,.dark-mode .form-select{background:#0a161280;border-color:#8cb7d926}.dark-mode .form-input:focus,.dark-mode .form-select:focus{background:#0a1612b3;border-color:#8cb7d966;box-shadow:0 0 0 3px #8cb7d926}.duration-control{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2)}.duration-btn{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.duration-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.duration-btn:active{transform:scale(.95)}.duration-input{width:80px;text-align:center;background:transparent;border:none;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);min-height:44px}.duration-unit{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;min-width:40px;text-align:center}.schedule-preview{background:var(--accent-subtle);border:1px solid var(--accent-muted);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.preview-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.preview-content{display:flex;flex-direction:column;gap:var(--space-1)}.preview-time{font-size:var(--text-lg);font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.preview-duration{font-size:var(--text-sm);color:var(--text-tertiary)}.field-help{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}@media(max-width:600px){.schedule-form{gap:var(--space-3)}.duration-control{padding:var(--space-3)}.duration-btn{width:48px;height:48px;min-width:48px;min-height:48px;font-size:var(--text-xl)}.duration-input{width:100px;font-size:var(--text-xl)}.schedule-preview{padding:var(--space-3)}.preview-time{font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){.duration-btn,.form-input,.form-select{transition:none!important}.duration-btn:hover,.duration-btn:active{transform:none!important}}:root.theme-teal,body.theme-teal{--accent: #1E6FB8;--accent-hover: #2563B8;--accent-muted: rgba(30, 111, 184, .18);--accent-subtle: rgba(30, 111, 184, .1);--shadow-glow: 0 0 24px rgba(30, 111, 184, .24);--shadow-glow-sm: 0 0 12px rgba(30, 111, 184, .16);--accent-button: #1E6FB8;--accent-active: #1E6FB8;--accent-border: #1E6FB8;--accent-highlight: #1E6FB8;--accent-link: #1E6FB8;--accent-badge: #1E6FB8;--accent-progress: #1E6FB8;--accent-icon: #1E6FB8}:root.theme-sky,body.theme-sky{--accent: #0EA5E9;--accent-hover: #0284C7;--accent-muted: rgba(14, 165, 233, .18);--accent-subtle: rgba(14, 165, 233, .1);--shadow-glow: 0 0 24px rgba(14, 165, 233, .24);--shadow-glow-sm: 0 0 12px rgba(14, 165, 233, .16);--accent-button: #0EA5E9;--accent-active: #0EA5E9;--accent-border: #0EA5E9;--accent-highlight: #0EA5E9;--accent-link: #0EA5E9;--accent-badge: #0EA5E9;--accent-progress: #0EA5E9;--accent-icon: #0EA5E9}:root.theme-mint,body.theme-mint{--accent: #10B981;--accent-hover: #059669;--accent-muted: rgba(16, 185, 129, .18);--accent-subtle: rgba(16, 185, 129, .1);--shadow-glow: 0 0 24px rgba(16, 185, 129, .22);--shadow-glow-sm: 0 0 12px rgba(16, 185, 129, .16);--accent-button: #10B981;--accent-active: #10B981;--accent-border: #10B981;--accent-highlight: #10B981;--accent-link: #10B981;--accent-badge: #10B981;--accent-progress: #10B981;--accent-icon: #10B981}:root.theme-sage,body.theme-sage{--accent: #3B7057;--accent-hover: #488062;--accent-muted: rgba(59, 112, 87, .18);--accent-subtle: rgba(59, 112, 87, .09);--shadow-glow: 0 0 24px rgba(59, 112, 87, .22);--shadow-glow-sm: 0 0 12px rgba(59, 112, 87, .16);--accent-button: #3B7057;--accent-active: #3B7057;--accent-border: #3B7057;--accent-highlight: #3B7057;--accent-link: #3B7057;--accent-badge: #3B7057;--accent-progress: #3B7057;--accent-icon: #3B7057}:root.theme-amber,body.theme-amber{--accent: #D96320;--accent-hover: #E87430;--accent-muted: rgba(217, 99, 32, .18);--accent-subtle: rgba(217, 99, 32, .1);--shadow-glow: 0 0 28px rgba(217, 99, 32, .28);--shadow-glow-sm: 0 0 14px rgba(217, 99, 32, .18);--accent-button: #D96320;--accent-active: #D96320;--accent-border: #D96320;--accent-highlight: #D96320;--accent-link: #D96320;--accent-badge: #D96320;--accent-progress: #D96320;--accent-icon: #D96320}:root.theme-coral,body.theme-coral{--accent: #B8472F;--accent-hover: #C85539;--accent-muted: rgba(184, 71, 47, .16);--accent-subtle: rgba(184, 71, 47, .08);--shadow-glow: 0 0 24px rgba(184, 71, 47, .22);--shadow-glow-sm: 0 0 12px rgba(184, 71, 47, .14);--accent-button: #B8472F;--accent-active: #B8472F;--accent-border: #B8472F;--accent-highlight: #B8472F;--accent-link: #B8472F;--accent-badge: #B8472F;--accent-progress: #B8472F;--accent-icon: #B8472F}:root.theme-rose,body.theme-rose{--accent: #E11D48;--accent-hover: #F43F5E;--accent-muted: rgba(225, 29, 72, .18);--accent-subtle: rgba(225, 29, 72, .1);--shadow-glow: 0 0 24px rgba(225, 29, 72, .24);--shadow-glow-sm: 0 0 12px rgba(225, 29, 72, .16);--accent-button: #E11D48;--accent-active: #E11D48;--accent-border: #E11D48;--accent-highlight: #E11D48;--accent-link: #E11D48;--accent-badge: #E11D48;--accent-progress: #E11D48;--accent-icon: #E11D48}:root.theme-violet,body.theme-violet{--accent: #6D28D9;--accent-hover: #7C3AED;--accent-muted: rgba(109, 40, 217, .18);--accent-subtle: rgba(109, 40, 217, .1);--shadow-glow: 0 0 24px rgba(109, 40, 217, .24);--shadow-glow-sm: 0 0 12px rgba(109, 40, 217, .16);--accent-button: #6D28D9;--accent-active: #6D28D9;--accent-border: #6D28D9;--accent-highlight: #6D28D9;--accent-link: #6D28D9;--accent-badge: #6D28D9;--accent-progress: #6D28D9;--accent-icon: #6D28D9}:root.theme-indigo,body.theme-indigo{--accent: #4F46E5;--accent-hover: #6366F1;--accent-muted: rgba(79, 70, 229, .18);--accent-subtle: rgba(79, 70, 229, .1);--shadow-glow: 0 0 24px rgba(79, 70, 229, .24);--shadow-glow-sm: 0 0 12px rgba(79, 70, 229, .16);--accent-button: #4F46E5;--accent-active: #4F46E5;--accent-border: #4F46E5;--accent-highlight: #4F46E5;--accent-link: #4F46E5;--accent-badge: #4F46E5;--accent-progress: #4F46E5;--accent-icon: #4F46E5}:root.dark-mode.theme-teal,:root.dark-mode body.theme-teal,body.dark-mode.theme-teal{--accent: #8CB7D9;--accent-hover: #9CC6E6;--accent-muted: rgba(140, 183, 217, .18);--accent-subtle: rgba(140, 183, 217, .1);--shadow-glow: 0 0 24px rgba(140, 183, 217, .24);--shadow-glow-sm: 0 0 12px rgba(140, 183, 217, .16);--accent-button: #8CB7D9;--accent-active: #8CB7D9;--accent-border: #8CB7D9;--accent-highlight: #8CB7D9;--accent-link: #8CB7D9;--accent-badge: #8CB7D9;--accent-progress: #8CB7D9;--accent-icon: #8CB7D9}:root.dark-mode.theme-sky,:root.dark-mode body.theme-sky,body.dark-mode.theme-sky{--accent: #7DD3FC;--accent-hover: #93C5FD;--accent-muted: rgba(125, 211, 252, .18);--accent-subtle: rgba(125, 211, 252, .1);--shadow-glow: 0 0 24px rgba(125, 211, 252, .24);--shadow-glow-sm: 0 0 12px rgba(125, 211, 252, .16);--accent-button: #7DD3FC;--accent-active: #7DD3FC;--accent-border: #7DD3FC;--accent-highlight: #7DD3FC;--accent-link: #7DD3FC;--accent-badge: #7DD3FC;--accent-progress: #7DD3FC;--accent-icon: #7DD3FC}:root.dark-mode.theme-mint,:root.dark-mode body.theme-mint,body.dark-mode.theme-mint{--accent: #6EE7B7;--accent-hover: #86EFAC;--accent-muted: rgba(110, 231, 183, .18);--accent-subtle: rgba(110, 231, 183, .1);--shadow-glow: 0 0 24px rgba(110, 231, 183, .22);--shadow-glow-sm: 0 0 12px rgba(110, 231, 183, .16);--accent-button: #6EE7B7;--accent-active: #6EE7B7;--accent-border: #6EE7B7;--accent-highlight: #6EE7B7;--accent-link: #6EE7B7;--accent-badge: #6EE7B7;--accent-progress: #6EE7B7;--accent-icon: #6EE7B7}:root.dark-mode.theme-sage,:root.dark-mode body.theme-sage,body.dark-mode.theme-sage{--accent: #6F9B86;--accent-hover: #7CAC96;--accent-muted: rgba(111, 155, 134, .18);--accent-subtle: rgba(111, 155, 134, .09);--shadow-glow: 0 0 24px rgba(111, 155, 134, .22);--shadow-glow-sm: 0 0 12px rgba(111, 155, 134, .16);--accent-button: #6F9B86;--accent-active: #6F9B86;--accent-border: #6F9B86;--accent-highlight: #6F9B86;--accent-link: #6F9B86;--accent-badge: #6F9B86;--accent-progress: #6F9B86;--accent-icon: #6F9B86}:root.dark-mode.theme-amber,:root.dark-mode body.theme-amber,body.dark-mode.theme-amber{--accent: #E77D3E;--accent-hover: #F5954E;--accent-muted: rgba(231, 125, 62, .18);--accent-subtle: rgba(231, 125, 62, .1);--shadow-glow: 0 0 28px rgba(231, 125, 62, .28);--shadow-glow-sm: 0 0 14px rgba(231, 125, 62, .18);--accent-button: #E77D3E;--accent-active: #E77D3E;--accent-border: #E77D3E;--accent-highlight: #E77D3E;--accent-link: #E77D3E;--accent-badge: #E77D3E;--accent-progress: #E77D3E;--accent-icon: #E77D3E}:root.dark-mode.theme-coral,:root.dark-mode body.theme-coral,body.dark-mode.theme-coral{--accent: #C06C52;--accent-hover: #D97B59;--accent-muted: rgba(200, 107, 74, .16);--accent-subtle: rgba(200, 107, 74, .08);--shadow-glow: 0 0 24px rgba(200, 107, 74, .22);--shadow-glow-sm: 0 0 12px rgba(200, 107, 74, .14);--accent-button: #C06C52;--accent-active: #C06C52;--accent-border: #C06C52;--accent-highlight: #C06C52;--accent-link: #C06C52;--accent-badge: #C06C52;--accent-progress: #C06C52;--accent-icon: #C06C52}:root.dark-mode.theme-rose,:root.dark-mode body.theme-rose,body.dark-mode.theme-rose{--accent: #FB7185;--accent-hover: #FCA5A5;--accent-muted: rgba(251, 113, 133, .18);--accent-subtle: rgba(251, 113, 133, .1);--shadow-glow: 0 0 24px rgba(251, 113, 133, .24);--shadow-glow-sm: 0 0 12px rgba(251, 113, 133, .16);--accent-button: #FB7185;--accent-active: #FB7185;--accent-border: #FB7185;--accent-highlight: #FB7185;--accent-link: #FB7185;--accent-badge: #FB7185;--accent-progress: #FB7185;--accent-icon: #FB7185}:root.dark-mode.theme-violet,:root.dark-mode body.theme-violet,body.dark-mode.theme-violet{--accent: #8B5CF6;--accent-hover: #9D6DF7;--accent-muted: rgba(139, 92, 246, .18);--accent-subtle: rgba(139, 92, 246, .1);--shadow-glow: 0 0 24px rgba(139, 92, 246, .24);--shadow-glow-sm: 0 0 12px rgba(139, 92, 246, .16);--accent-button: #8B5CF6;--accent-active: #8B5CF6;--accent-border: #8B5CF6;--accent-highlight: #8B5CF6;--accent-link: #8B5CF6;--accent-badge: #8B5CF6;--accent-progress: #8B5CF6;--accent-icon: #8B5CF6}:root.dark-mode.theme-indigo,:root.dark-mode body.theme-indigo,body.dark-mode.theme-indigo{--accent: #818CF8;--accent-hover: #A5B4FC;--accent-muted: rgba(129, 140, 248, .18);--accent-subtle: rgba(129, 140, 248, .1);--shadow-glow: 0 0 24px rgba(129, 140, 248, .24);--shadow-glow-sm: 0 0 12px rgba(129, 140, 248, .16);--accent-button: #818CF8;--accent-active: #818CF8;--accent-border: #818CF8;--accent-highlight: #818CF8;--accent-link: #818CF8;--accent-badge: #818CF8;--accent-progress: #818CF8;--accent-icon: #818CF8}:root.theme-rainbow,body.theme-rainbow{--accent-fill-angle: 90deg;--accent-fill: linear-gradient( var(--accent-fill-angle), #E11D48, #D96320, #F4A460, #10B981, #0EA5E9, #4F46E5, #6D28D9 );--accent-fill-gradient: var(--accent-fill);--accent-badge-fill: var(--accent-fill);--accent-stroke: #4F46E5;--accent: var(--accent-stroke);--text-on-accent: rgba(8, 23, 39, .92);--accent-hover: #6366F1;--accent-muted: rgba(79, 70, 229, .16);--accent-subtle: rgba(79, 70, 229, .08);--shadow-glow: 0 0 24px rgba(79, 70, 229, .24);--shadow-glow-sm: 0 0 12px rgba(79, 70, 229, .16);--accent-button: var(--accent-stroke);--accent-active: var(--accent-stroke);--accent-border: var(--accent-stroke);--accent-highlight: var(--accent-stroke);--accent-link: var(--accent-stroke);--accent-badge: var(--accent-stroke);--accent-progress: var(--accent-stroke);--accent-icon: var(--accent-stroke)}:root.dark-mode.theme-rainbow,:root.dark-mode body.theme-rainbow,body.dark-mode.theme-rainbow{--accent-fill-angle: 90deg;--accent-fill: linear-gradient( var(--accent-fill-angle), #FB7185, #F97316, #FDBA74, #34D399, #38BDF8, #818CF8, #A78BFA );--accent-fill-gradient: var(--accent-fill);--accent-badge-fill: var(--accent-fill);--accent-stroke: #A5B4FC;--accent: var(--accent-stroke);--accent-hover: #C7D2FE;--accent-muted: rgba(165, 180, 252, .18);--accent-subtle: rgba(165, 180, 252, .1);--shadow-glow: 0 0 24px rgba(165, 180, 252, .24);--shadow-glow-sm: 0 0 12px rgba(165, 180, 252, .16);--text-on-accent: rgba(8, 23, 39, .92);--accent-button: var(--accent-stroke);--accent-active: var(--accent-stroke);--accent-border: var(--accent-stroke);--accent-highlight: var(--accent-stroke);--accent-link: var(--accent-stroke);--accent-badge: var(--accent-stroke);--accent-progress: var(--accent-stroke);--accent-icon: var(--accent-stroke)}:root.theme-dawn,body.theme-dawn{--accent: #A78BFA;--accent-hover: #C084FC;--accent-muted: rgba(167, 139, 250, .16);--accent-subtle: rgba(167, 139, 250, .08);--shadow-glow: 0 0 24px rgba(167, 139, 250, .24);--shadow-glow-sm: 0 0 12px rgba(167, 139, 250, .16);--accent-button: #A78BFA;--accent-active: #C084FC;--accent-border: #D8B4FE;--accent-highlight: #F0ABFC;--accent-link: #9333EA;--accent-badge: #EC4899;--accent-progress: #F472B6;--accent-icon: #C084FC;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #A78BFA 0%, #EC4899 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.theme-dawn,body.dark-mode.theme-dawn{--accent: #C084FC;--accent-hover: #D8B4FE;--accent-muted: rgba(192, 132, 252, .2);--accent-subtle: rgba(192, 132, 252, .1);--shadow-glow: 0 0 24px rgba(192, 132, 252, .24);--shadow-glow-sm: 0 0 12px rgba(192, 132, 252, .16);--accent-button: #C084FC;--accent-active: #D8B4FE;--accent-border: rgba(216, 180, 254, .3);--accent-highlight: #F0ABFC;--accent-link: #D8B4FE;--accent-badge: #EC4899;--accent-progress: #F472B6;--accent-icon: #D8B4FE;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #C084FC 0%, #EC4899 100%);--accent-badge-fill: var(--accent-badge)}:root.theme-morning,body.theme-morning{--accent: #38BDF8;--accent-hover: #0EA5E9;--accent-muted: rgba(56, 189, 248, .16);--accent-subtle: rgba(56, 189, 248, .08);--shadow-glow: 0 0 24px rgba(56, 189, 248, .24);--shadow-glow-sm: 0 0 12px rgba(56, 189, 248, .16);--accent-button: #38BDF8;--accent-active: #22D3EE;--accent-border: #7DD3FC;--accent-highlight: #06B6D4;--accent-link: #0EA5E9;--accent-badge: #10B981;--accent-progress: #14B8A6;--accent-icon: #22D3EE;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #38BDF8 0%, #10B981 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.theme-morning,body.dark-mode.theme-morning{--accent: #38BDF8;--accent-hover: #7DD3FC;--accent-muted: rgba(56, 189, 248, .2);--accent-subtle: rgba(56, 189, 248, .1);--shadow-glow: 0 0 24px rgba(56, 189, 248, .24);--shadow-glow-sm: 0 0 12px rgba(56, 189, 248, .16);--accent-button: #38BDF8;--accent-active: #22D3EE;--accent-border: rgba(125, 211, 252, .3);--accent-highlight: #06B6D4;--accent-link: #7DD3FC;--accent-badge: #10B981;--accent-progress: #14B8A6;--accent-icon: #22D3EE;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #38BDF8 0%, #10B981 100%);--accent-badge-fill: var(--accent-badge)}:root.theme-afternoon,body.theme-afternoon{--accent: #FB7185;--accent-hover: #F43F5E;--accent-muted: rgba(251, 113, 133, .16);--accent-subtle: rgba(251, 113, 133, .08);--shadow-glow: 0 0 24px rgba(251, 113, 133, .24);--shadow-glow-sm: 0 0 12px rgba(251, 113, 133, .16);--accent-button: #FB7185;--accent-active: #FBBF24;--accent-border: #FCD34D;--accent-highlight: #F59E0B;--accent-link: #F43F5E;--accent-badge: #F97316;--accent-progress: #FB923C;--accent-icon: #FBBF24;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #FB7185 0%, #FBBF24 50%, #FB923C 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.theme-afternoon,body.dark-mode.theme-afternoon{--accent: #FB7185;--accent-hover: #FCD34D;--accent-muted: rgba(251, 113, 133, .2);--accent-subtle: rgba(251, 113, 133, .1);--shadow-glow: 0 0 24px rgba(251, 113, 133, .24);--shadow-glow-sm: 0 0 12px rgba(251, 113, 133, .16);--accent-button: #FB7185;--accent-active: #FBBF24;--accent-border: rgba(252, 211, 77, .3);--accent-highlight: #F59E0B;--accent-link: #FCD34D;--accent-badge: #F97316;--accent-progress: #FB923C;--accent-icon: #FBBF24;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #FB7185 0%, #FBBF24 50%, #FB923C 100%);--accent-badge-fill: var(--accent-badge)}:root.theme-evening,body.theme-evening{--accent: #a27be1;--accent-hover: #7d5cce;--accent-muted: rgba(162, 123, 225, .18);--accent-subtle: rgba(162, 123, 225, .1);--shadow-glow: 0 0 24px rgba(162, 123, 225, .24);--shadow-glow-sm: 0 0 12px rgba(162, 123, 225, .16);--accent-button: #a27be1;--accent-active: #d4a7ff;--accent-border: #c5a6ff;--accent-highlight: #ecd7ff;--accent-link: #6a49b5;--accent-badge: #a27be1;--accent-progress: #a27be1;--accent-icon: #a27be1;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #6f4ad9 0%, #a27be1 55%, #ffd8ff 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.theme-evening,body.dark-mode.theme-evening{--accent: #d78dc8;--accent-hover: #efb5de;--accent-muted: rgba(215, 141, 200, .22);--accent-subtle: rgba(215, 141, 200, .12);--shadow-glow: 0 0 24px rgba(215, 141, 200, .24);--shadow-glow-sm: 0 0 12px rgba(215, 141, 200, .16);--accent-button: #d78dc8;--accent-active: #f0c4e7;--accent-border: rgba(215, 141, 200, .35);--accent-highlight: #f7d2ef;--accent-link: #f2b7df;--accent-badge: #d78dc8;--accent-progress: #d78dc8;--accent-icon: #f7d2ef;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #a35a96 0%, #d78dc8 60%, #fff0fb 100%);--accent-badge-fill: var(--accent-badge)}:root.theme-night,body.theme-night{--accent: #1E40AF;--accent-hover: #2563EB;--accent-muted: rgba(30, 64, 175, .16);--accent-subtle: rgba(30, 64, 175, .08);--shadow-glow: 0 0 24px rgba(30, 64, 175, .24);--shadow-glow-sm: 0 0 12px rgba(30, 64, 175, .16);--accent-button: #1E40AF;--accent-active: #3B82F6;--accent-border: #60A5FA;--accent-highlight: #3B82F6;--accent-link: #2563EB;--accent-badge: #0EA5E9;--accent-progress: #06B6D4;--accent-icon: #3B82F6;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #1E40AF 0%, #06B6D4 100%);--accent-badge-fill: var(--accent-badge)}:root.dark-mode.theme-night,body.dark-mode.theme-night{--accent: #3B82F6;--accent-hover: #60A5FA;--accent-muted: rgba(59, 130, 246, .2);--accent-subtle: rgba(59, 130, 246, .1);--shadow-glow: 0 0 24px rgba(59, 130, 246, .24);--shadow-glow-sm: 0 0 12px rgba(59, 130, 246, .16);--accent-button: #3B82F6;--accent-active: #22D3EE;--accent-border: rgba(96, 165, 250, .3);--accent-highlight: #06B6D4;--accent-link: #60A5FA;--accent-badge: #0EA5E9;--accent-progress: #06B6D4;--accent-icon: #22D3EE;--accent-stroke: var(--accent-button);--accent-fill: var(--accent-button);--accent-fill-gradient: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);--accent-badge-fill: var(--accent-badge)}:root.theme-lime,body.theme-lime{--accent: #65A30D;--accent-hover: #4D7C0F;--accent-muted: rgba(101, 163, 13, .18);--accent-subtle: rgba(101, 163, 13, .1);--shadow-glow: 0 0 24px rgba(101, 163, 13, .22);--shadow-glow-sm: 0 0 12px rgba(101, 163, 13, .16);--accent-button: #65A30D;--accent-active: #65A30D;--accent-border: #65A30D;--accent-highlight: #65A30D;--accent-link: #65A30D;--accent-badge: #65A30D;--accent-progress: #65A30D;--accent-icon: #65A30D}:root.theme-emerald,body.theme-emerald{--accent: #059669;--accent-hover: #047857;--accent-muted: rgba(5, 150, 105, .18);--accent-subtle: rgba(5, 150, 105, .1);--shadow-glow: 0 0 24px rgba(5, 150, 105, .22);--shadow-glow-sm: 0 0 12px rgba(5, 150, 105, .16);--accent-button: #059669;--accent-active: #059669;--accent-border: #059669;--accent-highlight: #059669;--accent-link: #059669;--accent-badge: #059669;--accent-progress: #059669;--accent-icon: #059669}:root.theme-fuchsia,body.theme-fuchsia{--accent: #C026D3;--accent-hover: #A21CAF;--accent-muted: rgba(192, 38, 211, .18);--accent-subtle: rgba(192, 38, 211, .1);--shadow-glow: 0 0 24px rgba(192, 38, 211, .24);--shadow-glow-sm: 0 0 12px rgba(192, 38, 211, .16);--accent-button: #C026D3;--accent-active: #C026D3;--accent-border: #C026D3;--accent-highlight: #C026D3;--accent-link: #C026D3;--accent-badge: #C026D3;--accent-progress: #C026D3;--accent-icon: #C026D3}:root.theme-pink,body.theme-pink{--accent: #DB2777;--accent-hover: #BE185D;--accent-muted: rgba(219, 39, 119, .18);--accent-subtle: rgba(219, 39, 119, .1);--shadow-glow: 0 0 24px rgba(219, 39, 119, .24);--shadow-glow-sm: 0 0 12px rgba(219, 39, 119, .16);--accent-button: #DB2777;--accent-active: #DB2777;--accent-border: #DB2777;--accent-highlight: #DB2777;--accent-link: #DB2777;--accent-badge: #DB2777;--accent-progress: #DB2777;--accent-icon: #DB2777}:root.theme-cyan,body.theme-cyan{--accent: #0891B2;--accent-hover: #0E7490;--accent-muted: rgba(8, 145, 178, .18);--accent-subtle: rgba(8, 145, 178, .1);--shadow-glow: 0 0 24px rgba(8, 145, 178, .24);--shadow-glow-sm: 0 0 12px rgba(8, 145, 178, .16);--accent-button: #0891B2;--accent-active: #0891B2;--accent-border: #0891B2;--accent-highlight: #0891B2;--accent-link: #0891B2;--accent-badge: #0891B2;--accent-progress: #0891B2;--accent-icon: #0891B2}:root.theme-yellow,body.theme-yellow{--accent: #CA8A04;--accent-hover: #A16207;--accent-muted: rgba(202, 138, 4, .18);--accent-subtle: rgba(202, 138, 4, .1);--shadow-glow: 0 0 24px rgba(202, 138, 4, .24);--shadow-glow-sm: 0 0 12px rgba(202, 138, 4, .16);--accent-button: #CA8A04;--accent-active: #CA8A04;--accent-border: #CA8A04;--accent-highlight: #CA8A04;--accent-link: #CA8A04;--accent-badge: #CA8A04;--accent-progress: #CA8A04;--accent-icon: #CA8A04}:root.theme-orange,body.theme-orange{--accent: #EA580C;--accent-hover: #C2410C;--accent-muted: rgba(234, 88, 12, .18);--accent-subtle: rgba(234, 88, 12, .1);--shadow-glow: 0 0 24px rgba(234, 88, 12, .24);--shadow-glow-sm: 0 0 12px rgba(234, 88, 12, .16);--accent-button: #EA580C;--accent-active: #EA580C;--accent-border: #EA580C;--accent-highlight: #EA580C;--accent-link: #EA580C;--accent-badge: #EA580C;--accent-progress: #EA580C;--accent-icon: #EA580C}:root.dark-mode.theme-lime,:root.dark-mode body.theme-lime,body.dark-mode.theme-lime{--accent: #84CC16;--accent-hover: #A3E635;--accent-muted: rgba(132, 204, 22, .18);--accent-subtle: rgba(132, 204, 22, .1);--shadow-glow: 0 0 24px rgba(132, 204, 22, .22);--shadow-glow-sm: 0 0 12px rgba(132, 204, 22, .16);--accent-button: #84CC16;--accent-active: #84CC16;--accent-border: #84CC16;--accent-highlight: #84CC16;--accent-link: #84CC16;--accent-badge: #84CC16;--accent-progress: #84CC16;--accent-icon: #84CC16}:root.dark-mode.theme-emerald,:root.dark-mode body.theme-emerald,body.dark-mode.theme-emerald{--accent: #10B981;--accent-hover: #34D399;--accent-muted: rgba(16, 185, 129, .18);--accent-subtle: rgba(16, 185, 129, .1);--shadow-glow: 0 0 24px rgba(16, 185, 129, .22);--shadow-glow-sm: 0 0 12px rgba(16, 185, 129, .16);--accent-button: #10B981;--accent-active: #10B981;--accent-border: #10B981;--accent-highlight: #10B981;--accent-link: #10B981;--accent-badge: #10B981;--accent-progress: #10B981;--accent-icon: #10B981}:root.dark-mode.theme-fuchsia,:root.dark-mode body.theme-fuchsia,body.dark-mode.theme-fuchsia{--accent: #E879F9;--accent-hover: #F0ABFC;--accent-muted: rgba(232, 121, 249, .18);--accent-subtle: rgba(232, 121, 249, .1);--shadow-glow: 0 0 24px rgba(232, 121, 249, .24);--shadow-glow-sm: 0 0 12px rgba(232, 121, 249, .16);--accent-button: #E879F9;--accent-active: #E879F9;--accent-border: #E879F9;--accent-highlight: #E879F9;--accent-link: #E879F9;--accent-badge: #E879F9;--accent-progress: #E879F9;--accent-icon: #E879F9}:root.dark-mode.theme-pink,:root.dark-mode body.theme-pink,body.dark-mode.theme-pink{--accent: #F472B6;--accent-hover: #F9A8D4;--accent-muted: rgba(244, 114, 182, .18);--accent-subtle: rgba(244, 114, 182, .1);--shadow-glow: 0 0 24px rgba(244, 114, 182, .24);--shadow-glow-sm: 0 0 12px rgba(244, 114, 182, .16);--accent-button: #F472B6;--accent-active: #F472B6;--accent-border: #F472B6;--accent-highlight: #F472B6;--accent-link: #F472B6;--accent-badge: #F472B6;--accent-progress: #F472B6;--accent-icon: #F472B6}:root.dark-mode.theme-cyan,:root.dark-mode body.theme-cyan,body.dark-mode.theme-cyan{--accent: #22D3EE;--accent-hover: #67E8F9;--accent-muted: rgba(34, 211, 238, .18);--accent-subtle: rgba(34, 211, 238, .1);--shadow-glow: 0 0 24px rgba(34, 211, 238, .24);--shadow-glow-sm: 0 0 12px rgba(34, 211, 238, .16);--accent-button: #22D3EE;--accent-active: #22D3EE;--accent-border: #22D3EE;--accent-highlight: #22D3EE;--accent-link: #22D3EE;--accent-badge: #22D3EE;--accent-progress: #22D3EE;--accent-icon: #22D3EE}:root.dark-mode.theme-yellow,:root.dark-mode body.theme-yellow,body.dark-mode.theme-yellow{--accent: #FACC15;--accent-hover: #FDE047;--accent-muted: rgba(250, 204, 21, .18);--accent-subtle: rgba(250, 204, 21, .1);--shadow-glow: 0 0 24px rgba(250, 204, 21, .24);--shadow-glow-sm: 0 0 12px rgba(250, 204, 21, .16);--accent-button: #FACC15;--accent-active: #FACC15;--accent-border: #FACC15;--accent-highlight: #FACC15;--accent-link: #FACC15;--accent-badge: #FACC15;--accent-progress: #FACC15;--accent-icon: #FACC15}:root.dark-mode.theme-orange,:root.dark-mode body.theme-orange,body.dark-mode.theme-orange{--accent: #FB923C;--accent-hover: #FDBA74;--accent-muted: rgba(251, 146, 60, .18);--accent-subtle: rgba(251, 146, 60, .1);--shadow-glow: 0 0 24px rgba(251, 146, 60, .24);--shadow-glow-sm: 0 0 12px rgba(251, 146, 60, .16);--accent-button: #FB923C;--accent-active: #FB923C;--accent-border: #FB923C;--accent-highlight: #FB923C;--accent-link: #FB923C;--accent-badge: #FB923C;--accent-progress: #FB923C;--accent-icon: #FB923C}.theme-picker{display:flex;gap:var(--space-2);flex-wrap:wrap}.theme-swatch{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--glass-border);background:var(--bg-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all var(--duration-fast) var(--ease-out);padding:var(--space-1)}.theme-swatch:hover{border-color:var(--swatch-color);transform:scale(1.05)}.theme-swatch.active{border-color:var(--swatch-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch-color) 30%,transparent)}.theme-swatch:focus-visible{outline:2px solid var(--swatch-color);outline-offset:2px}.swatch-color{width:20px;height:20px;border-radius:var(--radius-full);background:var(--swatch-color)}.theme-swatch[data-theme=rainbow] .swatch-color{background:linear-gradient(90deg,#e11d48,#d96320,#f4a460,#10b981,#0ea5e9,#4f46e5,#6d28d9)}.theme-swatch[data-theme=rainbow]:hover,.theme-swatch[data-theme=rainbow].active{border-color:#0ea5e9;box-shadow:0 0 0 3px color-mix(in srgb,#0EA5E9 30%,transparent)}.swatch-emoji{font-size:12px;line-height:1}.time-theme-picker{display:flex;gap:var(--space-2);flex-wrap:wrap}.time-theme-btn{min-width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--glass-border);background:var(--bg-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out);padding:var(--space-2);font-size:1.25rem;color:var(--text-primary);font-weight:600;font-size:var(--text-xs)}.time-theme-btn:hover{border-color:var(--accent);transform:scale(1.05);background:var(--bg-hover)}.time-theme-btn[aria-checked=true]{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 3px var(--accent-subtle)}.time-theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.time-theme-btn[data-time=auto]{font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-3)}html.time-dawn .garden-background{background:radial-gradient(circle at 20% 20%,#fff8f0e6,#fff8f000 50%),linear-gradient(180deg,#f5eee1,#f1e4d4 65%,#f8f3ec)}html.dark-mode.time-dawn .garden-background{background:radial-gradient(circle at 20% 20%,#ffffff26,#fff0 45%),linear-gradient(180deg,#1c2437,#2c3a52 65%,#142039)}html.time-morning .garden-background{background:radial-gradient(circle at 25% 20%,#e8f4f8d9,#e8f4f800 45%),linear-gradient(180deg,#e8f4f8,#d9e7f2 55%,#f6f2eb)}html.dark-mode.time-morning .garden-background{background:radial-gradient(circle at 25% 20%,#ffffff1f,#fff0 45%),linear-gradient(180deg,#142137,#1e2f4f 55%,#0f1c2d)}html.time-afternoon .garden-background{background:radial-gradient(circle at 30% 25%,#fff8f0b3,#fff8f000 50%),linear-gradient(180deg,#fdf7ec,#f7e6cc 45%,#f1dcb4)}html.dark-mode.time-afternoon .garden-background{background:radial-gradient(circle at 30% 25%,#ffffff1a,#fff0 60%),linear-gradient(180deg,#0f1c2d,#1a2b48 55%,#0d162a)}html.time-evening .garden-background{background:radial-gradient(circle at 18% 14%,#e9ddffd9,#e9ddff00 50%),radial-gradient(circle at 80% 85%,#ffddeba6,#ffddeb00 60%),linear-gradient(180deg,#e8f1ff,#dde7ff,#e7dcff 60%,#f5e3ff 85%,#fde7f3)}html.dark-mode.time-evening .garden-background{background:radial-gradient(circle at 18% 10%,#ff95ff40,#ff95ff00 55%),radial-gradient(circle at 80% 90%,#ffcdd94d,#ffcdd900 65%),linear-gradient(180deg,#050815,#090f22,#111a35 70%,#1a1730)}html.time-night .garden-background{background:radial-gradient(circle at 50% 10%,#ffffff1f,#fff0 65%),linear-gradient(180deg,#a9b9d1,#b8c8de 55%,#dfe8f2)}html.dark-mode.time-night .garden-background{background:radial-gradient(circle at 50% 10%,#ffffff0d,#fff0 65%),linear-gradient(180deg,#050810,#0c1221 55%,#0f1a2e)}.goal-card,.day-planter,.garden-card{box-shadow:var(--shadow-length) var(--shadow-length) calc(var(--shadow-length) * 2) rgba(0,0,0,var(--shadow-opacity)),var(--shadow-sm);transition:box-shadow var(--duration-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){.goal-card,.day-planter,.garden-card{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:-40px;left:0;z-index:10000;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--text-on-accent);font-weight:600;text-decoration:none;border-radius:0 0 var(--radius-md) 0;transition:top var(--duration-fast)}.skip-link:focus{top:0;outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[role=button]:focus-visible,[role=link]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root.dark-mode :focus-visible{outline-color:var(--accent)}#aria-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-contrast:high){button,input,select,textarea,.card,.modal,.panel{border:2px solid currentColor}:focus-visible{outline:3px solid currentColor;outline-offset:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.essential-transition{transition-duration:.15s!important}}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}[role=button],[role=link],[role=tab],[role=menuitem]{cursor:pointer}[aria-disabled=true],:disabled{cursor:not-allowed;opacity:.6}@media(pointer:coarse){button,a,input[type=checkbox],input[type=radio],[role=button],[role=link],[role=tab]{min-height:48px;min-width:48px}p a,li a{min-height:auto;min-width:auto}}:root{--text-primary-fallback: #1a1a1a;--text-secondary-fallback: #4a4a4a;--bg-fallback: #ffffff}:root.dark-mode{--text-primary-fallback: #f5f5f5;--text-secondary-fallback: #d4d4d4;--bg-fallback: #1a1a1a}@media print{[aria-hidden=true]{display:block!important;visibility:visible!important;opacity:1!important}a[href]:after{content:" (" attr(href) ")";font-size:.9em;color:#666}.skip-link{display:none}}[aria-busy=true]{cursor:wait;opacity:.7}[aria-expanded=false]+[role=region],[aria-expanded=false]+[aria-labelledby]{display:none}[aria-expanded=true]+[role=region],[aria-expanded=true]+[aria-labelledby]{display:block}[aria-selected=true]{background:var(--accent-subtle);color:var(--accent)}[aria-current=page],[aria-current=step]{font-weight:600;color:var(--accent)}[aria-required=true]:after,[required]:after{content:" *";color:var(--error);font-weight:700}[aria-invalid=true],:invalid:not(:focus){border-color:var(--error);background:var(--error-subtle)}[role=alert]{padding:var(--space-3);background:var(--error-subtle);color:var(--error);border-left:3px solid var(--error);border-radius:var(--radius-sm);margin-top:var(--space-2)}[aria-busy=true]:before{content:"Loading...";position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-within-highlight:focus-within{box-shadow:0 0 0 3px var(--accent-subtle);border-color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nd-quick-actions-container{position:relative;margin-left:auto;margin-right:var(--space-4)}.nd-menu-toggle{width:40px;height:40px;padding:0;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--duration-fast) var(--ease-out);font-size:1.25rem}.nd-menu-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.nd-menu-toggle[aria-expanded=true]{background:var(--accent-muted);border-color:var(--accent)}.nd-menu-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.nd-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:100;opacity:0;transform:translateY(-8px);transition:all var(--duration-normal) var(--ease-out);pointer-events:none}.nd-dropdown:not([hidden]){opacity:1;transform:translateY(0);pointer-events:auto}.nd-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--duration-fast);box-shadow:none}.nd-dropdown-item:hover{background:var(--bg-hover)}.nd-dropdown-item:focus{outline:2px solid var(--accent);outline-offset:-2px}.nd-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-sm);font-size:1.25rem}.nd-icon svg{width:18px;height:18px;stroke:currentColor}.nd-label{display:flex;flex-direction:column;gap:2px;flex:1}.nd-label-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.nd-label-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.body-double-display{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-3);font-weight:600;box-shadow:var(--shadow-lg),var(--shadow-glow);z-index:1000;will-change:transform,opacity}.body-double-display[hidden]{display:none}.bd-icon{width:20px;height:20px;background:#0003;border-radius:50%;display:flex;align-items:center;justify-content:center}.bd-icon:before{content:"▶";font-size:10px}.bd-timer{font-family:var(--font-mono);font-size:var(--text-xl);min-width:60px;text-align:center}.bd-stop{background:#0003;border:none;color:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);cursor:pointer;font-weight:500;transition:background var(--duration-fast)}.bd-stop:hover{background:#0000004d}.body-double-display:after{content:"";position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(circle,rgba(0,193,167,.26) 0%,transparent 70%);pointer-events:none;opacity:.15;transform:scale(.98);will-change:transform,opacity;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.15;transform:scale(.98)}50%{opacity:.32;transform:scale(1.05)}}.brain-dump-intro,.body-double-intro,.dopamine-intro{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.6}.add-thought{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.add-thought textarea{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);resize:vertical;min-height:80px}.add-thought textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.brain-dump-list h3{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.brain-dump-item{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.thought-text{color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.5}.thought-actions{display:flex;gap:var(--space-2)}.body-double-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.body-double-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--bg-surface);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.body-double-option:hover{border-color:var(--accent);background:var(--accent-subtle);transform:translateY(-2px)}.body-double-option:focus{outline:2px solid var(--accent);outline-offset:2px}.bd-time{font-size:var(--text-2xl);font-weight:700;color:var(--accent)}.bd-label{font-size:var(--text-sm);color:var(--text-secondary)}.body-double-tip{background:var(--accent-subtle);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-secondary)}.body-double-tip p{margin:0}.dopamine-options{display:flex;flex-direction:column;gap:var(--space-2)}.dopamine-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%}.dopamine-option:hover{background:var(--accent-subtle);border-color:var(--accent);transform:translate(4px)}.dopamine-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent);flex-shrink:0}.dopamine-icon:before{font-size:12px;font-weight:700}.dopamine-icon[data-icon=check]:before{content:"✓"}.dopamine-icon[data-icon=target]:before{content:"◎"}.dopamine-icon[data-icon=cloud]:before{content:"○"}.dopamine-icon[data-icon=refresh]:before{content:"↻"}.dopamine-icon[data-icon=edit]:before{content:"✎"}.dopamine-icon[data-icon=award]:before{content:"★"}.dopamine-icon[data-icon=shuffle]:before{content:"⤮"}.dopamine-icon[data-icon=clock]:before{content:"◷"}.dopamine-emoji{font-size:var(--text-xl);width:32px;text-align:center}.dopamine-label{flex:1;color:var(--text-primary);font-weight:500}.dopamine-time{color:var(--text-tertiary);font-size:var(--text-sm)}.blocker-options{display:flex;flex-direction:column;gap:var(--space-2)}.blocker-option{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.blocker-option:hover{background:var(--accent-subtle);border-color:var(--accent)}.initiation-goal{color:var(--text-secondary);margin-bottom:var(--space-4)}.initiation-prompt{background:linear-gradient(135deg,var(--accent-subtle),var(--bg-surface));border:1px solid var(--accent-muted);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);text-align:center}.prompt-text{font-size:var(--text-lg);color:var(--text-primary);line-height:1.6}.initiation-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.nd-settings-body{max-height:70vh;overflow-y:auto;padding:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.appearance-modal .modal{display:flex;flex-direction:column;max-height:90vh;padding:0}.appearance-modal .modal-header{flex-shrink:0;padding:var(--space-6) var(--space-6) var(--space-4)}.appearance-modal .modal-body.nd-settings-body{flex:1;overflow-y:auto;padding:0 var(--space-6);min-height:0}.appearance-modal .modal-actions{flex-shrink:0;padding:var(--space-5) var(--space-6) var(--space-6);border-top:1px solid var(--glass-border);margin-top:var(--space-4)}.nd-settings-body::-webkit-scrollbar{width:6px}.nd-settings-body::-webkit-scrollbar-track{background:transparent}.nd-settings-body::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:3px}.settings-header{padding:var(--space-4) var(--space-6) 0;margin-bottom:var(--space-4);position:relative}.settings-header h2{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.settings-header p{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.settings-section{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--glass-border);transition:all var(--duration-normal) var(--ease-out)}.settings-section:hover{border-color:var(--accent-muted);box-shadow:var(--shadow-md)}.settings-dev-tools{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--glass-border);background:var(--bg-surface);opacity:.92}.settings-dev-tools .setting-row{margin-bottom:0}.dev-tools-btn{margin-top:var(--space-2);font-size:var(--text-xs);opacity:.9}.settings-section:last-of-type{margin-bottom:0;border-bottom:none}.settings-section h3{font-size:var(--text-sm);font-weight:600;color:var(--accent);margin:0 0 var(--space-4) 0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2)}.settings-section h3:before{content:"";display:block;width:4px;height:16px;background:var(--accent);border-radius:var(--radius-full)}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-surface);transition:all var(--duration-normal) var(--ease-out)}.setting-row:hover{background:var(--bg-hover);transform:translate(2px)}.setting-row:last-child{margin-bottom:0}.setting-label{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.setting-row label{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;display:block}.setting-description{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4;max-width:80%}.setting-control{display:flex;align-items:center;gap:var(--space-3)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-hover);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--surface-2)}.setting-row select{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.5rem 2.5rem .5rem .75rem;color:var(--text-primary);min-width:180px;font-size:var(--text-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a7f99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;transition:all var(--duration-normal) var(--ease-out)}.setting-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.theme-selector{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.theme-option{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s var(--ease-out)}.theme-option:hover{transform:scale(1.1)}.theme-option.active{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 0 0 2px var(--bg-surface)}.settings-footer{padding:var(--space-4);border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media(max-width:640px){.setting-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.setting-control{width:100%;justify-content:space-between}.setting-row select{width:100%}}@media(max-width:600px){.nd-settings-modal,.appearance-modal{align-items:stretch;justify-content:stretch;padding:0}.nd-settings-modal .modal,.appearance-modal .modal{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.nd-settings-modal .modal-header,.appearance-modal .modal-header{flex-shrink:0;padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));margin-bottom:0}.nd-settings-modal .modal-body.nd-settings-body,.appearance-modal .modal-body.nd-settings-body{flex:1;overflow-y:auto;padding:0 var(--space-4);-webkit-overflow-scrolling:touch;min-height:0}.nd-settings-modal .modal-actions,.appearance-modal .modal-actions,.nd-settings-modal .settings-footer{flex-shrink:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border);margin-top:var(--space-4)}}body.font-dyslexia{--font-sans: "Lexend", "OpenDyslexic", "Comic Sans MS", sans-serif;letter-spacing:.05em;word-spacing:.1em}body.font-dyslexia *{line-height:1.8!important}body.font-mono{--font-sans: "JetBrains Mono", "SF Mono", Monaco, monospace}body.font-readable{--font-sans: "Lexend", "Atkinson Hyperlegible", sans-serif;font-size:17px}body.spacing-relaxed{letter-spacing:.02em;word-spacing:.05em}body.spacing-relaxed p,body.spacing-relaxed li,body.spacing-relaxed label{line-height:1.8}body.spacing-dyslexia{letter-spacing:.05em;word-spacing:.1em}body.spacing-dyslexia p,body.spacing-dyslexia li,body.spacing-dyslexia label{line-height:2}body.colorblind-deuteranopia,body.colorblind-protanopia{--cat-career: #0077bb;--cat-health: #33bbee;--cat-finance: #ee7733;--cat-personal: #cc3311;--cat-creative: #009988;--success: #009988;--warning: #ee7733;--danger: #cc3311;--priority-high: #ee7733;--priority-urgent: #cc3311}body.colorblind-tritanopia{--cat-career: #332288;--cat-health: #117733;--cat-finance: #ddcc77;--cat-personal: #cc6677;--cat-creative: #aa4499;--success: #117733;--warning: #ddcc77;--danger: #cc6677}body[class*=colorblind] .goal-tag.priority-high:before{content:"▲ "}body[class*=colorblind] .goal-tag.priority-urgent:before{content:"⚠ "}body[class*=colorblind] .goal-checkbox.checked:after{content:"✓";font-size:12px;font-weight:700}body.simplified-view .affirmation-panel,body.simplified-view .achievements-panel,body.simplified-view .year-progress,body.simplified-view .streak-display,body.simplified-view .time-breakdown-details,body.simplified-view .time-breakdown-tip,body.simplified-view .month-context,body.simplified-view .goal-meta{display:none!important}body.simplified-view .month-card{min-height:auto}body.simplified-view .goal-item{padding:var(--space-2) var(--space-3)}body.simplified-view .sidebar{width:280px}*:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 6px var(--accent-muted)}@media(prefers-reduced-motion:reduce){.body-double-display{animation:none}.confetti{display:none!important}.celebration-emoji{animation:none!important}*{scroll-behavior:auto!important}}body.feedback-minimal .confetti-container,body.feedback-minimal .celebration-overlay{display:none!important}body.feedback-minimal .toast{background:var(--bg-surface);box-shadow:var(--shadow-sm)}body.reduce-emojis .streak-fire,body.reduce-emojis .celebration-emoji,body.reduce-emojis .empty-state-emoji,body.reduce-emojis .support-panel-toggle-btn .support-panel-celestial{display:none!important}body.reduce-emojis .support-panel-toggle-btn .support-panel-toggle-fallback-icon{display:inline-flex!important}body.reduce-emojis .streak-icon,body.reduce-emojis .celebration-icon{display:flex!important}body.reduce-emojis .category-filter:before,body.reduce-emojis .goal-tag:before{content:""!important}body.reduce-emojis .category-filter[data-category]:before,body.reduce-emojis [data-category]:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:var(--space-2);display:inline-block}body.reduce-emojis [data-category=career]:before{background:var(--cat-career)}body.reduce-emojis [data-category=health]:before{background:var(--cat-health)}body.reduce-emojis [data-category=finance]:before{background:var(--cat-finance)}body.reduce-emojis [data-category=personal]:before{background:var(--cat-personal)}body.reduce-emojis [data-category=creative]:before{background:var(--cat-creative)}body.reduce-emojis .goal-tag.priority-low{border-left:3px solid var(--success)}body.reduce-emojis .goal-tag.priority-medium{border-left:3px solid var(--info)}body.reduce-emojis .goal-tag.priority-high{border-left:3px solid var(--warning)}body.reduce-emojis .goal-tag.priority-urgent{border-left:3px solid var(--danger)}body.reduce-emojis .status-btn:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:var(--space-2);background:var(--status-color, var(--text-tertiary))}body.reduce-emojis .swatch-emoji{display:none}body.reduce-emojis .theme-swatch{height:40px}body.sensory-gentle *{transition-duration:var(--duration-slow)!important}body.sensory-gentle .confetti{opacity:.5}.btn,.category-filter,.zoom-btn,.year-nav-btn,.toggle-switch,.goal-checkbox,.subtask-checkbox,.achievement{min-width:44px;min-height:44px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fade-in{animation:fadeIn .5s var(--ease-out) forwards}.slide-in{animation:slideIn .4s var(--ease-out) forwards}.pulse{animation:pulse 3s infinite}.float{animation:float 4s ease-in-out infinite}.hover-scale{transition:transform .2s var(--ease-out)}.hover-scale:hover{transform:scale(1.03)}.hover-rotate{transition:transform .3s var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.loading-spinner{width:24px;height:24px;border:3px solid var(--text-ghost);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.staggered-item{opacity:0;transform:translateY(10px);animation:fadeIn .4s var(--ease-out) forwards}.staggered-item:nth-child(1){animation-delay:.1s}.staggered-item:nth-child(2){animation-delay:.2s}.staggered-item:nth-child(3){animation-delay:.3s}.staggered-item:nth-child(4){animation-delay:.4s}.staggered-item:nth-child(5){animation-delay:.5s}.calendar-grid{transform:translateZ(0);will-change:transform;transition:transform .15s ease-out}.app{overflow:hidden;transform:translateZ(0);transition:height .2s ease-out}.canvas-container{scroll-behavior:smooth;transform:translateZ(0);contain:layout paint}.mobile-tab-bar{position:fixed;transform:translateZ(0);transition:transform .2s ease-out}.mobile-tab{position:relative;transform:translateZ(0);transition:color .15s ease-out,transform .1s ease-out}.mobile-tab:active{transform:scale(.95)}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes viewFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.calendar-grid.view-transitioning{animation:viewFadeIn .2s ease-out}.calendar-grid.loading{opacity:.7;pointer-events:none}.calendar-grid.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--accent);border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-loading{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.calendar-grid,.app,.mobile-tab-bar,.mobile-tab{transition:none!important;animation:none!important}.calendar-grid.view-transitioning{animation:none!important}.mobile-tab:active{transform:none!important}}@media(max-width:600px){.calendar-grid{min-height:calc(100vh - var(--mobile-tab-bar-height) - var(--header-height))}.mobile-tab{flex-basis:0;flex-grow:1;transition:color .1s ease-out}.view-content{position:relative;transform:translateZ(0);contain:layout style paint}.calendar-grid.view-transitioning{animation:none!important;transition:none!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.calendar-grid,.mobile-tab-bar{backface-visibility:hidden;-webkit-font-smoothing:antialiased}}@media(max-memory:4gb){.calendar-grid{will-change:auto;transform:none}}:root{--mobile-safe-top: env(safe-area-inset-top, 0px);--mobile-safe-right: env(safe-area-inset-right, 0px)}@supports (padding: max(0px)){:root{--mobile-safe-top: max(env(safe-area-inset-top, 0px), 0px);--mobile-safe-right: max(env(safe-area-inset-right, 0px), 0px)}}@media(max-width:1280px){.calendar-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.year-view-container .calendar-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.month-overview,.goals-by-status{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.year-view-container .calendar-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media(max-width:767px){.year-view-container .calendar-grid{grid-template-columns:1fr}}@media(max-width:767px),(max-width:932px)and (max-height:440px)and (pointer:coarse){.pull-to-refresh{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;z-index:9998;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(140,183,217,.24);background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 28px #00000024;opacity:0;pointer-events:none;transform:translate(-50%) translateY(calc(-70px + var(--ptr-pull, 0px)));transition:opacity .18s ease,transform .18s ease}.dark-mode .pull-to-refresh{background:#0f172aa6;border-color:#8cb7d92e;box-shadow:0 12px 36px #0006}.pull-to-refresh.active{opacity:1}.pull-to-refresh .ptr-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(111,155,134,.28);border-top-color:#6f9b86d9;opacity:.95}.pull-to-refresh.loading .ptr-spinner{animation:ptr-spin .9s linear infinite}.pull-to-refresh.ready .ptr-spinner{border-top-color:#5ac878f2}.pull-to-refresh .ptr-label{font-size:13px;font-weight:650;letter-spacing:-.01em;color:var(--text-primary)}.dark-mode .pull-to-refresh .ptr-label{color:#ffffffeb}@keyframes ptr-spin{to{transform:rotate(360deg)}}}@media(max-width:1024px){.app{grid-template-columns:1fr;grid-template-areas:"header" "main" "sidebar";grid-template-rows:auto 1fr auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.control-bar{grid-template-columns:1fr;gap:var(--space-3)}.control-left,.control-center,.control-right{justify-content:center;flex-wrap:wrap}.date-display{min-width:90px}.toggle-label{display:none}.sidebar{flex-direction:row;flex-wrap:wrap;overflow-x:auto;overflow-y:visible;padding-right:0}.sidebar>*{flex:1 1 260px}.calendar-grid{grid-template-columns:repeat(2,1fr)}.header{flex-wrap:wrap}.header>.year-progress{order:10;flex-basis:100%;max-width:100%;margin-top:var(--space-2)}.btn,.view-btn,.filter-chip,.nav-btn{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4)}.theme-swatch{min-width:48px;min-height:48px}.toggle-switch{min-width:48px;min-height:28px}.sidebar{overflow-x:hidden}.week-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.week-grid{min-width:700px;grid-template-columns:repeat(7,minmax(90px,1fr))}.week-day-column{min-width:90px;min-height:150px;max-height:500px}}@media(max-width:767px),(max-width:932px)and (max-height:440px)and (pointer:coarse){input,select,textarea{font-size:16px;touch-action:manipulation}.header-mobile-support-btn,#supportPanelToggleBtnMobile{position:fixed!important;top:calc(var(--space-3) + var(--mobile-safe-top))!important;right:calc(var(--space-4) + env(safe-area-inset-right,0px))!important;left:auto!important;width:44px;height:44px;min-width:44px;min-height:44px;display:flex!important;visibility:visible!important;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 2px 8px #00000014;color:var(--text-primary);z-index:10000!important;touch-action:manipulation;transition:all var(--duration-fast) var(--ease-out);opacity:1!important;pointer-events:auto!important}.header-mobile-support-btn:hover{background:var(--surface-1);border-color:var(--glass-border);transform:scale(1.05)}.header-mobile-support-btn:active,.header-mobile-support-btn:focus-visible{background:var(--surface-1);border-color:var(--glass-border);outline:none;transform:scale(.95)}.header-mobile-support-btn .support-panel-celestial{font-size:18px;filter:none}#appLogo{position:fixed!important;top:calc(var(--space-3) + var(--mobile-safe-top))!important;left:calc(var(--space-4) + env(safe-area-inset-left,0px))!important;right:auto!important;width:44px;height:44px;min-width:44px;min-height:44px;display:flex!important;visibility:visible!important;align-items:center;justify-content:center;z-index:10000!important;padding:0;margin:0;border-radius:0;background:transparent;transition:transform var(--duration-fast) var(--ease-out);cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:1!important;pointer-events:auto!important}.mobile-header #appLogo,.header.mobile-header #appLogo,#mobileHeader #appLogo{position:fixed!important;display:flex!important;visibility:visible!important;opacity:1!important}#appLogo:active{transform:scale(.95)}#appLogo .logo-icon{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 2px 8px #00000014;padding:0;margin:0;transition:all var(--duration-fast) var(--ease-out)}#appLogo:hover .logo-icon{background:var(--surface-1);transform:scale(1.05)}#appLogo .logo-text,.mobile-header .header-actions{display:none!important}.section-toggle{min-height:44px!important;min-width:44px!important;touch-action:manipulation!important;padding:12px 16px!important;display:flex!important;align-items:center!important;font-size:var(--text-sm)!important;gap:var(--space-2)!important}body.is-mobile .section-toggle,body.mobile-home-view .section-toggle,body.mobile-garden-view .section-toggle{min-height:44px!important;min-width:44px!important;touch-action:manipulation!important}.modal input,.modal select,.modal textarea{font-size:16px!important}body{overflow-y:hidden}.header-actions .header-focus-toggle{display:none}body.mobile-date-nav-in-header .mobile-header{display:none!important}body.mobile-date-nav-in-header .header-mobile-nav,body.mobile-date-nav-in-header #headerMobileNav{position:fixed!important;top:calc(var(--space-3) + var(--mobile-safe-top))!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;visibility:visible!important;align-items:center;justify-content:center;pointer-events:none!important;z-index:10000!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;opacity:1!important;background:transparent!important;background-color:transparent!important}body.mobile-date-nav-in-header .header-mobile-nav .date-nav,body.mobile-date-nav-in-header #headerMobileNav .date-nav{position:relative;display:flex!important;visibility:visible!important;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-1);pointer-events:auto!important;z-index:10001!important;width:fit-content!important;min-width:fit-content!important;height:auto!important;min-height:44px!important;opacity:1!important;flex-shrink:0!important;background:var(--glass-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-full)!important;box-shadow:0 2px 8px #00000014!important}body.mobile-date-nav-in-header .mobile-header .logo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;padding:0;margin:0;gap:0;overflow:visible;border-radius:0;background:transparent;transition:none}body.mobile-date-nav-in-header .mobile-header .logo:hover,body.mobile-date-nav-in-header .mobile-header .logo:active{background:transparent}body.mobile-date-nav-in-header .mobile-header .logo-icon{border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 2px 8px #00000014}body.mobile-date-nav-in-header .mobile-header .header-actions{flex:0 0 auto;width:40px;min-width:40px;max-width:40px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}body.mobile-date-nav-in-header .mobile-header .logo-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;padding:0;margin:0;position:relative;flex-shrink:0;left:0;top:0;transform:none}body.mobile-date-nav-in-header .mobile-header .logo:hover .logo-icon{transform:none}body.mobile-date-nav-in-header .mobile-header .header-actions{gap:var(--space-2);width:44px;min-width:44px;max-width:44px}body.mobile-date-nav-in-header .mobile-header .header-actions button,body.mobile-date-nav-in-header .mobile-header .header-actions .support-panel-toggle-btn,body.mobile-date-nav-in-header .mobile-header .header-actions .header-more-toggle{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;padding:0;flex-shrink:0}body.mobile-date-nav-in-header .header-mobile-nav .date-nav .date-display{display:none!important}body.mobile-date-nav-in-header .control-bar{display:none!important;visibility:hidden!important;height:0!important;opacity:0!important}#appLogo{cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-header .logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-shrink:0}.mobile-header .logo-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;width:40px;height:40px;border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 2px 8px #00000014}.mobile-header .logo-icon svg{width:20px;height:20px;color:currentColor;stroke:currentColor}body.mobile-date-nav-in-header .mobile-header .logo-icon{width:40px;height:40px}.mobile-header .logo-text,body.mobile-date-nav-in-header .mobile-header .logo-text{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;opacity:0!important}.mobile-header .logo.here-logo-pulse{animation:here-logo-pulse 1.6s ease-out;box-shadow:0 0 #58849340}@keyframes here-logo-pulse{0%{box-shadow:0 0 #58849340}to{box-shadow:0 0 0 14px #58849300}}body.mobile-home-view .header-mobile-nav,body.mobile-home-view .mobile-header,body.mobile-home-view .header.mobile-header,body.mobile-home-view .header,body.mobile-date-nav-in-header .header .logo-text{display:none!important}body.mobile-home-view .app{grid-template-rows:1fr;grid-template-areas:"main";padding-top:calc(44px + var(--space-6) + var(--mobile-safe-top))}body.mobile-home-view .header .logo{display:flex!important;align-items:center!important;gap:var(--space-2)!important}body.mobile-home-view .header .logo-icon{display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;width:40px!important;height:40px!important;border-radius:var(--radius-full)!important;background:var(--glass-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;box-shadow:0 2px 8px #00000014!important}body.mobile-home-view .header .logo-icon svg{width:20px!important;height:20px!important}body.mobile-home-view .header .logo-text{display:block!important;font-size:var(--text-lg)!important;font-weight:700!important;letter-spacing:-.03em!important;font-family:var(--font-display)!important;background:linear-gradient(135deg,var(--teal) 0%,var(--sage) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}:root.time-dawn body.mobile-home-view .header .logo-text{background:linear-gradient(110deg,#b8a5d4,#d4a5b8,#e8c8b8 70%,#f0d8c8)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}:root.time-morning body.mobile-home-view .header .logo-text{background:linear-gradient(110deg,#5ba3d0,#6cb8d0,#7dcec0 70%,#98d8c8)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}:root.time-afternoon body.mobile-home-view .header .logo-text{background:linear-gradient(110deg,#4a90e2 0% 30%,#5a9b8d 80%,#f0b429 110%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}:root.time-evening body.mobile-home-view .header .logo-text{background:linear-gradient(110deg,#e87040,#f09050,#f5a860 70%,#f0c070)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}:root.time-night body.mobile-home-view .header .logo-text{background:linear-gradient(110deg,#e2e8f0 0% 40%,#94a3b8 70%,#64748b 110%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.mobile-date-nav-in-header .header-mobile-nav .date-nav{gap:var(--space-2)}body.mobile-date-nav-in-header .header-mobile-nav .nav-btn,body.mobile-date-nav-in-header #headerMobileNav .date-nav .nav-btn,body.mobile-date-nav-in-header .date-nav .nav-btn{min-width:40px;min-height:40px;width:40px;height:40px;border-radius:var(--radius-full);padding:0;display:flex!important;visibility:visible!important;align-items:center;justify-content:center;font-size:var(--text-base);background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:1!important;pointer-events:auto!important}body.mobile-date-nav-in-header .header-mobile-nav .nav-btn:hover{background:#ffffff26;transform:scale(1.05)}body.mobile-date-nav-in-header .header-mobile-nav .nav-btn:active{transform:scale(.95);background:#fff3}.dark-mode body.mobile-date-nav-in-header .header-mobile-nav .nav-btn{background:#ffffff14;border-color:#8cb7d92e;color:#e2e8f0d9}.dark-mode body.mobile-date-nav-in-header .header-mobile-nav .nav-btn:hover{background:#8cb7d91f;color:#e2e8f0f2;border-color:#8cb7d94d}body.mobile-date-nav-in-header .header-mobile-nav .today-btn,body.mobile-date-nav-in-header #headerMobileNav .date-nav .today-btn,body.mobile-date-nav-in-header .date-nav .today-btn{min-height:40px;height:40px;border-radius:var(--radius-full);padding:0 var(--space-3);font-weight:600;font-size:var(--text-sm);min-width:auto;width:auto;background:var(--accent);border-color:transparent;color:#fff;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.mobile-date-nav-in-header .header-mobile-nav .today-btn:hover{background:var(--accent-hover, var(--accent));transform:scale(1.05)}body.mobile-date-nav-in-header .header-mobile-nav .today-btn:active{transform:scale(.95)}.dark-mode body.mobile-date-nav-in-header .header-mobile-nav .today-btn{background:var(--accent);color:var(--text-on-accent, rgba(8, 23, 39, .92))}.dark-mode body.mobile-date-nav-in-header .header-mobile-nav .today-btn:hover{background:var(--accent-badge-fill);filter:brightness(1.1)}#hideHeaderBtn,#layoutHandle,#sidebarHandle,.sidebar-handle,.sidebar-hide-btn{display:none!important}.canvas-container{cursor:auto}.canvas{padding:var(--space-4)}.canvas-container{padding:0;margin:0;border-radius:0;overflow:auto}.app{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main";gap:0;padding:0;padding-top:calc(44px + var(--space-6) + var(--mobile-safe-top));height:100dvh;overflow:hidden;background:transparent!important}body.mobile-date-nav-in-header .mobile-header>.header-mobile-nav{display:none!important}body.mobile-date-nav-in-header #headerMobileNav{display:flex!important;visibility:visible!important;position:fixed!important;background:none!important;background-color:transparent!important}header.mobile-header,.header.mobile-header,#mobileHeader{background:transparent!important;background-color:transparent!important;background-image:none!important}.today-btn{padding:0 var(--space-2)}.calendar-grid{grid-template-columns:1fr}.mobile-header,.header.mobile-header,#mobileHeader,header.mobile-header,header.header.mobile-header{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:none!important;background:none!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important;overflow:hidden!important}.header{--header-height: 0;display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:none!important;background:none!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important}.header.mobile-header,.header{background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}:root:not(.dark-mode) .header.mobile-header,:root:not(.dark-mode) .header{background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}.dark-mode .header.mobile-header,.dark-mode .header{background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}:root.time-dawn:not(.dark-mode) .header.mobile-header,:root.time-dawn:not(.dark-mode) .header,:root.time-morning:not(.dark-mode) .header.mobile-header,:root.time-morning:not(.dark-mode) .header,:root.time-afternoon:not(.dark-mode) .header.mobile-header,:root.time-afternoon:not(.dark-mode) .header,:root.time-evening:not(.dark-mode) .header.mobile-header,:root.time-evening:not(.dark-mode) .header,:root.time-night .header.mobile-header,:root.time-night .header{background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}.header.mobile-header:before,.header:before{display:none!important;content:none!important;background:none!important}:root:not(.dark-mode) .header.mobile-header:before,:root:not(.dark-mode) .header:before,.dark-mode .header.mobile-header:before,.dark-mode .header:before,:root.time-dawn:not(.dark-mode) .header.mobile-header:before,:root.time-dawn:not(.dark-mode) .header:before,:root.time-morning:not(.dark-mode) .header.mobile-header:before,:root.time-morning:not(.dark-mode) .header:before,:root.time-afternoon:not(.dark-mode) .header.mobile-header:before,:root.time-afternoon:not(.dark-mode) .header:before,:root.time-evening:not(.dark-mode) .header.mobile-header:before,:root.time-evening:not(.dark-mode) .header:before,:root.time-night .header.mobile-header:before,:root.time-night .header:before{display:none!important;content:none!important;background:none!important}.mobile-header{background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}:root:not(.dark-mode) .mobile-header,.dark-mode .mobile-header,:root.time-dawn:not(.dark-mode) .mobile-header,:root.time-morning:not(.dark-mode) .mobile-header,:root.time-afternoon:not(.dark-mode) .mobile-header,:root.time-evening:not(.dark-mode) .mobile-header,:root.time-night .mobile-header{background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}.mobile-header:before,:root:not(.dark-mode) .mobile-header:before,.dark-mode .mobile-header:before,:root.time-dawn:not(.dark-mode) .mobile-header:before,:root.time-morning:not(.dark-mode) .mobile-header:before,:root.time-afternoon:not(.dark-mode) .mobile-header:before,:root.time-evening:not(.dark-mode) .mobile-header:before,:root.time-night .mobile-header:before{display:none!important;content:none!important;background:none!important}.control-bar,.header-mobile-nav,.header-mobile-nav .date-nav{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mobile-header:before{display:none!important;content:none!important}.dark-mode .mobile-header:before{display:none!important;content:none!important}.logo-text{display:none}.logo-icon{font-size:1.75rem}.header>.streak-display{display:none}.header-actions{gap:var(--space-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-more-toggle{min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1}.form-row{flex-direction:column}.modal{margin:var(--space-4);max-height:calc(100vh - var(--space-8) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--space-8) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f;padding-top:calc(var(--space-6) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.modal-overlay{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3)}.modal-title{font-size:var(--text-xl)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.modal-actions{padding:var(--space-4);gap:var(--space-3)}.modal-actions .btn{flex:1;min-height:48px;font-size:var(--text-base);font-weight:600}.control-bar{padding:var(--space-3) var(--space-4);gap:var(--space-3);justify-content:center;margin:0;border-radius:0;border-left:0;border-right:0;border-top:0;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000000a}.level-context-bar{margin:var(--space-3) var(--space-3) var(--space-3);padding:var(--space-3)}.level-context-item{min-width:100%}.control-left,.control-right{display:none}.control-center{width:100%}.date-nav{justify-content:center;gap:var(--space-3)}.nav-btn{min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.today-btn{font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4)}.date-display{font-size:var(--text-lg);font-weight:600;min-width:120px}.canvas-zoom-controls{display:none}.filter-group{display:none;width:100%}.category-filters{width:100%}.goal-meta-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.month-overview,.goals-by-status{grid-template-columns:1fr;gap:var(--space-3)}.time-breakdown-grid{gap:var(--space-3)}.time-value{font-size:var(--text-xl)}.time-unit{min-width:60px}.review-prompt{left:var(--space-3);right:var(--space-3);bottom:calc(var(--mobile-tab-bar-height, 68px) + var(--space-16) + var(--space-6));max-width:calc(100% - var(--space-6));z-index:10004}.week-grid{grid-template-columns:1fr;gap:var(--space-2);min-width:0}.week-view-container{padding:0}.week-day-column{min-width:0;min-height:140px;max-height:none;touch-action:manipulation;padding:var(--space-4)}.week-day-header{text-align:left}.week-day-jump{flex-direction:row;align-items:baseline;justify-content:flex-start;gap:var(--space-2);min-height:44px}.week-day-badge{min-width:28px;height:28px;font-size:var(--text-sm)}.week-day-goals{overflow:visible}.week-day-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.week-goal-item{min-height:56px;padding:var(--space-4)}.week-day-column:active{transform:scale(.99);background:var(--bg-hover)}.week-view{padding:var(--space-3);overflow-x:visible}.month-view{padding:var(--space-3)}.month-calendar{font-size:var(--text-xs)}.month-day{min-height:60px;padding:var(--space-1)}.day-view{padding:var(--space-4);max-width:none;margin:0}.day-view-header{margin-bottom:var(--space-5);padding:0 var(--space-2)}.day-view-subtitle{font-size:var(--text-xs)}.day-sections{gap:var(--space-5)}.day-section{padding:var(--space-4)}.day-section-unscheduled .day-section-content,.day-section-completed .day-section-content{grid-template-columns:1fr;gap:var(--space-3)}.day-goal-card{min-height:80px;padding:var(--space-4);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.day-goal-card:active{transform:scale(.98);background:var(--bg-hover)}.day-goal-checkbox{min-width:28px;min-height:28px;width:28px;height:28px}.day-land{padding:var(--space-3);border-radius:var(--radius-lg)}.day-land-topbar{margin-bottom:var(--space-3);align-items:stretch}.day-land-fence{width:100%;justify-content:space-between;flex-wrap:wrap}.day-plant-btn{width:100%;min-height:48px}.day-plot{gap:var(--space-4)}.day-seed-tray,.day-bed,.day-compost{padding:var(--space-3)}.seed-tray-header,.day-bed-header,.compost-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.seed-tray-subtitle,.day-bed-subtitle{font-size:var(--text-xs)}.day-bed-canvas{--time-gutter: 56px;padding:var(--space-2);height:auto;min-height:1008px}.bed-hour-label{font-size:var(--text-sm);padding:4px 8px}.day-goal-card.day-goal-variant-planter{padding:var(--space-2);min-height:72px}.day-goal-card.day-goal-variant-planter .day-goal-checkbox{position:absolute;top:var(--space-2);right:var(--space-2);width:22px;height:22px;margin:0}.day-goal-card.day-goal-variant-planter .day-goal-content{padding-right:34px}.day-goal-card.day-goal-variant-planter .day-goal-desc,.day-goal-card.day-goal-variant-planter .btn-zen-focus{display:none}.day-goal-card.day-goal-variant-planter .day-goal-meta{font-size:var(--text-xs);gap:var(--space-1)}.planter-resize-handle{height:20px;z-index:10}.planter-resize-handle-top{top:-10px}.planter-resize-handle-bottom{bottom:-10px}.planter-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:4px;background:currentColor;border-radius:var(--radius-xs);opacity:.3}.seed-tray-grid{grid-template-columns:1fr;gap:var(--space-3)}.day-goal-card{min-height:80px}.view-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:50px}.nd-quick-actions{display:none}.date-display{font-size:var(--text-base);min-width:100px}.fab-add{width:var(--space-16);height:var(--space-16);left:auto!important;right:var(--space-5)!important;bottom:calc(var(--mobile-tab-bar-height, 68px) + var(--space-6))!important;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);z-index:10005;position:fixed!important}.canvas-zoom-controls{display:none!important;visibility:hidden!important;pointer-events:none!important}.canvas{transform:scale(1)!important;touch-action:pan-x pan-y!important}.canvas-container{touch-action:pan-x pan-y!important}.fab-add:active{transform:scale(.94)}@media(max-width:375px){.fab-add{right:var(--space-4)!important;left:auto!important}.review-prompt{bottom:calc(var(--mobile-tab-bar-height, 68px) + var(--space-16) + var(--space-8))}}.view-switcher,.sidebar{display:none}body.mobile-home-view .sidebar{display:flex;flex-direction:column;gap:var(--space-2);grid-area:main;overflow-y:auto;overflow-x:hidden;padding:var(--space-2);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--mobile-tab-bar-height) + var(--space-2));-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;box-sizing:border-box;background:transparent!important}body.mobile-home-view .sidebar-section[data-section=affirmation],body.mobile-home-view .sidebar-section[data-section=upcoming]{display:none!important}.mobile-only{display:none}body.is-mobile .mobile-only,body.mobile-home-view .mobile-only{display:block!important}.mobile-here-group{display:flex;flex-direction:column;gap:var(--space-1)}.mobile-here-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.mobile-here-group-title{display:inline-flex;align-items:center;gap:var(--space-2)}.mobile-here-goal-item{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#ffffff0f;padding:var(--space-3);color:var(--text-primary);font-weight:600;font-size:14px;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}.dark-mode .mobile-here-goal-item{background:#ffffff0a}.mobile-here-goal-item:active{background:var(--bg-hover);transform:scale(.99)}.mobile-here-garden-empty{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) 0}body.mobile-home-view .now-panel{padding:var(--space-3) var(--space-3)!important;border-radius:var(--radius-lg)!important;margin:0 0 var(--space-2) 0!important;width:100%!important;max-width:100%!important;position:relative!important;left:0!important;box-sizing:border-box!important}body.mobile-home-view .sidebar .now-panel{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow:visible!important;flex-shrink:0!important;min-height:fit-content!important}body.mobile-home-view .now-panel-logo{display:none!important}body.mobile-home-view .sidebar-section{border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;margin-bottom:var(--space-2);width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:1;background:var(--glass-bg)!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important}body.mobile-home-view .section-toggle,body.is-mobile .section-toggle{padding:12px 16px!important;font-size:var(--text-sm);min-height:44px!important;gap:var(--space-2)}body.mobile-home-view .section-toggle-icon{font-size:.625rem}body.mobile-home-view .main-content{display:none}body.mobile-garden-view .header-mobile-nav,body.mobile-garden-view .mobile-header,body.mobile-garden-view .header.mobile-header,body.mobile-garden-view .header{display:none!important}body.mobile-garden-view .app{grid-template-rows:1fr;grid-template-areas:"main";padding-top:calc(44px + var(--space-6) + var(--mobile-safe-top))}body.mobile-garden-view .mobile-header .logo,body.mobile-garden-view .header .logo{display:flex!important;align-items:center!important;gap:var(--space-2)!important;width:auto!important;min-width:auto!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;overflow:visible!important}body.mobile-garden-view .mobile-header .logo-icon,body.mobile-garden-view .header .logo-icon{display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;position:relative!important;transform:none!important;padding:0!important;margin:0!important;flex-shrink:0!important;border-radius:var(--radius-full)!important;background:var(--glass-bg)!important;background-color:var(--glass-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;box-shadow:0 2px 8px #00000014!important;filter:none!important}body.mobile-garden-view .mobile-header .logo-text,body.mobile-garden-view .header .logo-text{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;opacity:0!important;overflow:visible!important;opacity:1!important;font-size:var(--text-lg)!important;font-weight:700!important;letter-spacing:-.03em!important;font-family:var(--font-display)!important;background:linear-gradient(135deg,var(--teal) 0%,var(--sage) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.mobile-garden-view .sidebar{display:none!important}body.mobile-garden-view .main-content{display:block!important;grid-area:main;overflow-y:auto;overflow-x:hidden;padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--mobile-tab-bar-height) + var(--space-4));-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;box-sizing:border-box}body.mobile-garden-view .garden-view-container{width:100%;max-width:100%;box-sizing:border-box;padding-inline-start:calc(var(--space-4) + env(safe-area-inset-left,0px));padding-inline-end:calc(var(--space-4) + env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:stretch}body.mobile-garden-view .garden-content{width:min(600px,100%);margin:0 auto;padding-inline:var(--space-2);display:flex;flex-direction:column;gap:var(--space-6)}body.mobile-garden-view .garden-group{width:100%;padding-inline:var(--space-3);box-sizing:border-box}body.mobile-garden-view .week-view-header.garden-header{margin:0 0 var(--space-4);text-align:center}body.mobile-garden-view .garden-reflection .week-view-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:900;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 40%,#7ec8a3 60%,var(--accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-2) 0;letter-spacing:-.04em;line-height:1.1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}body.mobile-garden-view .garden-header-subtitle{font-size:clamp(.9375rem,2.5vw,1.125rem);color:var(--text-primary);margin:var(--space-2) 0 0;font-weight:600;opacity:.85;line-height:1.6}body.mobile-garden-view .cosmic-card:before,body.mobile-garden-view .cosmic-card:after{display:none}.dark-mode .garden-header-subtitle{color:var(--text-primary);opacity:.9}@media(prefers-reduced-motion:reduce){body.mobile-garden-view .garden-reflection .week-view-title{animation:none}}.garden-mobile-hidden{display:none!important}body.mobile-garden-view .garden-section-toggle{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;min-height:56px;transition:background .2s ease;-webkit-tap-highlight-color:transparent}body.mobile-garden-view .garden-section-toggle:active{background:#ffffff14}body.mobile-garden-view .dark-mode .garden-section-toggle:active{background:#0000001f}body.mobile-garden-view .garden-section-toggle-icon{font-size:1.25rem;font-weight:900;color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0;margin-top:2px;line-height:1}body.mobile-garden-view .garden-section.collapsed .garden-section-toggle-icon{transform:rotate(-90deg)}body.mobile-garden-view .garden-section-content{max-height:5000px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:1}body.mobile-garden-view .garden-section.collapsed .garden-section-content{max-height:0;opacity:0}body.mobile-garden-view .garden-section.collapsed{background:#ffffff14;border-color:#ffffff24}body.mobile-garden-view .dark-mode .garden-section.collapsed{background:#0000001f;border-color:#ffffff14}body.mobile-garden-view .garden-section+.garden-section{margin-top:var(--space-4)}body.mobile-garden-view .garden-section[data-section-id=garden-weekly-alignment]:not(.collapsed){border-color:#6f9b8647;box-shadow:0 8px 24px #00000014}body.mobile-garden-view .dark-mode .garden-section[data-section-id=garden-weekly-alignment]:not(.collapsed){border-color:#6f9b8659;box-shadow:0 8px 24px #0000002e}body.mobile-garden-view .garden-section-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}@media(prefers-reduced-motion:reduce){body.mobile-garden-view .garden-section-content,body.mobile-garden-view .garden-section-toggle-icon{transition:none}body.mobile-garden-view .garden-section.collapsed .garden-section-content{display:none}}.app{padding-bottom:var(--mobile-tab-bar-height)}.main-content,.canvas-container,.canvas{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y}.main-content:has(.day-view-container),.main-content:has(.week-view-container){overflow-y:auto!important;overflow-x:hidden!important}.canvas-container:has(.day-view-container),.canvas-container:has(.week-view-container){overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;height:100%!important}.day-view-container,.week-view-container{min-height:100%}.canvas-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.sidebar,.modal,.support-panel-body{touch-action:pan-y}.month-card{border-radius:var(--radius-xl);padding:var(--space-4);min-height:0;box-shadow:var(--shadow-sm)}.month-card:active{transform:scale(.99)}.month-card:hover{transform:none;box-shadow:var(--shadow-sm)}.btn,.view-btn,.nav-btn,.section-toggle{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.now-date{font-size:var(--text-3xl)}.time-stat-value{font-size:var(--text-2xl)}.time-stats{padding-bottom:var(--space-1)}.month-day{min-height:70px;padding:var(--space-2)}}@media(pointer:coarse)and (min-width:768px){.header,.mobile-header,.header.mobile-header{background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important}:root:not(.dark-mode) .header,:root:not(.dark-mode) .mobile-header,:root:not(.dark-mode) .header.mobile-header,.dark-mode .header,.dark-mode .mobile-header,.dark-mode .header.mobile-header{background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important}.header:before,.mobile-header:before,.header.mobile-header:before{display:none!important;content:none!important;background:none!important}}@media(display-mode:standalone){.header,.mobile-header,.header.mobile-header{margin-top:0!important;padding-top:calc(var(--space-3) + var(--mobile-safe-top))!important;min-height:calc(56px + var(--mobile-safe-top))!important;background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}.header:before,.mobile-header:before,.header.mobile-header:before{display:none!important;content:none!important;background:none!important}.header-mobile-support-btn{top:calc(var(--space-3) + var(--mobile-safe-top))!important;right:calc(var(--space-4) + var(--mobile-safe-right))!important;left:auto!important}.app{padding-top:calc(44px + var(--space-6) + var(--mobile-safe-top))!important}.mobile-tab-bar{bottom:0!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,34px))!important}}body.standalone .header,body.standalone .mobile-header,body.standalone .header.mobile-header{margin-top:0!important;padding-top:calc(var(--space-3) + var(--mobile-safe-top))!important;min-height:calc(56px + var(--mobile-safe-top))!important;background:transparent!important;background-image:none!important;backdrop-filter:blur(20px) saturate(1.8)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;border:none!important;box-shadow:none!important}body.standalone .header:before,body.standalone .mobile-header:before,body.standalone .header.mobile-header:before{display:none!important;content:none!important;background:none!important}body.standalone .header-mobile-support-btn{top:calc(var(--space-3) + var(--mobile-safe-top))!important;right:calc(var(--space-4) + var(--mobile-safe-right))!important;left:auto!important}body.standalone .app{padding-top:calc(44px + var(--space-6) + var(--mobile-safe-top))!important}body.standalone .mobile-tab-bar{bottom:var(--space-4)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.mobile-tab-bar{display:none}@media(max-width:767px),(max-width:932px)and (max-height:440px)and (pointer:coarse){.mobile-tab-bar{position:fixed!important;bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))!important;left:var(--space-4)!important;right:var(--space-4)!important;display:flex!important;justify-content:space-around!important;align-items:center!important;height:64px!important;padding:0 var(--space-2)!important;background:#fdfbf8e6!important;backdrop-filter:blur(24px) saturate(1.8)!important;-webkit-backdrop-filter:blur(24px) saturate(1.8)!important;border:1.5px solid var(--accent-stroke)!important;border-radius:var(--radius-full)!important;z-index:9999!important;isolation:isolate!important;box-sizing:border-box!important;box-shadow:0 8px 32px #78644b1f,0 0 0 1px #78644b0d inset!important}.dark-mode .mobile-tab-bar{background:var(--glass-bg)!important;border-color:var(--accent-stroke)!important;backdrop-filter:blur(24px) saturate(1.8)!important;-webkit-backdrop-filter:blur(24px) saturate(1.8)!important;box-shadow:0 8px 32px #0000001f,0 0 0 1px #ffffff0d inset!important}.mobile-tab{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;margin:4px!important;padding:0!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;min-height:48px!important;max-width:60px!important;border-radius:var(--radius-full)!important;-webkit-tap-highlight-color:transparent!important}.mobile-tab.active{color:var(--text-primary)!important;background:var(--surface-1)!important}.mobile-tab:hover:not(.active){color:var(--text-primary)!important;background:var(--bg-hover)!important}.dark-mode .mobile-tab{color:#fff9!important}.dark-mode .mobile-tab.active{color:#fff!important;background:#ffffff1a!important}.dark-mode .mobile-tab:hover:not(.active){color:#ffffffe6!important}.mobile-tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mobile-tab-icon svg{width:20px;height:20px;stroke-width:2.2;stroke:currentColor}.mobile-tab-label{display:none!important}.body-double-display{bottom:calc(var(--mobile-tab-bar-height) + var(--space-6));border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f}.toast{bottom:calc(var(--mobile-tab-bar-height) + var(--space-6));left:var(--space-4);right:var(--space-4);transform:translateY(100px);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;max-width:none}.toast.active{transform:translateY(0)}}@media print{body{background:#fafcfb;color:#000}.sidebar,.header,.control-bar,.modal-overlay,.toast,.confetti-container,.review-prompt{display:none!important}.app{display:block}.month-card{break-inside:avoid;page-break-inside:avoid;background:#f2f7f6;border:1px solid rgba(0,0,0,.1)}}.zen-focus-overlay{position:fixed;inset:0;background:var(--bg-base);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-8);animation:fadeIn var(--duration-normal)}.zen-focus-container{width:800px;max-width:100%;margin:0 auto;position:relative;text-align:center}.zen-close-btn{position:fixed;top:var(--space-8);right:var(--space-8);background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-secondary);width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all var(--duration-fast)}.zen-close-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.zen-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-10)}.zen-level-badge{padding:var(--space-1) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.zen-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-6);color:var(--text-primary)}.zen-desc{font-size:1.25rem;color:var(--text-secondary);max-width:var(--container-narrow);margin:0 auto var(--space-12);line-height:1.6}.zen-subtasks{max-width:500px;margin:0 auto var(--space-12);text-align:left}.zen-subtasks h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-4)}.zen-subtask-list{display:flex;flex-direction:column;gap:var(--space-3)}.zen-subtask-item{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--duration-fast)}.zen-subtask-item:hover{background:var(--bg-hover);border-color:var(--accent-muted)}.zen-subtask-checkbox{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:6px;flex-shrink:0}.zen-subtask-item.done{opacity:.5}.zen-subtask-item.done .zen-subtask-checkbox{background:var(--success);border-color:var(--success)}.zen-footer{padding-top:var(--space-8)}.zen-complete-btn{padding:var(--space-4) var(--space-10);background:var(--accent);color:#121218;font-weight:600;font-size:1.1rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--duration-normal)}.zen-complete-btn:hover{transform:scale(1.05);background:var(--accent-hover)}.zen-complete-btn.completed{background:var(--success)}.zen-focus-overlay{letter-spacing:.01em}.zen-title{text-rendering:optimizeLegibility}.sound-controls{margin-top:var(--space-4);padding:var(--space-3);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.sound-toggle{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;transition:background var(--duration-fast) var(--ease-out)}.sound-toggle:hover{background:var(--bg-hover)}.sound-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.sound-icon{font-size:20px}.sound-volume-container{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sound-slider{flex:1;height:44px;border-radius:var(--radius-full);background:transparent;outline:none;-webkit-appearance:none;appearance:none;position:relative}.sound-slider:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:var(--bg-hover);border-radius:var(--radius-full);transform:translateY(-50%);pointer-events:none}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:44px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);box-shadow:0 0 0 12px #ffffffe6}.sound-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sound-slider::-moz-range-thumb{width:44px;height:44px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);box-shadow:0 0 0 12px #ffffffe6}.sound-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:35px;text-align:right}@media(max-width:600px){.sound-controls{margin-top:var(--mobile-space-5);padding:var(--space-4)}.sound-toggle{padding:var(--space-4);gap:var(--space-3);font-size:var(--text-base);font-weight:600;min-height:52px}.sound-icon{font-size:24px}.time-garden-plot{margin-top:var(--mobile-space-5);padding:var(--space-4)}.plot-label{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.hour-blocks{gap:var(--space-4)}.sun,.moon{font-size:32px;pointer-events:none}.garden-backdrop,.garden-midground{transform:none!important}}.glassPanel{background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);border-radius:var(--glass-panel-border-radius);box-shadow:var(--glass-panel-shadow);backdrop-filter:blur(var(--glass-panel-blur));-webkit-backdrop-filter:blur(var(--glass-panel-blur));position:relative;overflow:hidden;isolation:isolate}.glassPanel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 45%);opacity:.1;pointer-events:none}.glassButton{background:var(--glass-button-bg);border:1px solid var(--glass-button-border);box-shadow:var(--glass-button-shadow),0 0 20px var(--glass-button-glow);color:var(--text-on-accent);border-radius:var(--glass-panel-border-radius);padding:var(--space-3) var(--space-8);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);backdrop-filter:blur(calc(var(--glass-panel-blur) + 2px));-webkit-backdrop-filter:blur(calc(var(--glass-panel-blur) + 2px));transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;text-decoration:none;letter-spacing:.01em}.glassButton:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% -20%,color-mix(in srgb,var(--glass-button-glow) 80%,rgba(255,255,255,.4)),transparent 55%);opacity:0;transition:opacity .4s ease;pointer-events:none}.glassButton:hover{transform:translateY(-1px) scale(1.01);box-shadow:var(--glass-button-shadow),0 0 32px var(--glass-button-glow)}.glassButton:hover:after{opacity:.35}.glassPill{background:var(--glass-pill-bg);border:1px solid var(--glass-pill-border);box-shadow:var(--glass-pill-shadow);border-radius:var(--glass-panel-border-radius);padding:var(--space-2) var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);backdrop-filter:blur(var(--glass-panel-blur));-webkit-backdrop-filter:blur(var(--glass-panel-blur));color:var(--text-primary);font-weight:600;letter-spacing:.02em;transition:transform .3s ease,border-color .3s ease}.glassPill:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--glass-panel-border) 70%,rgba(255,255,255,.6))}.support-panel-overlay{background:linear-gradient(135deg,#0a1a0f66,#1a361f99);backdrop-filter:blur(12px);animation:overlay-bloom .4s cubic-bezier(.34,1.56,.64,1)}@keyframes overlay-bloom{0%{opacity:0}to{opacity:1}}.support-panel{background:linear-gradient(160deg,#fffffff2,#f8fcfaeb);border-radius:24px 0 0 24px;border:none;border-left:4px solid var(--accent);box-shadow:-8px 0 40px #0000001f,-2px 0 8px #5a9b8d14,inset 2px 0 #ffffff80;animation:panel-slide-in .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.support-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top,rgba(var(--accent-rgb, 90, 155, 141),.08) 0%,transparent 70%);pointer-events:none}@keyframes panel-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.support-panel-header{background:transparent;padding:var(--space-6) var(--space-5);border-bottom:2px solid rgba(90,155,141,.12);position:relative}.support-panel-header:after{content:"🌿";position:absolute;right:60px;top:50%;transform:translateY(-50%);font-size:28px;opacity:.3}.support-panel-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin:0}.support-panel-close{width:40px;height:40px;border-radius:12px;background:rgba(var(--accent-rgb, 90, 155, 141),.08);border:none;font-size:24px;color:var(--text-secondary);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.support-panel-close:hover{background:rgba(var(--accent-rgb, 90, 155, 141),.15);transform:rotate(90deg) scale(1.1);color:var(--accent)}.support-panel-profile-section{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,rgba(var(--accent-rgb, 90, 155, 141),.06),rgba(var(--accent-rgb, 90, 155, 141),.02));border-radius:16px;margin:0 0 var(--space-4);border:1px solid rgba(var(--accent-rgb, 90, 155, 141),.15)}.user-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-active) 100%);color:#fff;font-weight:600;font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--accent-rgb, 90, 155, 141),.3);position:relative}.user-avatar:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-active));z-index:-1;opacity:.2;filter:blur(8px)}.support-panel-item{width:100%;box-sizing:border-box;padding:var(--space-4) var(--space-5);margin:0 0 var(--space-3);background:var(--card-bg);border:2px solid transparent;border-radius:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.support-panel-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb, 90, 155, 141),.1),transparent);transition:left .5s ease}.support-panel-item:hover:before{left:100%}.support-panel-item:hover{background:var(--surface-2);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 24px rgba(var(--accent-rgb, 90, 155, 141),.15),0 0 0 4px rgba(var(--accent-rgb, 90, 155, 141),.05)}.support-panel-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-active) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--accent-rgb, 90, 155, 141),.25)}.support-panel-icon svg{width:22px;height:22px}.support-panel-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em}.support-panel-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.support-panel-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--accent-rgb, 90, 155, 141),.2) 50%,transparent 100%);margin:var(--space-3) 0;position:relative}.support-panel-divider:after{content:"✿";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-surface);padding:0 var(--space-2);color:var(--accent);font-size:12px;opacity:.6}.toggle-switch{width:52px;height:28px;border-radius:20px;background:#00000014;border:none;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);box-shadow:0 2px 8px #00000026;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toggle-switch[aria-checked=true]{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-active) 100%);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 90, 155, 141),.15)}.toggle-switch[aria-checked=true]:before{left:27px;transform:rotate(360deg)}.modal-overlay{backdrop-filter:blur(16px);animation:overlay-bloom .3s ease-out}:root:not(.dark-mode) .modal-overlay{background:linear-gradient(135deg,#8cb7d938,#eaf4f2eb)}.dark-mode .modal-overlay{background:linear-gradient(135deg,#0a1a0f99,#1a361fcc)}.modal{background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-1) 100%);border-radius:28px;border:none;box-shadow:0 20px 60px #0003,0 0 0 1px #1f2d2a14,inset 0 1px #fafcfbb3;animation:modal-bloom .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,var(--accent-subtle) 0%,transparent 70%);pointer-events:none}@keyframes modal-bloom{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:var(--space-6);border-bottom:2px solid var(--accent-muted);background:linear-gradient(to bottom,var(--accent-subtle) 0%,transparent 100%)}.modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin:0;position:relative;display:inline-block}.modal-title:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%);border-radius:2px}.modal-close{width:40px;height:40px;border-radius:12px;background:var(--accent-muted);border:none;color:var(--text-secondary);font-size:24px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.modal-close:hover{background:rgba(var(--accent-rgb, 90, 155, 141),.15);transform:rotate(90deg) scale(1.1);color:var(--accent)}:root.time-dawn:not(.dark-mode) .modal,:root.time-morning:not(.dark-mode) .modal,:root.time-afternoon:not(.dark-mode) .modal,:root.time-evening:not(.dark-mode) .modal{background:linear-gradient(160deg,rgba(var(--accent-rgb, 90, 155, 141),.12),rgba(var(--accent-rgb, 90, 155, 141),.08),#f2f7f6eb);border:1px solid rgba(var(--accent-rgb, 90, 155, 141),.18);box-shadow:0 18px 54px #1a2b2f24,0 0 0 1px rgba(var(--accent-rgb, 90, 155, 141),.1),inset 0 1px #fafcfb8c}:root.time-dawn:not(.dark-mode) .modal-overlay,:root.time-morning:not(.dark-mode) .modal-overlay,:root.time-afternoon:not(.dark-mode) .modal-overlay,:root.time-evening:not(.dark-mode) .modal-overlay{background:linear-gradient(135deg,rgba(var(--accent-rgb, 90, 155, 141),.22),#1f2d2a66)}:root.time-dawn:not(.dark-mode) .modal-header,:root.time-morning:not(.dark-mode) .modal-header,:root.time-afternoon:not(.dark-mode) .modal-header,:root.time-evening:not(.dark-mode) .modal-header{background:linear-gradient(to bottom,rgba(var(--accent-rgb, 90, 155, 141),.15) 0%,transparent 100%)}:root.dark-mode.time-dawn .modal,:root.dark-mode.time-morning .modal,:root.dark-mode.time-afternoon .modal,:root.dark-mode.time-evening .modal{background:linear-gradient(160deg,#111e2df2,#0b1624fa);border:1px solid rgba(140,183,217,.2);box-shadow:0 20px 60px #00000073,0 0 0 1px #8cb7d91f,inset 0 1px #8cb7d914}:root.dark-mode.time-dawn .modal-overlay,:root.dark-mode.time-morning .modal-overlay,:root.dark-mode.time-afternoon .modal-overlay,:root.dark-mode.time-evening .modal-overlay{background:linear-gradient(135deg,#0b1624bf,#111e2dd9)}:root.dark-mode.time-dawn .modal-header,:root.dark-mode.time-morning .modal-header,:root.dark-mode.time-afternoon .modal-header,:root.dark-mode.time-evening .modal-header{background:linear-gradient(to bottom,rgba(140,183,217,.12) 0%,transparent 100%);border-bottom-color:#8cb7d92e}:root.dark-mode.time-dawn .modal:before,:root.dark-mode.time-morning .modal:before,:root.dark-mode.time-afternoon .modal:before,:root.dark-mode.time-evening .modal:before{background:radial-gradient(circle,rgba(140,183,217,.12) 0%,transparent 70%)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-active) 100%);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-weight:600;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb, 90, 155, 141),.3),0 0 rgba(var(--accent-rgb, 90, 155, 141),.4);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(var(--accent-rgb, 90, 155, 141),.4),0 0 0 6px rgba(var(--accent-rgb, 90, 155, 141),.1)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{background:transparent;border:2px solid rgba(var(--accent-rgb, 90, 155, 141),.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);color:var(--text-primary);font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-ghost:hover{background:rgba(var(--accent-rgb, 90, 155, 141),.08);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.affirmation-panel{background:linear-gradient(135deg,#ffffffe6,rgba(var(--accent-rgb, 90, 155, 141),.05));border-radius:20px;border:2px solid rgba(var(--accent-rgb, 90, 155, 141),.2);padding:var(--space-5);box-shadow:0 8px 24px #00000014,inset 0 1px #fffc;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden}.affirmation-panel:before{content:"✨";position:absolute;top:12px;right:12px;font-size:20px;opacity:.3;transition:all .3s ease}.affirmation-panel:hover:before{transform:rotate(20deg) scale(1.2);opacity:.6}.affirmation-panel:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 12px 32px rgba(var(--accent-rgb, 90, 155, 141),.2),0 0 0 4px rgba(var(--accent-rgb, 90, 155, 141),.1);border-color:var(--accent)}.achievements-panel{background:linear-gradient(160deg,#fff9,rgba(var(--accent-rgb, 90, 155, 141),.03));border-radius:16px;padding:var(--space-4);border:1px solid rgba(var(--accent-rgb, 90, 155, 141),.15)}.achievement-badge{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-active) 100%);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px rgba(var(--accent-rgb, 90, 155, 141),.3),0 0 0 3px #ffffff80,0 0 0 5px rgba(var(--accent-rgb, 90, 155, 141),.2);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.achievement-badge:hover{transform:rotate(12deg) scale(1.15);box-shadow:0 8px 20px rgba(var(--accent-rgb, 90, 155, 141),.4),0 0 0 3px #fffc,0 0 0 6px rgba(var(--accent-rgb, 90, 155, 141),.3)}.mobile-bottom-bar{background:linear-gradient(to top,#fffffff2,#f8fcfaeb);border-top:3px solid rgba(var(--accent-rgb, 90, 155, 141),.2);box-shadow:0 -4px 24px #00000014,inset 0 1px #fffc}.mobile-bottom-bar button{position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mobile-bottom-bar button:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--accent);border-radius:0 0 3px 3px;opacity:0;transition:opacity .3s ease}.mobile-bottom-bar button.active:after{opacity:1}.mobile-bottom-bar button.active{color:var(--accent);transform:translateY(-4px)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border:1px solid rgba(var(--accent-rgb, 90, 155, 141),.16);border-radius:12px;padding:var(--space-3);background:var(--surface-1);transition:all .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 90, 155, 141),.1),0 4px 12px rgba(var(--accent-rgb, 90, 155, 141),.15);outline:none}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.support-panel-item:hover .support-panel-icon{animation:sparkle 1.5s ease-in-out infinite}.support-panel-item:nth-child(odd){border-radius:16px 18px 16px 14px}.support-panel-item:nth-child(2n){border-radius:18px 16px 14px}.modal:after{content:"🍃";position:absolute;bottom:20px;left:20px;font-size:48px;opacity:.05;pointer-events:none}.support-panel:after,.modal-header:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);box-shadow:0 1px 2px #0000001a,inset 0 -1px 1px #ffffff80;opacity:.4}.support-panel:after{top:100px;right:40px}.modal-header:before{top:30px;right:80px}.modal-title,.support-panel-title{position:relative}.modal-title:first-letter,.support-panel-title:first-letter{color:var(--accent);font-size:1.2em}.btn-primary:active,.btn-ghost:active,.support-panel-item:active{transition:transform .1s ease}.support-panel-body,.modal-body{position:relative}.support-panel-body:before,.modal-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(var(--accent-rgb, 90, 155, 141),.008) 10px,rgba(var(--accent-rgb, 90, 155, 141),.008) 20px);pointer-events:none;opacity:.5}.celebration-overlay{animation:celebration-bloom .5s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-bloom{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}*:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}*{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.modal,.support-panel,.btn{font-family:var(--font-sans)!important}@media(prefers-reduced-motion:reduce){.support-panel-overlay,.support-panel,.modal-overlay,.modal,.btn-primary,.btn-ghost,.support-panel-item,.affirmation-panel,.achievement-badge{animation:none!important;transition:none!important;transform:none!important}.support-panel:before,.modal:before,.btn-primary:before,.support-panel-item:before{display:none!important}.support-panel-item:hover,.btn-primary:hover,.btn-ghost:hover,.affirmation-panel:hover{transform:none!important}}