:root{--color-primary: #4c79ff;--color-primary-light: #74c0fc;--color-primary-dark: #3a5fc7;--color-accent: #007BFF;--color-success: #28a745;--color-success-light: #5ecf72;--color-success-pale: #dfffdf;--color-warning: #ffc107;--color-warning-light: #ffda6a;--color-error: #dc3545;--color-error-light: #f1737e;--color-error-bg: rgba(220, 53, 69, .25);--color-error-bg-dark: rgba(220, 53, 69, .35);--color-info: #17a2b8;--color-notify-error: #c0392b;--color-notify-success: #1e8449;--color-notify-info: #2471a3;--color-notify-warning: #f39c12;--theme-notify-error: var(--color-notify-error);--theme-notify-success: var(--color-notify-success);--theme-notify-info: var(--color-notify-info);--color-complete-btn: #08c352;--color-complete-btn-hover: #0ad65a;--color-todo-btn: #3b82f6;--color-todo-btn-hover: #4b8ef7;--priority-color: #dc3545;--color-game-primary: #4ecdc4;--color-game-primary-dark: #36b1a8;--color-yellow-light: #ffd54f;--color-orange: #ff9800;--color-orange-light: #ffb74d;--color-orange-icon: #e67e22;--color-amber: #f39c12;--color-green-dark: #388E3C;--color-purple: #7B1FA2;--color-red: #f44336;--color-red-light: #ef5350;--color-flame: #ff8c00;--color-flame-glow: rgba(255, 140, 0, .6);--color-gold: #ffd700;--color-gold-glow: rgba(255, 215, 0, .6);--color-blue-medium: #3498db;--color-blue-light: #5dade2;--color-steel-blue: #3d7ab5;--color-blue-pale: #d6e4f7;--color-blue-pale-mid: #c0d4ed;--color-blue-pale-light: #f5f8ff;--border-blue-subtle: rgba(61, 122, 181, .25);--border-blue-subtle-hover: rgba(61, 122, 181, .4);--overlay-faint: rgba(0, 0, 0, .03);--overlay-light: rgba(0, 0, 0, .06);--overlay-medium: rgba(0, 0, 0, .1);--overlay-strong: rgba(0, 0, 0, .15);--overlay-backdrop: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .5);--highlight-blue-bg: rgba(74, 144, 226, .08);--highlight-blue-border: rgba(74, 144, 226, .3);--overlay-white-light: rgba(255, 255, 255, .2);--overlay-white-medium: rgba(255, 255, 255, .4);--overlay-white-strong: rgba(255, 255, 255, .8);--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #4a5568;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-100: #f1f5f9;--color-nav-dot: #1a2650;--color-nav-dot-active: #dce7fc;--color-nav-dot-press: #004494;--color-navy: #2c3270;--color-navy-dark: #0c2091;--color-code-bg: #282828;--color-charcoal: #323232;--theme-bg-gradient: linear-gradient(135deg, #4c79ff, #74c0fc);--theme-bg-solid: #4c79ff;--theme-bg-surface: rgba(255, 255, 255, .95);--theme-bg-surface-elevated: #ffffff;--theme-text-primary: inherit;--theme-text-secondary: inherit;--theme-text-on-surface: #333333;--theme-text-muted: #717171;--theme-color-success: var(--color-success);--theme-color-success-light: var(--color-success-light);--theme-color-warning: var(--color-warning);--theme-color-warning-light: var(--color-warning-light);--theme-color-error: var(--color-error);--theme-color-error-light: var(--color-error-light);--theme-color-info: var(--color-info);--theme-header-bg: transparent;--theme-header-text: #ffffff;--theme-header-border: rgba(255, 255, 255, .2);--theme-card-bg: rgba(255, 255, 255, .95);--theme-card-border: transparent;--theme-card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--theme-input-bg: #ffffff;--theme-input-text: #333333;--theme-input-border: #cccccc;--theme-input-focus-border: var(--color-primary);--theme-input-placeholder: #767676;--theme-button-primary-bg: var(--color-primary);--theme-button-primary-text: #ffffff;--theme-button-primary-hover-bg: var(--color-primary-dark);--theme-button-secondary-bg: #e0e0e0;--theme-button-secondary-text: #333333;--theme-button-secondary-hover-bg: #d0d0d0;--theme-modal-bg: var(--color-blue-pale);--theme-modal-glass-bg: rgba(214, 228, 247, .82);--theme-modal-glass-bg-soft: rgba(255, 255, 255, .28);--theme-modal-blur: 20px;--theme-modal-text: #333333;--theme-modal-border: transparent;--theme-modal-overlay: rgba(0, 0, 0, .5);--theme-modal-header-bg: transparent;--theme-modal-footer-bg: #f5f5f5;--theme-notification-bg: #333333;--theme-notification-text: #ffffff;--tip-border-color: rgba(255, 255, 255, .3);--tip-bg-color: rgba(255, 255, 255, .1);--theme-task-bg: var(--color-blue-pale-light);--theme-task-text: #333333;--theme-task-completed-bg: rgba(200, 255, 200, .9);--theme-task-completed-text: #666666;--theme-task-border: transparent;--theme-task-checkmark: var(--color-success);--theme-progress-track-bg: rgba(0, 0, 0, .1);--theme-progress-fill-bg: var(--color-primary);--theme-progress-text: #333333;--theme-stats-bg: rgba(255, 255, 255, .45);--theme-stats-text: #333333;--theme-stats-border: rgba(255, 255, 255, .3);--theme-hover-bg: rgba(0, 0, 0, .06);--theme-selected-bg: rgba(74, 144, 226, .1);--theme-accent: var(--color-primary);--theme-accent-hover: var(--color-primary-dark);--theme-border: #dddddd;--theme-section-bg: rgba(0, 0, 0, .02);--theme-button-bg: var(--theme-button-primary-bg);--theme-button-text: var(--theme-button-primary-text);--theme-button-hover: var(--theme-button-primary-hover-bg);--theme-btn-primary-bg: var(--theme-button-primary-bg);--theme-success: var(--color-success);--theme-success-hover: #218838;--theme-info: var(--color-info);--theme-error: var(--color-error);--menu-bg: linear-gradient(180deg, #e3f2fd 0%, #4a90c2 100%);--menu-shadow: 0 4px 6px rgba(0, 0, 0, .1);--menu-header-text: rgba(8, 29, 58, .81);--menu-date-text: rgba(0, 0, 0, .5);--menu-section-bg: rgba(255, 255, 255, .5);--menu-section-border: rgba(255, 255, 255, .3);--menu-section-header: #555555;--menu-button-bg: rgba(0, 0, 0, .04);--menu-button-text: #333333;--menu-button-hover-bg: rgba(0, 0, 0, .1);--menu-close-bg: var(--color-steel-blue);--menu-close-text: var(--color-white);--menu-close-hover-bg: #326a9e;--pref-panel-text: rgba(255, 255, 255, .9);--pref-panel-bg: rgba(255, 255, 255, .12);--pref-panel-border: rgba(255, 255, 255, .25);--pref-panel-blur: 8px;--header-bg: var(--theme-header-bg);--header-text: var(--theme-header-text);--header-border: var(--theme-header-border);--modal-bg: var(--theme-modal-bg);--modal-text: var(--theme-modal-text);--modal-border: var(--theme-modal-border);--modal-header-bg: var(--theme-modal-header-bg);--modal-footer-bg: var(--theme-modal-footer-bg);--background-color: var(--theme-bg-surface);--text-color: var(--theme-text-on-surface);--primary-color: var(--color-primary);--accent-color: var(--color-accent);--success-color: var(--color-success);--focus-color: var(--color-primary);--btn-bg: var(--theme-button-primary-bg);--btn-text: var(--theme-button-primary-text);--btn-hover-bg: var(--theme-button-primary-hover-bg);--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-px: 1px;--space-0-5: 2px;--space-0-75: 3px;--space-1-25: 5px;--space-1-5: 6px;--space-1-75: 7px;--space-2-25: 9px;--space-2-5: 10px;--space-3-25: 13px;--space-3-5: 14px;--space-3-75: 15px;--space-4-5: 18px;--space-6-25: 25px;--space-7: 28px;--space-7-5: 30px;--space-8-5: 34px;--space-8-75: 35px;--space-12-5: 50px;--space-20: 80px;--space-30: 120px;--font-family: "Poppins", "Poppins Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Consolas", monospace;--font-size-base: 16px;--font-size-xs: calc(var(--font-size-base) - 4px);--font-size-sm: calc(var(--font-size-base) - 2px);--font-size-lg: calc(var(--font-size-base) + 2px);--font-size-xl: calc(var(--font-size-base) + 4px);--font-size-2xl: calc(var(--font-size-base) + 8px);--font-size-3xl: calc(var(--font-size-base) + 14px);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--ease-default: ease-in-out;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--animation-pop: .4s;--animation-slow: .6s;--animation-exit: 1.5s;--animation-spin: 1s;--animation-pulse: 2s;--transition-stagger: .8s;--anim-badge-flicker: .6s;--anim-badge-flex: .5s;--anim-badge-bob: .6s;--anim-badge-sweep: .7s;--anim-badge-shine: .8s;--anim-badge-flicker-loop: 1.2s;--anim-badge-flex-loop: 1s;--anim-badge-bob-loop: 1.4s;--anim-badge-sweep-loop: 1.4s;--anim-badge-shine-loop: 1.6s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--radius-2xs: 2px;--radius-xs: 3px;--radius-5: 5px;--radius-6: 6px;--radius-10: 10px;--radius-14: 14px;--radius-15: 15px;--radius-24: 24px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-button: 0 2px 4px rgba(0, 0, 0, .15);--shadow-button-hover: 0 3px 6px rgba(0, 0, 0, .18);--shadow-focus-ring: 0 0 0 2px rgba(76, 121, 255, .5);--shadow-focus-ring-subtle: 0 0 0 2px rgba(76, 121, 255, .2);--shadow-modal: 0 20px 40px rgba(0, 0, 0, .15);--shadow-modal-heavy: 0 8px 30px rgba(0, 0, 0, .25);--shadow-modal-compound: 0 20px 60px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-toast: 0 8px 20px rgba(0, 0, 0, .3);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .15);--shadow-input: 0 4px 6px rgba(0, 0, 0, .2);--shadow-glow-blue-sm: 0 0 5px rgba(76, 121, 255, .3);--shadow-glow-blue-lg: 0 0 20px rgba(76, 121, 255, .6);--shadow-glow-green: 0 0 12px rgba(76, 175, 80, .4);--shadow-glow-white: 0 0 8px rgba(255, 255, 255, .3);--shadow-glow-info: 0 2px 8px rgba(74, 163, 223, .3);--shadow-glow-purple: 0 4px 12px rgba(79, 70, 229, .2);--shadow-milestone-classic: 0 4px 10px rgba(212, 160, 23, .45);--shadow-milestone-habit: 0 4px 10px rgba(200, 113, 50, .45);--shadow-milestone-fitness: 0 4px 10px rgba(34, 160, 94, .45);--shadow-milestone-scholar: 0 4px 10px rgba(68, 64, 192, .45);--shadow-milestone-cleaning: 0 4px 10px rgba(10, 141, 181, .45);--shadow-celebration: 0 6px 24px rgba(76, 175, 79, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--shadow-inner-subtle: inset 0 1px 3px rgba(0, 0, 0, .08);--shadow-inner-medium: inset 0 0 5px rgba(0, 0, 0, .15);--shadow-inner-border: inset 0 0 0 1px #989898;--text-shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--text-shadow-md: 0 1px 2px rgba(0, 0, 0, .3);--text-shadow-lg: 0 1px 4px rgba(0, 0, 0, .5), 0 0 12px rgba(0, 0, 0, .25);--z-background: -2;--z-base: 0;--z-content: 1;--z-elevated: 5;--z-task-view-handle: 10;--z-task-view-dragging: 20;--z-edit-focus: 50;--z-onboarding-scrim: 50;--z-header: 100;--z-menu: 500;--z-modal-backdrop: 999;--z-modal: 1000;--z-modal-high: 2000;--z-overlay-critical: 10000;--z-tour-overlay: 10500;--z-tour-tooltip: 10501;--z-debug: 99999;--z-notification: 100000;--z-notification-active: 100001;--z-notification-btn: 100002;--z-critical: 999999;--header-height: 110px;--max-content-width: 400px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--task-card-offset: 320px;--task-card-offset-with-btn: 380px;--nav-area-height: 55px;--help-window-clearance: 55px;--header-height-fallback: 110px;--nav-dots-clearance-fallback: 90px;--task-view-max-reduction: 290px;--task-view-max-reduction-mobile: 220px;--stats-panel-max-vh: 63vh;--focus-help-window-clearance: 0px;--focus-band-top: calc(var(--focus-top-chrome) + var(--focus-card-chrome-gap));--focus-band-bottom-gap: 25px;--focus-mode-top-offset: 35px;--focus-btn-top: 12px;--focus-btn-height: 38px;--focus-btn-gap: 14px;--focus-top-chrome-fallback: calc(env(safe-area-inset-top, 0px) + var(--focus-btn-top) + var(--focus-btn-height));--focus-top-chrome: var(--focus-chrome-bottom, var(--focus-top-chrome-fallback));--focus-mode-top-offset-mobile: 25px;--focus-card-chrome-gap: 16px;--focus-task-list-reduction-desktop: 340px;--focus-task-list-reduction-mobile: 310px}@media(max-width:480px){:root{--help-window-clearance: var(--space-8);--nav-area-height: var(--space-6);--font-size-base: 17px}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--animation-pop: 0ms;--animation-slow: 0ms;--animation-exit: 0ms;--animation-spin: 0ms;--animation-pulse: 0ms;--transition-stagger: 0ms;--anim-badge-flicker: 0ms;--anim-badge-flex: 0ms;--anim-badge-bob: 0ms;--anim-badge-sweep: 0ms;--anim-badge-shine: 0ms;--anim-badge-flicker-loop: 0ms;--anim-badge-flex-loop: 0ms;--anim-badge-bob-loop: 0ms;--anim-badge-sweep-loop: 0ms;--anim-badge-shine-loop: 0ms}}body.reduced-motion,html.reduced-motion{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--animation-pop: 0ms;--animation-slow: 0ms;--animation-exit: 0ms;--animation-spin: 0ms;--animation-pulse: 0ms;--transition-stagger: 0ms;--anim-badge-flicker: 0ms;--anim-badge-flex: 0ms;--anim-badge-bob: 0ms;--anim-badge-sweep: 0ms;--anim-badge-shine: 0ms;--anim-badge-flicker-loop: 0ms;--anim-badge-flex-loop: 0ms;--anim-badge-bob-loop: 0ms;--anim-badge-sweep-loop: 0ms;--anim-badge-shine-loop: 0ms}:root[data-theme=dark]{--theme-bg-gradient: linear-gradient(135deg, #1a1a2e, #16213e);--theme-bg-solid: #2a2a2a;--theme-bg-surface: rgba(45, 45, 55, .95);--theme-bg-surface-elevated: #3a3a4a;--theme-text-primary: #ffffff;--theme-text-secondary: rgba(255, 255, 255, .8);--theme-text-on-surface: #e0e0e0;--theme-text-muted: #a0a0a0;--theme-header-bg: #2a2a2a;--theme-header-text: #ffffff;--theme-header-border: rgba(255, 255, 255, .1);--theme-card-bg: rgba(45, 45, 55, .95);--theme-card-border: rgba(255, 255, 255, .1);--theme-card-shadow: 0 4px 6px rgba(0, 0, 0, .3);--theme-input-bg: #3a3a4a;--theme-input-text: #e0e0e0;--theme-input-border: #555555;--theme-input-focus-border: #74c0fc;--theme-input-placeholder: #888888;--theme-button-primary-bg: #4c79ff;--theme-button-primary-text: #ffffff;--theme-button-primary-hover-bg: #5a87ff;--theme-button-secondary-bg: #4a4a5a;--theme-button-secondary-text: #e0e0e0;--theme-button-secondary-hover-bg: #5a5a6a;--theme-modal-bg: #2d2d3d;--theme-modal-text: #e0e0e0;--theme-modal-border: rgba(255, 255, 255, .1);--theme-modal-overlay: rgba(0, 0, 0, .7);--theme-modal-header-bg: #3a3a4a;--theme-modal-footer-bg: #252535;--theme-notification-bg: #3a3a4a;--theme-notification-text: #ffffff;--theme-task-bg: rgba(45, 45, 55, .95);--theme-task-text: #e0e0e0;--theme-task-completed-bg: rgba(40, 100, 60, .8);--theme-task-completed-text:#a0d0a0;--theme-task-border: rgba(255, 255, 255, .1);--theme-task-checkmark: #48c764;--theme-progress-track-bg: rgba(255, 255, 255, .1);--theme-progress-fill-bg: #74c0fc;--theme-progress-text: #e0e0e0;--theme-stats-bg: rgba(45, 45, 55, .95);--theme-stats-text: #e0e0e0;--theme-stats-border: rgba(255, 255, 255, .1);--theme-hover-bg: rgba(255, 255, 255, .08);--theme-selected-bg: rgba(74, 121, 255, .25);--theme-accent: #74c0fc;--theme-accent-hover: #a0d4ff;--theme-border: rgba(255, 255, 255, .15);--theme-section-bg: rgba(255, 255, 255, .03);--theme-success-hover: #36a35a;--theme-error: #ff6b6b}:root[data-theme=dark-ocean]{--theme-bg-gradient: linear-gradient(135deg, #1a3a4f, #0c1724);--theme-bg-solid: #0e1d2f;--theme-bg-surface: rgba(16, 36, 57, .95);--theme-bg-surface-elevated: #244d6a;--theme-text-primary: #e0f7fa;--theme-text-secondary: rgba(224, 247, 250, .8);--theme-text-on-surface: #f0faff;--theme-text-muted: #a2d9ff;--theme-color-success: #4ecdc4;--theme-color-success-light: #81d4c4;--theme-color-warning: #ffc107;--theme-color-warning-light: #ffda6a;--theme-color-error: #ff6b6b;--theme-color-error-light: #ff9999;--theme-color-info: #4ecdc4;--theme-header-bg: #1a3a4f;--theme-header-text: #e0f7fa;--theme-header-border: rgba(78, 205, 196, .3);--theme-card-bg: rgba(16, 36, 57, .95);--theme-card-border: rgba(78, 205, 196, .2);--theme-card-shadow: 0 4px 6px rgba(0, 0, 0, .3);--theme-input-bg: #244d6a;--theme-input-text: #f0faff;--theme-input-border: rgba(78, 205, 196, .3);--theme-input-focus-border: #4ecdc4;--theme-input-placeholder: #7ab8d4;--theme-button-primary-bg: #4ecdc4;--theme-button-primary-text: #18304a;--theme-button-primary-hover-bg: #36b1a8;--theme-button-secondary-bg: #244d6a;--theme-button-secondary-text: #e0f7fa;--theme-button-secondary-hover-bg: #2e5e80;--theme-modal-bg: #18304a;--theme-modal-text: #e0f7fa;--theme-modal-border: rgba(78, 205, 196, .2);--theme-modal-overlay: rgba(0, 0, 0, .7);--theme-modal-header-bg: #1e3a4f;--theme-modal-footer-bg: #142535;--theme-notification-bg: #244d6a;--theme-notification-text: #e0f7fa;--theme-task-bg: rgba(36, 77, 106, .9);--theme-task-text: #f0faff;--theme-task-completed-bg: #3a7ca5;--theme-task-completed-text:#e0f7fa;--theme-task-border: rgba(78, 205, 196, .2);--theme-task-checkmark: #4ecdc4;--theme-progress-track-bg: rgba(78, 205, 196, .2);--theme-progress-fill-bg: #4ecdc4;--theme-progress-text: #e0f7fa;--theme-stats-bg: rgba(16, 36, 57, .95);--theme-stats-text: #e0f7fa;--theme-stats-border: rgba(78, 205, 196, .2);--theme-hover-bg: rgba(78, 205, 196, .1);--theme-selected-bg: rgba(78, 205, 196, .2);--theme-accent: #4ecdc4;--theme-accent-hover: #36b1a8;--theme-border: rgba(78, 205, 196, .3);--theme-section-bg: rgba(78, 205, 196, .05);--theme-success-hover: #3ab0a8;--theme-error: #ff6b6b}:root[data-theme=golden-glow]{--theme-bg-gradient: linear-gradient(135deg, #fff9e0, #ffe066);--theme-bg-solid: #ffd700;--theme-bg-surface: rgba(255, 251, 230, .95);--theme-bg-surface-elevated: #fffbe6;--theme-text-primary: #4a3d00;--theme-text-secondary: rgba(74, 61, 0, .8);--theme-text-on-surface: #333333;--theme-text-muted: #6f5400;--theme-color-success: #28a745;--theme-color-success-light: #48c764;--theme-color-warning: #e6ac00;--theme-color-warning-light: #ffcc33;--theme-color-error: #dc3545;--theme-color-error-light: #f1737e;--theme-color-info: #d4a700;--theme-header-bg: #ffd700;--theme-header-text: #4a3d00;--theme-header-border: rgba(255, 215, 0, .3);--theme-card-bg: #fffbe6;--theme-card-border: rgba(255, 215, 0, .3);--theme-card-shadow: 0 4px 6px rgba(255, 215, 0, .2);--theme-input-bg: #ffffff;--theme-input-text: #333333;--theme-input-border: rgba(255, 215, 0, .4);--theme-input-focus-border: #d4a700;--theme-input-placeholder: #a08500;--theme-button-primary-bg: #ffd700;--theme-button-primary-text: #4a3d00;--theme-button-primary-hover-bg: #e6be00;--theme-button-secondary-bg: #ffe477;--theme-button-secondary-text: #4a3d00;--theme-button-secondary-hover-bg: #ffed4e;--theme-modal-bg: #fffbe6;--theme-modal-text: #4a3d00;--theme-modal-border: rgba(255, 215, 0, .3);--theme-modal-overlay: rgba(0, 0, 0, .4);--theme-modal-header-bg: #fff9e0;--theme-modal-footer-bg: #fff2b8;--theme-notification-bg: #ffd700;--theme-notification-text: #4a3d00;--theme-task-bg: #fffbe6;--theme-task-text: #4a3d00;--theme-task-completed-bg: #fff2b8;--theme-task-completed-text:#6f5400;--theme-task-border: rgba(255, 215, 0, .3);--theme-task-checkmark: #28a745;--theme-progress-track-bg: rgba(255, 215, 0, .2);--theme-progress-fill-bg: #d4a700;--theme-progress-text: #4a3d00;--theme-stats-bg: #fffbe6;--theme-stats-text: #4a3d00;--theme-stats-border: rgba(255, 215, 0, .3);--theme-hover-bg: rgba(255, 215, 0, .12);--theme-selected-bg: rgba(212, 167, 0, .2);--theme-accent: #d4a700;--theme-accent-hover: #b89000;--theme-border: rgba(255, 215, 0, .4);--theme-section-bg: rgba(255, 215, 0, .05);--theme-success-hover: #218838;--theme-error: #dc3545}*,*:before,*:after{box-sizing:border-box}html,body{height:100vh;margin:0;padding:0;overflow:hidden;background:var(--theme-bg-gradient);background-color:var(--theme-bg-solid)}@font-face{font-family:"Font Awesome 6 Free";font-display:swap}@font-face{font-family:"Font Awesome 6 Brands";font-display:swap}ul,ol{list-style:none;margin:0;padding:0}button{border:none;background:none;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}button,label,.checkbox-container{-webkit-user-select:none;user-select:none}.scrollable{-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:no-preference){.scrollable{scroll-behavior:smooth}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}:focus:not(:focus-visible){outline:none}dialog:focus-visible{outline:none}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:var(--z-critical);background:var(--theme-bg-surface-elevated, #ffffff);color:var(--theme-text-on-surface, #333333);padding:12px 24px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-decoration:none}.skip-to-content:focus{position:fixed;top:10px;left:50%;transform:translate(-50%);width:auto;height:auto;overflow:visible}#app-container:focus{outline:none}body{background:var(--theme-bg-gradient);position:relative;z-index:0;padding-top:0;padding-bottom:env(safe-area-inset-bottom)}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:url("../../assets/images/pattern.svg");background-repeat:repeat;background-size:400px 400px;pointer-events:none}html[data-vocab-theme=habit-tracker] body:before{background-image:url("../../assets/images/pattern-habit-tracker.svg")}html[data-vocab-theme=fitness] body:before{background-image:url("../../assets/images/pattern-fitness.svg")}html[data-vocab-theme=scholar] body:before{background-image:url("../../assets/images/pattern-scholar.svg")}html[data-vocab-theme=cleaning] body:before{background-image:url("../../assets/images/pattern-cleaning.svg")}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--pref-app-bg, var(--theme-bg-gradient));background-size:cover}html[data-vocab-theme] body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--pref-app-bg, var(--theme-bg-gradient));background-size:cover}body.custom-pattern:not(.theme-dark-ocean):not(.theme-golden-glow):not(.no-bg-pattern):before{background:var(--custom-pattern-bg) repeat;background-size:400px 400px}body.dark-mode:before{opacity:.45}body.no-bg-pattern:before{display:none}body.no-bg-pattern{background:var(--theme-bg-gradient);background-color:var(--theme-bg-solid)}body.no-bg-pattern:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--pref-app-bg, var(--theme-bg-gradient));background-size:cover}body.has-bg-image,body.has-bg-image:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--custom-bg-image);background-color:var(--theme-bg-solid)}body.has-bg-image:before{display:none}body.has-bg-image.bg-mode-cover,body.has-bg-image.bg-mode-cover:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--custom-bg-image) center/cover no-repeat;background-color:var(--theme-bg-solid)}body.has-bg-image.bg-mode-center,body.has-bg-image.bg-mode-center:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--custom-bg-image) center/auto no-repeat;background-color:var(--theme-bg-solid)}body.has-bg-image.bg-mode-tile,body.has-bg-image.bg-mode-tile:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background:var(--custom-bg-image) top left/auto repeat;background-color:var(--theme-bg-solid)}body.dark-mode.has-bg-image.bg-mode-cover,body.theme-dark-ocean.has-bg-image.bg-mode-cover{background:linear-gradient(#000c,#000c),var(--custom-bg-image) center/cover no-repeat;background-color:var(--theme-bg-solid)}body.dark-mode.has-bg-image.bg-mode-center,body.theme-dark-ocean.has-bg-image.bg-mode-center{background:linear-gradient(#000c,#000c),var(--custom-bg-image) center/auto no-repeat;background-color:var(--theme-bg-solid)}body.dark-mode.has-bg-image.bg-mode-tile,body.theme-dark-ocean.has-bg-image.bg-mode-tile{background:linear-gradient(#000c,#000c),var(--custom-bg-image) top left/auto repeat;background-color:var(--theme-bg-solid)}body.theme-golden-glow.has-bg-image.bg-mode-cover{background:linear-gradient(#1e140066,#1e140066),var(--custom-bg-image) center/cover no-repeat;background-color:var(--theme-bg-solid)}body.theme-golden-glow.has-bg-image.bg-mode-center{background:linear-gradient(#1e140066,#1e140066),var(--custom-bg-image) center/auto no-repeat;background-color:var(--theme-bg-solid)}body.theme-golden-glow.has-bg-image.bg-mode-tile{background:linear-gradient(#1e140066,#1e140066),var(--custom-bg-image) top left/auto repeat;background-color:var(--theme-bg-solid)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4,h5,h6{font-size:var(--font-size-base)}p{margin:0 0 1em;line-height:var(--line-height-relaxed)}small,.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--theme-text-primary)}.text-secondary{color:var(--theme-text-secondary)}.text-muted{color:var(--theme-text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.truncate,.text-truncate{white-space:normal;text-overflow:clip}.line-clamp-2{-webkit-line-clamp:4}.line-clamp-3{-webkit-line-clamp:6}}.break-word{word-wrap:break-word;overflow-wrap:break-word}.no-select{-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes fadeOutScale-modal{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeOutScale{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes completionBounce{0%{opacity:0;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px))) scale(.3)}20%{opacity:1;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px))) scale(1.15)}35%{opacity:1;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px))) scale(.95)}50%{opacity:1;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px))) scale(1)}75%{opacity:1;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px))) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px))) scale(.9)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pull-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badge-flicker{0%,to{filter:brightness(1);transform:scale(1)}40%{filter:brightness(1.6) drop-shadow(0 0 6px var(--color-flame-glow));transform:scale(1.15)}70%{filter:brightness(1.2);transform:scale(.95)}}@keyframes badge-flex{0%,to{transform:scaleY(1)}30%{transform:scaleY(1.25) translateY(-2px)}60%{transform:scaleY(.9)}}@keyframes badge-bob{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-5px) rotate(-4deg)}70%{transform:translateY(-2px) rotate(3deg)}}@keyframes badge-sweep{0%,to{transform:rotate(0)}30%{transform:rotate(-18deg)}60%{transform:rotate(12deg)}}@keyframes badge-shine{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-3px);filter:brightness(1.4) drop-shadow(0 0 6px var(--color-gold-glow))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glowPulse{0%,to{box-shadow:var(--shadow-glow-blue-sm)}50%{box-shadow:var(--shadow-glow-blue-lg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-out{animation:fadeOut var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-pop-in{animation:popIn var(--animation-pop) cubic-bezier(.175,.885,.32,1.275)}.animate-spin{animation:spin var(--animation-spin) linear infinite}.animate-pulse{animation:pulse var(--animation-pulse) ease-in-out infinite}.animate-bounce{animation:bounce var(--transition-slow) ease-in-out}.animate-shake{animation:shake var(--transition-slow) ease-in-out}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-fill-forwards{animation-fill-mode:forwards}.animation-fill-backwards{animation-fill-mode:backwards}.animation-fill-both{animation-fill-mode:both}@keyframes taskResetFlash{0%{background-color:inherit;transform:scale(1)}30%{background-color:var(--pref-reset-flash, rgba(76, 175, 80, .3));transform:scale(1.04)}to{background-color:inherit;transform:scale(1)}}.task-resetting{animation:taskResetFlash var(--animation-pop) ease-out}@keyframes taskClearOut{0%{opacity:1;transform:scale(1) translate(0);max-height:100px}50%{opacity:.5;transform:scale(.95) translate(10px)}to{opacity:0;transform:scale(.9) translate(20px);max-height:0;padding:0;margin:0}}.task-clearing{animation:taskClearOut var(--transition-normal) ease-in forwards;overflow:hidden}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-out,.animate-slide-up,.animate-slide-down,.animate-pop-in,.animate-spin,.animate-pulse,.animate-bounce,.animate-shake,.task-resetting,.task-clearing{animation:none}.task-clearing{opacity:0;max-height:0;padding:0;margin:0}}body.high-contrast:not(.dark-mode){--theme-text-muted: #444444;--theme-text-secondary: #222222;--theme-text-on-surface: #111111;--theme-input-placeholder: #555555;--theme-task-border: #333333;--theme-card-border: #333333;--theme-modal-border: #333333;--theme-input-border: #333333;--theme-header-border: rgba(0, 0, 0, .4);--theme-stats-border: #555555;--theme-task-bg: rgba(255, 255, 255, 1);--theme-card-bg: rgba(255, 255, 255, 1);--theme-stats-bg: rgba(255, 255, 255, .85);--theme-bg-surface: rgba(255, 255, 255, 1);--theme-modal-footer-bg: #e8e8e8;--theme-task-completed-text: #1a4d1a;--theme-task-completed-bg: rgba(180, 240, 180, 1);--theme-progress-track-bg: rgba(0, 0, 0, .25)}body.high-contrast:not(.dark-mode) .task{border:2px solid #333333}body.high-contrast:not(.dark-mode) .task.completed{opacity:1}body.high-contrast:not(.dark-mode) .task input[type=checkbox]{border:2px solid #333333}body.high-contrast:not(.dark-mode) .pref-checkbox-incomplete{border-color:#555;background:#c8c8c880}body.high-contrast:not(.dark-mode) .settings-section.collapsible{border:2px solid #333333}body.high-contrast:not(.dark-mode) .toggle-slider{border:2px solid #555555}body.high-contrast:not(.dark-mode) .settings-btn{border:1px solid #333333}body.high-contrast:not(.dark-mode) .stats-panel{border:2px solid #333333;background:#ffffffe6}body.high-contrast:not(.dark-mode) .task-btn{border:1px solid #999999}body.high-contrast:not(.dark-mode) .task-option-item{border:1px solid #cccccc;background:#0000000a}body.high-contrast:not(.dark-mode) .task-options-section-header{border-bottom:2px solid #cccccc;color:#222}body.high-contrast:not(.dark-mode) .task.overdue-task{background:var(--color-error-bg);color:#b71c1c;border:2px solid var(--color-error)}body.high-contrast:not(.dark-mode) dialog::backdrop,body.high-contrast:not(.dark-mode) .modal-overlay,body.high-contrast:not(.dark-mode) .storage-modal-overlay{background-color:#0000008c}body.high-contrast:not(.dark-mode) .modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .about-modal-content{border:2px solid #333333;background:#ffffffe6}body.high-contrast:not(.dark-mode) .about-tagline{opacity:.85}body.high-contrast:not(.dark-mode) .about-version-badge{background:#ffffffbf;border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .about-description{opacity:1}body.high-contrast:not(.dark-mode) .about-links{background:#ffffffb3;border:1px solid rgba(0,0,0,.15)}body.high-contrast:not(.dark-mode) .about-link-divider{opacity:.7}body.high-contrast:not(.dark-mode) .about-footer{border-top:2px solid rgba(0,0,0,.25)}body.high-contrast:not(.dark-mode) .about-footer p{opacity:.85}body.high-contrast:not(.dark-mode) .about-modal-content .about-footer .about-copyright{opacity:.75}body.high-contrast:not(.dark-mode) .about-modal-content .about-footer .about-cache{opacity:.65}body.high-contrast:not(.dark-mode) .mini-cycle-switch-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .mini-cycle-switch-title{border-bottom:2px solid rgba(0,0,0,.25)}body.high-contrast:not(.dark-mode) .mini-cycle-switch-list{border:2px solid #555555}body.high-contrast:not(.dark-mode) .mini-cycle-switch-item{border-bottom:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .mini-cycle-switch-item:hover,body.high-contrast:not(.dark-mode) .mini-cycle-switch-item:focus-visible{background:#00000026}body.high-contrast:not(.dark-mode) .routine-search-input{border:2px solid #555555}body.high-contrast:not(.dark-mode) .routine-search-input::placeholder{color:#555}body.high-contrast:not(.dark-mode) .routine-search-input:focus{box-shadow:var(--shadow-focus-ring)}body.high-contrast:not(.dark-mode) .routine-sort-btn{border:1px solid #999999;color:#333}body.high-contrast:not(.dark-mode) .routine-sort-label{color:#333}body.high-contrast:not(.dark-mode) .routine-filter-select{border:1px solid #999999;color:#333}body.high-contrast:not(.dark-mode) .cycle-item-size{color:#555;background:#0000001a}body.high-contrast:not(.dark-mode) .switch-preview-window{border:2px solid rgba(0,0,0,.3)}body.high-contrast:not(.dark-mode) .switch-preview-date{color:#555}body.high-contrast:not(.dark-mode) .switch-buttons{color:#333}body.high-contrast:not(.dark-mode) .mini-cycle-switch-btn{border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .routine-switcher-btn{border:2px solid rgba(0,0,0,.4);background:#fff6}body.high-contrast:not(.dark-mode) .themes-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .themes-modal-content h2{border-bottom:2px solid #cccccc}body.high-contrast:not(.dark-mode) .theme-radio-option{background:#0000000a;border:2px solid #cccccc}body.high-contrast:not(.dark-mode) .theme-radio-option:has(input:checked){border-color:#333;background:#4a90e226}body.high-contrast:not(.dark-mode) .theme-radio-option input[type=radio]{border:2px solid #555555}body.high-contrast:not(.dark-mode) #dark-mode-section{background:#0000000f;border-top:2px solid #cccccc}body.high-contrast:not(.dark-mode) #dark-mode-section .custom-checkbox{background:#0000000d;border:1px solid #cccccc;border-radius:8px}body.high-contrast:not(.dark-mode) #dark-mode-section .custom-checkbox .checkmark{border:2px solid #555555}body.high-contrast:not(.dark-mode) .preferences-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .preferences-modal-content h2{border-bottom:2px solid #cccccc}body.high-contrast:not(.dark-mode) .preferences-theme-notice{background:#4a90e233;border:2px solid rgba(74,144,226,.4)}body.high-contrast:not(.dark-mode) .preferences-color-row{border:1px solid #cccccc;border-radius:8px}body.high-contrast:not(.dark-mode) .preferences-color-row input[type=color]{border:2px solid #555555}body.high-contrast:not(.dark-mode) .preferences-color-row input[type=range]{background:#999}body.high-contrast:not(.dark-mode) .preferences-reset-btn{border:1px solid #999999;color:#333}body.high-contrast:not(.dark-mode) .preferences-footer{border-top:2px solid #cccccc}body.high-contrast:not(.dark-mode) .preferences-undo-btn{border:2px solid #999999}body.high-contrast:not(.dark-mode) .preferences-undo-btn:disabled{opacity:.6}body.high-contrast:not(.dark-mode) .preferences-reset-all-btn{border:2px solid var(--theme-error, #dc3545)}body.high-contrast:not(.dark-mode) .preferences-preview-label{color:#fff}body.high-contrast:not(.dark-mode) .feedback-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .feedback-modal-content p{opacity:1}body.high-contrast:not(.dark-mode) #feedback-text,body.high-contrast:not(.dark-mode) #feedback-email{border:2px solid #555555}body.high-contrast:not(.dark-mode) .reminders-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .reminders-modal-content .close-btn{color:#333}body.high-contrast:not(.dark-mode) #frequency-section{border-top:2px solid #cccccc}body.high-contrast:not(.dark-mode) .games-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .game-card{border:2px solid #999999}body.high-contrast:not(.dark-mode) .game-card-description{color:#333}body.high-contrast:not(.dark-mode) .game-card-btn{border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .game-card-btn:disabled{opacity:.6}body.high-contrast:not(.dark-mode) .storage-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .storage-modal-box{border:2px solid #333333}body.high-contrast:not(.dark-mode) .storage-modal-header{border-bottom:2px solid #999999}body.high-contrast:not(.dark-mode) .storage-modal-buttons{border-top:2px solid #999999}body.high-contrast:not(.dark-mode) .storage-modal-buttons .btn-confirm{border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .settings-modal-content{border:2px solid #333333}body.high-contrast:not(.dark-mode) .modal-panel{border:2px solid #333333}body.high-contrast:not(.dark-mode) .mini-modal-box{border:2px solid #333333}body.high-contrast:not(.dark-mode) .progress-container{background:#0000004d;border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .notification .close-btn{background:#ffffff4d}body.high-contrast:not(.dark-mode) .notification-quick-option{border:1px solid rgba(255,255,255,.5);background:#ffffff4d}body.high-contrast:not(.dark-mode) .completed-tasks-header{color:#fff}body.high-contrast:not(.dark-mode) .empty-state-hint{color:#fffffff2}body.high-contrast:not(.dark-mode) .empty-state-icon{opacity:1}body.high-contrast:not(.dark-mode) .task-list::-webkit-scrollbar-track{background:#64b4ff40}body.high-contrast:not(.dark-mode) input::placeholder,body.high-contrast:not(.dark-mode) textarea::placeholder{color:#555}body.high-contrast:not(.dark-mode) .mode-selector{border:2px solid rgba(0,0,0,.4)}body.high-contrast:not(.dark-mode) .modal-footer-note{color:#333}body.high-contrast:not(.dark-mode) .reset-btn{border:1px solid #999999;color:#222}body.high-contrast:not(.dark-mode) .three-dots-btn{color:#333}body.high-contrast:not(.dark-mode) button:disabled{opacity:.65}body.high-contrast:not(.dark-mode) .menu-container{border:2px solid #333333;box-shadow:0 4px 12px #0000004d}body.high-contrast:not(.dark-mode) .menu-section{background:#ffffffbf;border:2px solid rgba(0,0,0,.3)}body.high-contrast:not(.dark-mode) .menu-section-header{color:#222}body.high-contrast:not(.dark-mode) .menu-section-toggle{opacity:1}body.high-contrast:not(.dark-mode) .menu-section-grid button{background:#00000014;border:1px solid rgba(0,0,0,.2);color:#111}body.high-contrast:not(.dark-mode) .menu-section-grid button:hover{background:#00000026;border-color:#00000059}body.high-contrast:not(.dark-mode) #current-date{color:#000000bf}body.high-contrast:not(.dark-mode) .main-menu-header{color:#111}body.high-contrast:not(.dark-mode) .main-menu-header-row:after{background:#00000040;height:2px}body.high-contrast:not(.dark-mode) .mode-description-toggle{background:#0000001a;color:#222;border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .mode-description-toggle .mode-badge{opacity:.8}body.high-contrast:not(.dark-mode) .mode-description{border:1px solid #cccccc;color:#111}body.high-contrast:not(.dark-mode) #close-main-menu{border-top:2px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .menu-container ul li button{color:#111}body.high-contrast:not(.dark-mode) .menu-grid button{background:#ffffff80;border:1px solid rgba(0,0,0,.2)}body.high-contrast:not(.dark-mode) .menu-section-grid #menu-task-options .icon-text{color:#222}body.high-contrast:not(.dark-mode) .menu-section-header.collapsible:hover{background:#0000001a}body.high-contrast.dark-mode{--theme-text-muted: #cccccc;--theme-text-secondary: #e0e0e0;--theme-text-on-surface: #f0f0f0;--theme-input-placeholder: #aaaaaa;--theme-task-border: #aaaaaa;--theme-card-border: #aaaaaa;--theme-modal-border: #aaaaaa;--theme-input-border: #999999;--theme-header-border: rgba(255, 255, 255, .4);--theme-stats-border: #888888;--theme-task-bg: #2e2e2e;--theme-card-bg: #2e2e2e;--theme-stats-bg: rgba(42, 42, 42, .95);--theme-bg-surface: #2a2a2a;--theme-task-completed-text: #c8f0c8;--theme-task-completed-bg: #1a3d1a;--theme-progress-track-bg: rgba(255, 255, 255, .2);--dark-success-bg: #1a5028;--dark-error-bg: #6b1a1a;--dark-border-subtle: #888888;--dark-button-border: rgba(255, 255, 255, .3);--dark-chip-bg: rgba(255, 255, 255, .15)}body.high-contrast.dark-mode .task{border:2px solid #aaaaaa}body.high-contrast.dark-mode .task.completed{opacity:1}body.high-contrast.dark-mode .task input[type=checkbox]{border:2px solid #aaaaaa}body.high-contrast.dark-mode .pref-checkbox-incomplete{border-color:#888;background:#64646480}body.high-contrast.dark-mode .settings-section.collapsible{border:2px solid #aaaaaa}body.high-contrast.dark-mode .toggle-slider{border:2px solid #888888}body.high-contrast.dark-mode .settings-btn{border:1px solid #888888}body.high-contrast.dark-mode .stats-panel{border:2px solid #aaaaaa;background:#2a2a2af2}body.high-contrast.dark-mode .task-btn{border:1px solid #777777}body.high-contrast.dark-mode .task-option-item{border:1px solid #666666;background:#ffffff0f}body.high-contrast.dark-mode .task-options-section-header{border-bottom:2px solid #666666;color:#e0e0e0}body.high-contrast.dark-mode .task.overdue-task{background:var(--color-error-bg-dark);color:#ff5252;border:2px solid var(--color-error)}body.high-contrast.dark-mode dialog::backdrop,body.high-contrast.dark-mode .modal-overlay,body.high-contrast.dark-mode .storage-modal-overlay{background-color:#000000b3}body.high-contrast.dark-mode .modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .about-modal-content{border:2px solid #aaaaaa;background:#2a2a2af2}body.high-contrast.dark-mode .about-tagline{opacity:.85}body.high-contrast.dark-mode .about-version-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.3)}body.high-contrast.dark-mode .about-description{opacity:1}body.high-contrast.dark-mode .about-links{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .about-link-divider{opacity:.7}body.high-contrast.dark-mode .about-footer{border-top:2px solid rgba(255,255,255,.25)}body.high-contrast.dark-mode .about-footer p{opacity:.85}body.high-contrast.dark-mode .about-modal-content .about-footer .about-copyright{opacity:.75}body.high-contrast.dark-mode .about-modal-content .about-footer .about-cache{opacity:.65}body.high-contrast.dark-mode .mini-cycle-switch-modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .mini-cycle-switch-title{border-bottom:2px solid rgba(255,255,255,.25)}body.high-contrast.dark-mode .mini-cycle-switch-list{border:2px solid #888888}body.high-contrast.dark-mode .mini-cycle-switch-item{border-bottom:1px solid rgba(255,255,255,.15);color:#e0e0e0}body.high-contrast.dark-mode .mini-cycle-switch-item:hover,body.high-contrast.dark-mode .mini-cycle-switch-item:focus-visible{background:#ffffff1f}body.high-contrast.dark-mode .routine-search-input{border:2px solid #888888;background:#2a2a2a;color:#e0e0e0}body.high-contrast.dark-mode .routine-search-input::placeholder{color:#aaa}body.high-contrast.dark-mode .routine-search-input:focus{box-shadow:var(--shadow-focus-ring)}body.high-contrast.dark-mode .routine-sort-btn{border:1px solid #777777;color:#ccc;background:#333}body.high-contrast.dark-mode .routine-sort-label{color:#ccc}body.high-contrast.dark-mode .routine-filter-select{border:1px solid #777777;color:#ccc;background:#333}body.high-contrast.dark-mode .cycle-item-size{color:#aaa;background:#ffffff1a}body.high-contrast.dark-mode .switch-preview-window{border:2px solid rgba(255,255,255,.3);background:#1a1a1a;color:#e0e0e0}body.high-contrast.dark-mode .switch-preview-date{color:#aaa}body.high-contrast.dark-mode .switch-buttons{color:#ccc}body.high-contrast.dark-mode .mini-cycle-switch-btn{border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .routine-switcher-btn{border:2px solid rgba(255,255,255,.4);background:#ffffff26;color:#e0e0e0}body.high-contrast.dark-mode .themes-modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .themes-modal-content h2{border-bottom:2px solid #666666}body.high-contrast.dark-mode .theme-radio-option{background:#ffffff0d;border:2px solid #666666}body.high-contrast.dark-mode .theme-radio-option:has(input:checked){border-color:#aaa;background:#4a90e226}body.high-contrast.dark-mode .theme-radio-option input[type=radio]{border:2px solid #888888}body.high-contrast.dark-mode #dark-mode-section{background:#ffffff0d;border-top:2px solid #666666}body.high-contrast.dark-mode #dark-mode-section .custom-checkbox{background:#ffffff0f;border:1px solid #666666;border-radius:8px}body.high-contrast.dark-mode #dark-mode-section .custom-checkbox .checkmark{border:2px solid #888888}body.high-contrast.dark-mode .preferences-modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .preferences-modal-content h2{border-bottom:2px solid #666666}body.high-contrast.dark-mode .preferences-theme-notice{background:#4a90e233;border:2px solid rgba(74,144,226,.4)}body.high-contrast.dark-mode .preferences-color-row{border:1px solid #666666;border-radius:8px}body.high-contrast.dark-mode .preferences-color-row input[type=color]{border:2px solid #888888}body.high-contrast.dark-mode .preferences-color-row input[type=range]{background:#666}body.high-contrast.dark-mode .preferences-reset-btn{border:1px solid #777777;color:#ccc}body.high-contrast.dark-mode .preferences-footer{border-top:2px solid #666666}body.high-contrast.dark-mode .preferences-undo-btn{border:2px solid #777777}body.high-contrast.dark-mode .preferences-undo-btn:disabled{opacity:.6}body.high-contrast.dark-mode .preferences-reset-all-btn{border:2px solid var(--theme-error, #dc3545)}body.high-contrast.dark-mode .preferences-preview-label{color:#fff}body.high-contrast.dark-mode .feedback-modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .feedback-modal-content p{opacity:1}body.high-contrast.dark-mode #feedback-text,body.high-contrast.dark-mode #feedback-email{border:2px solid #888888}body.high-contrast.dark-mode .reminders-modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .reminders-modal-content .close-btn{color:#ccc}body.high-contrast.dark-mode #frequency-section{border-top:2px solid #666666}body.high-contrast.dark-mode .games-modal-content{border:2px solid #aaaaaa}body.high-contrast.dark-mode .game-card{border:2px solid #777777}body.high-contrast.dark-mode .game-card-description{color:#ccc}body.high-contrast.dark-mode .game-card-btn{border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .game-card-btn:disabled{opacity:.6}body.high-contrast.dark-mode .storage-modal-content,body.high-contrast.dark-mode .storage-modal-box{border:2px solid #aaaaaa}body.high-contrast.dark-mode .storage-modal-header{border-bottom:2px solid #777777}body.high-contrast.dark-mode .storage-modal-buttons{border-top:2px solid #777777}body.high-contrast.dark-mode .storage-modal-buttons .btn-confirm{border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .settings-modal-content,body.high-contrast.dark-mode .modal-panel,body.high-contrast.dark-mode .mini-modal-box{border:2px solid #aaaaaa}body.high-contrast.dark-mode .progress-container{background:#ffffff26;border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .notification .close-btn{background:#ffffff4d}body.high-contrast.dark-mode .notification-quick-option{border:1px solid rgba(255,255,255,.5);background:#fff3}body.high-contrast.dark-mode .completed-tasks-header{color:#fff}body.high-contrast.dark-mode .empty-state-hint{color:#fffffff2}body.high-contrast.dark-mode .empty-state-icon{opacity:1}body.high-contrast.dark-mode .task-list::-webkit-scrollbar-track{background:#ffffff26}body.high-contrast.dark-mode input::placeholder,body.high-contrast.dark-mode textarea::placeholder{color:#aaa}body.high-contrast.dark-mode .mode-selector{border:2px solid rgba(255,255,255,.4)}body.high-contrast.dark-mode .modal-footer-note{color:#ccc}body.high-contrast.dark-mode .reset-btn{border:1px solid #777777;color:#e0e0e0}body.high-contrast.dark-mode .three-dots-btn{color:#ccc}body.high-contrast.dark-mode button:disabled{opacity:.65}body.high-contrast.dark-mode .menu-container{border:2px solid #888888;box-shadow:0 4px 12px #0009}body.high-contrast.dark-mode .menu-section{background:#ffffff1a;border:2px solid rgba(255,255,255,.25)}body.high-contrast.dark-mode .menu-section-header{color:#e0e0e0}body.high-contrast.dark-mode .menu-section-toggle{opacity:1}body.high-contrast.dark-mode .menu-section-grid button{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#f0f0f0}body.high-contrast.dark-mode .menu-section-grid button:hover{background:#fff3;border-color:#fff6}body.high-contrast.dark-mode #current-date{color:#fffc}body.high-contrast.dark-mode .main-menu-header{color:#f0f0f0}body.high-contrast.dark-mode .main-menu-header-row:after{background:#ffffff40;height:2px}body.high-contrast.dark-mode .mode-description-toggle{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .mode-description-toggle .mode-badge{opacity:.8}body.high-contrast.dark-mode .mode-description{background:#1a1a2e;border:1px solid #666666;color:#e0e0e0}body.high-contrast.dark-mode #close-main-menu{border-top:2px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .menu-container ul li button{color:#e0e0e0}body.high-contrast.dark-mode .menu-grid button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}body.high-contrast.dark-mode .menu-section-header.collapsible:hover{background:#ffffff1a}body.high-contrast *:focus-visible{outline:3px solid currentColor;outline-offset:2px}.settings-option.settings-option-vertical{flex-direction:column;align-items:flex-start;gap:8px}.settings-select{width:100%;padding:8px 12px;border:1px solid var(--theme-input-border, #cccccc);border-radius:var(--radius-md, 8px);background:var(--theme-input-bg, #ffffff);color:var(--theme-input-text, #333333);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer}.settings-select:focus-visible{outline:2px solid var(--accent-color, #007bff);outline-offset:2px}body.high-contrast:not(.dark-mode) #recurring-settings-panel{background:#e8e8e8;border:2px solid #333}body.high-contrast:not(.dark-mode) .recurring-settings-title{color:#000}body.high-contrast:not(.dark-mode) #recur-frequency{border:2px solid #333}body.high-contrast:not(.dark-mode) .recurring-task-item{border:2px solid #333;box-shadow:none}body.high-contrast:not(.dark-mode) .monthly-days,body.high-contrast:not(.dark-mode) .yearly-months,body.high-contrast:not(.dark-mode) .yearly-days{background:#c8c8c8;border:2px solid #333}body.high-contrast:not(.dark-mode) .monthly-day-box,body.high-contrast:not(.dark-mode) .weekly-day-box,body.high-contrast:not(.dark-mode) .biweekly-day-box,body.high-contrast:not(.dark-mode) .yearly-month-box,body.high-contrast:not(.dark-mode) .yearly-day-box{border:2px solid #333}body.high-contrast:not(.dark-mode) .time-picker-wrapper{border:2px solid #333}body.high-contrast:not(.dark-mode) .time-picker-group input[type=number],body.high-contrast:not(.dark-mode) .time-picker-group select,body.high-contrast:not(.dark-mode) .recurring-time-input{border:2px solid #333}body.high-contrast:not(.dark-mode) #specific-dates-panel{border:2px solid #333}body.high-contrast:not(.dark-mode) .specific-date-entry input[type=date]{border:2px solid #333}body.high-contrast:not(.dark-mode) #non-recurring-tasks li{border:2px solid #333}body.high-contrast:not(.dark-mode) .available-tasks-list{border:2px solid #333}body.high-contrast:not(.dark-mode) .available-tasks-header{color:#333}body.high-contrast:not(.dark-mode) .no-available-tasks{color:#333}body.high-contrast:not(.dark-mode) .recurring-empty-state{color:#333}body.high-contrast:not(.dark-mode) .confirm-add-recurring-btn:disabled{background:#999;color:#333}body.high-contrast:not(.dark-mode) .change-recurring-btn{border:2px solid #333;background:#e0e0e0;color:#000}body.high-contrast:not(.dark-mode) #apply-recurring-settings{border:2px solid #006600;color:#fff}body.high-contrast:not(.dark-mode) #cancel-recurring-settings{border:2px solid #333;color:#fff}body.high-contrast:not(.dark-mode) .close-recurring-panel{border-top:2px solid #333}body.high-contrast:not(.dark-mode) .add-recurring-task-btn{border:2px dashed #333;color:#000}body.high-contrast:not(.dark-mode) .select-all-add-recurring-btn{color:#000;text-decoration:underline}body.high-contrast:not(.dark-mode) .confirm-add-recurring-btn{border:2px solid #006600}body.high-contrast:not(.dark-mode) .recurring-remove-btn{color:#c00}body.high-contrast:not(.dark-mode) .toggle-advanced-btn{border:1px solid #333}body.high-contrast:not(.dark-mode) #toggle-check-all{border:1px solid #333}body.high-contrast.dark-mode #recurring-settings-panel{background:#2a2a2a;border:2px solid #aaa}body.high-contrast.dark-mode .recurring-settings-title{color:#fff}body.high-contrast.dark-mode #recur-frequency{border:2px solid #aaa}body.high-contrast.dark-mode .recurring-task-item{border:2px solid #aaa;box-shadow:none}body.high-contrast.dark-mode .monthly-days,body.high-contrast.dark-mode .yearly-months,body.high-contrast.dark-mode .yearly-days{background:#3a3a3a;border:2px solid #aaa}body.high-contrast.dark-mode .monthly-day-box,body.high-contrast.dark-mode .weekly-day-box,body.high-contrast.dark-mode .biweekly-day-box,body.high-contrast.dark-mode .yearly-month-box,body.high-contrast.dark-mode .yearly-day-box,body.high-contrast.dark-mode .time-picker-wrapper,body.high-contrast.dark-mode .time-picker-group input[type=number],body.high-contrast.dark-mode .time-picker-group select,body.high-contrast.dark-mode .recurring-time-input,body.high-contrast.dark-mode #specific-dates-panel,body.high-contrast.dark-mode .specific-date-entry input[type=date],body.high-contrast.dark-mode #non-recurring-tasks li,body.high-contrast.dark-mode .available-tasks-list{border:2px solid #aaa}body.high-contrast.dark-mode .available-tasks-header,body.high-contrast.dark-mode .no-available-tasks,body.high-contrast.dark-mode .recurring-empty-state{color:#ccc}body.high-contrast.dark-mode .confirm-add-recurring-btn:disabled{background:#555;color:#ccc}body.high-contrast.dark-mode .change-recurring-btn{border:2px solid #aaa;background:#3a3a3a;color:#fff}body.high-contrast.dark-mode #apply-recurring-settings{border:2px solid #00aa00;color:#fff}body.high-contrast.dark-mode #cancel-recurring-settings{border:2px solid #aaa;color:#fff}body.high-contrast.dark-mode .close-recurring-panel{border-top:2px solid #aaa}body.high-contrast.dark-mode .add-recurring-task-btn{border:2px dashed #aaa;color:#fff}body.high-contrast.dark-mode .select-all-add-recurring-btn{color:#6cf;text-decoration:underline}body.high-contrast.dark-mode .confirm-add-recurring-btn{border:2px solid #00aa00}body.high-contrast.dark-mode .recurring-remove-btn{color:#f44}body.high-contrast.dark-mode .toggle-advanced-btn,body.high-contrast.dark-mode #toggle-check-all{border:1px solid #aaa}body.high-contrast:not(.dark-mode) .stats-panel{border:2px solid #333}body.high-contrast:not(.dark-mode) .stats-feature-btn{border:2px solid #333}body.high-contrast:not(.dark-mode) .history-btn{border:2px solid #333}body.high-contrast:not(.dark-mode) .achievement-badges-btn{border:2px solid #333}body.high-contrast:not(.dark-mode) #all-routines-count{color:#333;opacity:1}body.high-contrast:not(.dark-mode) #milestone-progress-text{color:#333;opacity:1}body.high-contrast:not(.dark-mode) .badge{border:2px solid #333}body.high-contrast.dark-mode .stats-panel,body.high-contrast.dark-mode .stats-feature-btn,body.high-contrast.dark-mode .history-btn,body.high-contrast.dark-mode .achievement-badges-btn{border:2px solid #aaa}body.high-contrast.dark-mode #all-routines-count,body.high-contrast.dark-mode #milestone-progress-text{color:#ccc;opacity:1}body.high-contrast.dark-mode .badge{border:2px solid #aaa}body.high-contrast:not(.dark-mode) .quick-actions-picker{border:2px solid #333}body.high-contrast:not(.dark-mode) .quick-actions-picker-item{border:2px solid #333}body.high-contrast:not(.dark-mode) .quick-actions-slot.empty{border:2px dashed #333;opacity:.7}body.high-contrast:not(.dark-mode) .quick-actions-picker-section-title{color:#333;opacity:1}body.high-contrast.dark-mode .quick-actions-picker,body.high-contrast.dark-mode .quick-actions-picker-item{border:2px solid #aaa}body.high-contrast.dark-mode .quick-actions-slot.empty{border:2px dashed #aaa;opacity:.7}body.high-contrast.dark-mode .quick-actions-picker-section-title{color:#ccc;opacity:1}body.high-contrast:not(.dark-mode) .onboarding-content{border:2px solid #333}body.high-contrast:not(.dark-mode) .onboarding-skip{color:#333}body.high-contrast:not(.dark-mode) .onboarding-step-indicator{color:#333}body.high-contrast:not(.dark-mode) .onboarding-dot{background:#999;border:2px solid #333}body.high-contrast:not(.dark-mode) .onboarding-dot.active{background:var(--theme-button-primary-bg, #4c79ff)}body.high-contrast:not(.dark-mode) .miniCycle-prompt-input{border:2px solid #333}body.high-contrast.dark-mode .onboarding-content{border:2px solid #aaa}body.high-contrast.dark-mode .onboarding-skip,body.high-contrast.dark-mode .onboarding-step-indicator{color:#ccc}body.high-contrast.dark-mode .onboarding-dot{background:#555;border:2px solid #aaa}body.high-contrast.dark-mode .onboarding-dot.active{background:var(--theme-button-primary-bg, #4c79ff)}body.high-contrast.dark-mode .miniCycle-prompt-input{border:2px solid #aaa}body.high-contrast .notification.recurring{border:3px solid #333}body.high-contrast.dark-mode .notification.recurring{border:3px solid #aaa}body.high-contrast:not(.dark-mode) .task-search-input-row,body.high-contrast:not(.dark-mode) .task-filter-sort-row{background:var(--theme-bg-surface);border:1px solid var(--theme-input-border)}body.high-contrast:not(.dark-mode) .task-search-btn,body.high-contrast:not(.dark-mode) .task-search-clear,body.high-contrast:not(.dark-mode) .chip-group-icon{color:var(--theme-text-on-surface)}body.high-contrast:not(.dark-mode) .filter-chip,body.high-contrast:not(.dark-mode) .sort-chip{border:1px solid var(--theme-text-muted);color:var(--theme-text-on-surface)}body.high-contrast:not(.dark-mode) .filter-chip.active,body.high-contrast:not(.dark-mode) .sort-chip.active{border:2px solid var(--theme-text-on-surface)}body.high-contrast:not(.dark-mode) .filter-sort-divider{background:var(--theme-text-muted)}body.high-contrast.dark-mode .task-search-input-row,body.high-contrast.dark-mode .task-filter-sort-row{border:1px solid var(--theme-task-border)}body.high-contrast.dark-mode .task-search-btn,body.high-contrast.dark-mode .task-search-clear,body.high-contrast.dark-mode .chip-group-icon{color:var(--theme-text-secondary)}body.high-contrast.dark-mode .filter-chip,body.high-contrast.dark-mode .sort-chip{border:1px solid var(--theme-task-border);background:var(--dark-chip-bg);color:var(--theme-text-secondary)}body.high-contrast.dark-mode .filter-chip.active,body.high-contrast.dark-mode .sort-chip.active{border:2px solid var(--theme-text-primary)}body.high-contrast.dark-mode .filter-sort-divider{background:var(--dark-border-subtle)}.app-root{justify-content:flex-start;font-family:var(--font-family);text-align:center;color:var(--theme-text-primary);margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:150px}#app-container{position:relative;width:100vw;overflow:hidden;padding-top:var(--header-total-height, calc(env(safe-area-inset-top, 0px) + var(--header-height-fallback)))}#task-view{position:fixed;top:calc(50% + (var(--header-total-height, var(--header-height-fallback)) - var(--nav-dots-clearance, var(--nav-dots-clearance-fallback))) / 2);left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:calc(100vh - var(--task-view-max-reduction) - (env(safe-area-inset-top,0px) * 2));max-height:min(calc(100dvh - var(--task-view-max-reduction) - (env(safe-area-inset-top,0px) * 2)),calc(100dvh - var(--header-total-height, var(--header-height-fallback)) - var(--nav-dots-clearance, var(--nav-dots-clearance-fallback)) - var(--space-2)));min-height:auto;transition:left var(--animation-pop) ease-in-out,transform var(--animation-pop) ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:var(--z-content);pointer-events:none}#task-view *{pointer-events:auto}#task-view.hide{left:-50%;transform:translate(-200%,-50%)}#task-view.hide.hide-right{left:150%;transform:translate(-50%,-50%)}#task-view.show{left:50%;transform:translate(-50%,-50%)}#stats-panel.show{opacity:1;pointer-events:all}.view-toggle-active #task-view,.view-toggle-active #stats-panel{transform:translate(-50%,-50%)}@media(max-width:768px){#task-view{max-height:calc(100vh - var(--task-view-max-reduction-mobile));max-height:min(calc(100dvh - var(--task-view-max-reduction-mobile)),calc(100dvh - var(--header-total-height, var(--header-height-fallback)) - var(--nav-dots-clearance, var(--nav-dots-clearance-fallback)) - var(--space-2)));overflow:hidden}#task-view.show{transform:translate(-50%,-50%)}}@media(min-width:1024px){#task-view{max-width:50vw;left:50%;transform:translate(-50%,-50%)}#task-view.show{left:50%;transform:translate(-50%,-50%)}#task-view.hide{left:-50%;transform:translate(-200%,-50%)}.view-toggle-active #task-view{transform:translate(-50%,-50%)}}.fixed-header-container{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);overflow:visible}.mini-cycle-header-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:calc(env(safe-area-inset-top,0px) + 28px) 16px 19px 16px;background:var(--theme-header-bg, var(--header-bg, transparent));border:none;border-radius:0;backdrop-filter:blur(5px);height:auto;min-height:45px}:root{--header-bg: transparent;--header-border: rgba(255, 255, 255, .2);--header-text: var(--color-white);--header-height: 60px}.header-branding{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.header-logo{height:25px;width:auto;border-radius:var(--radius-6);position:relative;z-index:var(--z-content);order:1}.header-logo:hover{transform:scale(1.1)}@keyframes logo-coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes logo-glow-green{0%,to{filter:drop-shadow(0 0 4px rgba(40,167,69,.6))}50%{filter:drop-shadow(0 0 12px rgba(40,167,69,1)) drop-shadow(0 0 20px rgba(40,167,69,.8))}}.header-logo.logo-spin{animation:logo-coin-flip var(--animation-slow) ease-in-out,logo-glow-green var(--animation-slow) ease-in-out}.header-logo.logo-flash-green{background-color:var(--color-success);border-radius:var(--radius-6);transition:background-color var(--transition-normal) ease}.header-logo.logo-flash-red{background-color:var(--color-error);border-radius:var(--radius-6);transition:background-color var(--transition-normal) ease}@keyframes scan-line-move{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(25px);opacity:0}}.menu-button{justify-self:end;background:#000000c9;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-5);color:var(--color-white);padding:5px var(--space-2);font-size:var(--font-size-sm);cursor:pointer;z-index:var(--z-content)}.menu-button:hover{background:#000000e6}.menu-button:active{transform:scale(.95)}.mode-selector-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--space-0-75) 0;background:transparent;border-bottom:none;backdrop-filter:blur(5px);min-height:31px;overflow:visible}.mode-selector-wrapper .mode-selector{position:relative;background:#fff3;box-shadow:0 2px 4px #e2e2e233;border:1px solid #0c20913f;color:#2c3270;border-radius:var(--radius-5);padding:3px var(--space-5) 4px var(--space-2);font-size:12px;font-weight:500;max-width:140px;min-height:var(--space-6-25);appearance:none;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-normal) ease;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232c3270' viewBox='0 0 16 16'%3e%3cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:10px}@media(min-width:769px){.quick-actions-container{left:calc(50% - 280px)}.routine-switcher-btn{right:calc(50% - 280px)}}.app-name-group{display:flex;flex-direction:column;align-items:center;order:2;position:relative;z-index:var(--z-content);margin-left:var(--space-2)}.app-name{height:22px;width:auto}.app-subtitle{font-family:Inter,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.25em;color:var(--color-black);margin-top:var(--space-px);opacity:.8}body.dark-mode .app-subtitle{color:var(--color-gray-300)}@media(max-width:868px){.mini-cycle-header-row{padding:calc(env(safe-area-inset-top,0px) + 15px) 15px 24px 15px}.header-branding{top:calc(50% + env(safe-area-inset-top,0px)/2)}.header-logo{width:auto;height:30px}.app-name{width:auto;height:22px}.menu-button{background-color:#000c;border:1px solid rgba(0,0,0,.475);color:var(--color-white);font-size:20px}}.title-text{color:var(--color-white);display:flex;flex-direction:column;align-items:center}@media(max-width:480px){.mini-cycle-header-row{padding:calc(env(safe-area-inset-top,0px) + 14px) 12px 26px 12px;min-height:45px;background:var(--theme-header-bg, var(--header-bg))}.header-logo{width:28px;height:28px}}.ios-pwa .fixed-header-container{top:0}.ios-pwa .mini-cycle-header-row{padding-top:59px;padding-bottom:var(--space-6)}.ios-pwa .header-branding{top:calc(50% + 27px)}body{padding-top:0;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-top-fixed{top:env(safe-area-inset-top)}.header-safe-area{padding-top:calc(env(safe-area-inset-top) + 8px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-bottom-fixed{bottom:env(safe-area-inset-bottom)}.bottom-action-bar{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.modal-safe-area{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px);margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom)}.modal-fullscreen-safe{top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:env(safe-area-inset-right)}.scroll-content-safe{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.task-list-safe-area{padding-bottom:calc(env(safe-area-inset-bottom) + 80px)}@media all and (display-mode:standalone){.pwa-bottom-padding{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.fixed-bottom-pwa{bottom:calc(env(safe-area-inset-bottom) + 10px)}}@media(orientation:landscape){.landscape-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.modal-landscape-safe{max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 40px)}}@supports not (padding-top: env(safe-area-inset-top)){body{padding-top:var(--space-5);padding-bottom:var(--space-5)}.safe-area-top{padding-top:var(--space-5)}.safe-area-bottom{padding-bottom:var(--space-5)}}.task-input{display:flex;align-items:center;gap:var(--space-2);align-self:center;background:var(--theme-input-bg, rgb(255, 255, 255));border-radius:var(--radius-md);padding:var(--space-1-25) var(--space-1-25) var(--space-1-25) var(--space-2-5);box-shadow:var(--shadow-input);margin-bottom:var(--space-4);max-width:450px;width:80%;min-height:40px;flex-shrink:0;transition:box-shadow .15s ease}.task-input:focus-within{box-shadow:var(--shadow-input),var(--shadow-focus-ring)}.task-input[hidden],.task-input.hidden{visibility:hidden;pointer-events:none}input[type=text]{flex:1;min-width:0;background:var(--theme-input-bg);color:var(--theme-input-text);padding:var(--space-1-75);font-size:var(--font-size-base);border:none;border-radius:var(--radius-sm);outline:none}input[type=text]::placeholder{color:var(--theme-input-placeholder)}input[type=text]:focus{outline:none}input[type=text]:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}#taskInput{flex:1;background:var(--theme-input-bg, rgb(255, 255, 255));color:var(--theme-input-text, var(--theme-text-on-surface));padding:0 0 0 var(--space-1-75);font-size:var(--font-size-base);border:none;border-radius:var(--radius-6);outline:none}#taskInput:focus{outline:none;box-shadow:none}#addTaskBtn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);min-height:var(--space-7-5);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#000c;color:var(--color-white);border:none;border-radius:var(--radius-6);cursor:pointer;transition:background var(--transition-normal),transform var(--transition-fast)}#addTaskBtn:hover{background:var(--color-error);transform:scale(1.02)}#addTaskBtn:active{transform:scale(.98)}.task-input button{flex:0 0 auto;touch-action:manipulation;transform:translateZ(0)}@media(max-width:480px){.task-input{margin-top:var(--space-2);width:90%}}.task-card{position:relative;width:100%;max-width:400px;display:flex;flex-direction:column}.task-list-container{position:relative;width:100%;height:auto;max-height:calc(100vh - 385px);max-height:calc(100dvh - 385px);min-height:200px;overflow-y:auto;background:#ffffff26;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.3);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-2-5) var(--space-2-5) var(--space-20) var(--space-2-5);box-shadow:0 4px 20px #0000000d,inset 0 1px 1px #fff6;flex:1 1 auto}#task-view.complete-btn-visible .task-list-container{max-height:calc(100vh - var(--task-card-offset-with-btn) - var(--nav-area-height) - 30px);max-height:calc(100dvh - var(--task-card-offset-with-btn) - var(--nav-area-height) - 30px)}.task-list-container::-webkit-scrollbar{width:8px}.task-list-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff80,#96d2ff66);border-radius:var(--radius-10);border:1px solid rgba(255,255,255,.2)}.task-list-container::-webkit-scrollbar-track{background:#64b4ff1a;border-radius:var(--radius-10)}.task-list,#taskList{list-style:none;padding:0;margin:0}.task-list:empty+.empty-state{display:flex}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:15px var(--space-5);text-align:center;color:#fffc}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3-75);opacity:.7}.empty-state-text{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2-5);color:#ffffffe6}.empty-state-hint,.empty-state-hint-visible{font-size:var(--font-size-sm);color:#ffffffb3;max-width:250px;line-height:1.4}.empty-state-hint-visible,.empty-state-alldone-text,.empty-state-alldone-hint{display:none}.empty-state-alldone-text{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2-5);color:#ffffffe6}.empty-state-alldone-hint{font-size:var(--font-size-sm);color:#ffffffb3;max-width:250px;line-height:1.4}body.all-tasks-complete .empty-state-alldone-text,body.all-tasks-complete .empty-state-alldone-hint{display:block}body.all-tasks-complete .empty-state-text,body.all-tasks-complete .empty-state-hint,body.all-tasks-complete .empty-state-hint-visible,body.all-tasks-complete .empty-state-hint-focus,body.all-tasks-complete .empty-state-hint-focus-visible{display:none}.empty-state-hint strong,.empty-state-hint-visible strong{background:#fff3;padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:600}.recurring-info-link{display:none;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--font-size-sm);color:#ffffffb3;cursor:pointer;transition:color var(--transition-normal)}.recurring-info-link:hover{color:#fffffff2}.recurring-info-link.show{display:flex}.saving-indicator{width:100%;text-align:center;font-family:Inter,sans-serif;font-size:var(--font-size-xs);color:var(--theme-text-secondary, rgba(80, 80, 80, .85));opacity:0;visibility:hidden;transition:opacity var(--transition-fast) ease-out,visibility var(--transition-fast) ease-out;pointer-events:none;padding:var(--space-0-5) 0}.saving-indicator.visible{opacity:1;visibility:visible}@media(max-width:480px){.saving-indicator{position:absolute;left:0;right:0;top:calc(100% + 1px);padding:0;line-height:1}}body.onboarding-active .title-row,body.onboarding-active .task-list,body.onboarding-active .empty-state,body.onboarding-active .recurring-info-link,body.onboarding-active .completed-tasks-section,body.onboarding-active .task-search-input-row,body.onboarding-active .progress-container,body.onboarding-active .complete-all-and-help-window-container{display:none}.completed-tasks-section{width:100%;margin:var(--space-3-75) 0 0 0;border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-2-5);display:none}.completed-tasks-section.show{display:block}.completed-tasks-header{border:none;width:100%;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;color:#fffc;margin:0;padding:var(--space-2-5) var(--space-3-75);background-color:#ffffff0d;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;user-select:none;text-align:center;display:flex;justify-content:center;align-items:center;gap:var(--space-1-25)}.completed-tasks-header:hover{background-color:#ffffff1a;transform:scale(1.01)}.completed-tasks-header .toggle-icon{margin-left:var(--space-1-25);font-size:.9em;transition:transform var(--transition-fast) ease}#completed-count{font-weight:700;color:#ffffffe6}.completed-task-list{list-style:none;padding:0;margin:var(--space-2-5) 0 0 0;display:none}.completed-task-list.visible{display:block}.completed-task-list .task{opacity:.75;transition:opacity var(--transition-fast) ease}.completed-task-list .task:hover{opacity:.9}.completed-task-list .task .recurring-settings-btn,.completed-task-list .task .due-date-btn,.completed-task-list .task .reminder-btn{opacity:.5}.task-content{display:flex;align-items:center;gap:var(--space-2-5);width:100%}.due-date{font-size:var(--font-size-sm);border:1px solid var(--theme-input-border, var(--theme-input-border));border-radius:var(--radius-5);margin-left:15%;width:100%;max-width:180px;background-color:var(--theme-input-bg, #c8c8c868);color:var(--theme-input-text, var(--theme-text-on-surface))}.due-date.hidden{display:none}.high-priority{border-left:5px solid var(--task-priority-color, var(--priority-color, #dc3545))}.task.show-delete-indicator:after{content:"\1f9f9";position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:var(--font-size-base);opacity:.7;pointer-events:none}.task.kept-task:after{content:"\1f4cc";position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);opacity:.7;pointer-events:none}.task.show-delete-indicator,.task.kept-task{padding-right:var(--space-7-5)}.dragging{opacity:.7;background-color:var(--theme-bg-surface-elevated, #e0e0e0);transform:scale(1.05);transition:none}#taskList{overscroll-behavior:contain;touch-action:pan-y}.title-row{position:relative;flex-shrink:0;width:100%}.mini-cycle-title{position:sticky;font-family:Inter,sans-serif;text-decoration:none;font-weight:600;font-size:var(--font-size-lg);text-align:center;min-height:32px;letter-spacing:.5px;color:#2b2b2bd9;background:linear-gradient(180deg,#ffffff80,#c8ebff59,#96d7ff40),linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);padding:5px var(--space-8) 5px var(--space-8);border:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(150,200,255,.2);outline:none;cursor:text;top:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:background var(--transition-fast) ease-in-out,color var(--transition-fast) ease-in-out;box-shadow:0 2px 8px #0064b41a,inset 0 1px 2px #ffffff80,inset 0 -1px 1px #64b4ff1a;overflow:hidden;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;text-overflow:ellipsis;width:100%;z-index:var(--z-content)}#mini-cycle-title:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}#mini-cycle-title:focus{background:#fff3;color:#f8f8f8;border-bottom:2px solid var(--color-white);white-space:pre-wrap;word-wrap:break-word;overflow:visible;text-overflow:unset}.task-search-container{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;padding:0;z-index:var(--z-elevated)}.task-search-btn{background:transparent;border:none;color:var(--theme-text-secondary, rgba(40, 40, 40, .7));cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast) ease;position:relative}.task-search-btn:after{content:"";position:absolute;inset:-11px}.task-search-btn:hover{color:var(--theme-text-primary, rgba(60, 60, 60, .8))}.task-search-btn.active{color:var(--theme-text-primary, rgba(60, 60, 60, .9))}.task-search-input-row{display:flex;align-items:center;gap:var(--space-1);background:#ffffffb3;padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.task-search-input{border:none;background:transparent;padding:var(--space-1) 0;font-size:var(--font-size-sm);color:var(--theme-input-text, var(--theme-text-on-surface));width:140px;outline:none}.task-search-input:focus-visible{box-shadow:0 0 0 2px var(--theme-input-focus-border, rgba(76, 121, 255, .5))}.task-search-input::placeholder{color:var(--theme-input-placeholder, rgba(60, 60, 60, .5))}.task-search-clear{background:transparent;border:none;color:var(--theme-text-muted, rgba(60, 60, 60, .4));cursor:pointer;padding:2px var(--space-1);font-size:var(--font-size-base);line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast) ease}.task-search-clear:hover{color:var(--theme-text-primary, rgba(60, 60, 60, .8))}.task-search-clear:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}@media(pointer:coarse){.task-search-input-row~.edit-focus-overlay.edit-focus-inner,.task-search-input-row~.edit-focus-overlay.edit-focus-inner.active{background:#000000c7}}body>.edit-focus-overlay.search-page-overlay,body>.edit-focus-overlay.search-page-overlay.active{background:#000000c7;pointer-events:auto}.task-search-input-row.edit-focus-target{background:var(--theme-task-bg, #fff);box-shadow:0 0 0 3px var(--theme-button-bg, #4c79ff),0 0 12px #fff6}.task-filter-sort-row{display:flex;align-items:center;gap:var(--space-1-5);background:#ffffffb3;padding:var(--space-1-25) var(--space-2-5);border-radius:var(--radius-md);margin-bottom:var(--space-2);flex-wrap:wrap;row-gap:var(--space-1-25)}.filter-chip-group,.sort-chip-group{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.filter-chip-group.collapsed .filter-chip:not(.active){display:none}.filter-chip-group.collapsed .filter-chip.active:after{content:" \25be";font-size:9px;opacity:.6}.chip-group-icon{display:flex;align-items:center;color:var(--theme-text-primary, var(--theme-text-on-surface));flex-shrink:0;margin-right:var(--space-px)}.filter-sort-divider{width:1px;height:16px;background:#00000026;flex-shrink:0;margin:0 var(--space-0-5)}.filter-chip,.sort-chip{background:#0000000f;border:none;border-radius:var(--radius-lg);padding:var(--space-0-75) var(--space-2-25);font-size:var(--font-size-xs);color:var(--theme-text-secondary, rgba(40, 40, 40, .7));cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;line-height:1.4}.filter-chip:hover,.sort-chip:hover{background:#0000001f;color:var(--theme-text-primary, var(--theme-text-on-surface))}.filter-chip.active,.sort-chip.active{background:var(--theme-accent, var(--color-primary));color:var(--color-white)}.filter-chip:focus-visible,.sort-chip:focus-visible{outline:2px solid var(--theme-input-focus-border, rgba(76, 121, 255, .5));outline-offset:2px}.task{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-2-5);border-radius:var(--radius-md);margin:var(--space-2-5);background:var(--theme-task-bg, var(--color-white));box-shadow:0 2px 5px #0003;color:var(--theme-task-text, var(--theme-text-on-surface));position:relative}.task:hover{transform:scale(1.02);background:var(--theme-bg-surface-elevated, #f8f9fa)}.task.overdue-task{background:var(--overdue-task-bg, rgba(244, 67, 54, .15));color:var(--overdue-task-text, var(--color-red));font-weight:700}.task.overdue-task:hover{background:var(--overdue-task-bg, rgba(244, 67, 54, .15));transform:scale(1.02)}.task input{margin-right:var(--space-2-5);cursor:pointer}.task span.task-text{flex:1;text-align:left;font-size:var(--font-size-base);max-width:calc(100% - 120px);white-space:pre-wrap;word-wrap:break-word;margin-right:var(--space-30)}.task input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;aspect-ratio:1/1;border-radius:50%;border:2px solid rgba(180,180,180,.6);background-color:#c8c8c840;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;box-sizing:border-box;transition:all var(--transition-normal) ease}.task input[type=checkbox]:focus-visible{border-color:var(--theme-input-focus-border, var(--color-primary));box-shadow:0 0 0 2px var(--theme-input-focus-border, #4c79ff)}.task input[type=checkbox]:hover{border-color:#40af4d}.task input[type=checkbox]:checked{background-color:#5db567;border-color:#40af4d}.task input[type=checkbox]:after{content:"\2714\fe0e";font-size:28px;color:#124609;font-weight:700;display:none;position:relative;top:-4px;left:5px}.task input[type=checkbox]:checked:after{display:block}.task input[type=checkbox]:focus-visible{outline:2px solid var(--accent-color, #007BFF);outline-offset:2px;box-shadow:0 0 0 2px #007bff40;border-radius:50%}body.checkmark-fitted .task input[type=checkbox]:after{font-size:15px;position:static;top:auto;left:auto}body.checkmark-minimal .task input[type=checkbox]:after{content:"\2713";font-size:14px;font-weight:400;position:static;top:auto;left:auto}body.checkmark-circle .task input[type=checkbox]:after{content:none}.task.high-priority{border-left:4px solid var(--task-priority-color, var(--priority-color, #dc3545))}.checkbox-container{display:flex;align-items:center;gap:var(--space-7-5);padding:var(--space-1-25) var(--space-2-5);margin-left:var(--space-1-25)}.custom-checkbox{display:flex;align-items:center;font-size:1rem;font-weight:700;color:var(--theme-text-on-surface);cursor:pointer}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer}.custom-checkbox .checkmark{display:inline-block;width:14px;height:14px;border:1px solid var(--theme-task-border, #666);border-radius:var(--radius-sm);margin-right:var(--space-2);transition:background var(--transition-fast) ease}.custom-checkbox input:checked+.checkmark{background-color:var(--theme-task-checkmark);border-color:var(--theme-task-checkmark);position:relative}.custom-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:4px;top:-1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-text{flex:1;word-break:break-word;text-align:left;color:var(--theme-task-text, var(--theme-text-on-surface))}.task-text .recurring-indicator{display:inline-flex;align-items:center;vertical-align:middle;flex:0 0 auto;max-width:none;margin-left:var(--space-2);margin-right:0;white-space:nowrap}.task-edit-input{flex:1;font-size:var(--font-size-base);font-family:inherit;padding:var(--space-0-5) var(--space-1-5);border:1px solid var(--theme-input-focus-border, var(--color-primary));border-radius:var(--radius-sm);background:var(--theme-input-bg, var(--color-white));color:var(--theme-task-text, var(--theme-text-on-surface));outline:none;min-width:0;max-width:calc(100% - 120px);margin-right:var(--space-30);box-shadow:0 0 0 2px #4c79ff40;pointer-events:auto}.mini-cycle-switch-item input[type=text]:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}#taskList:not([data-move-arrows=true]) .move-up,#taskList:not([data-move-arrows=true]) .move-down{display:none}#taskList[data-move-arrows=true] .move-up,#taskList[data-move-arrows=true] .move-down{display:inline-flex}#taskList[data-move-arrows=true]>.task.is-first-task .move-up{visibility:hidden}#taskList[data-move-arrows=true]>.task.is-last-task .move-down{visibility:hidden}#taskList .task:has(input[type=checkbox]:checked) .move-up,#taskList .task:has(input[type=checkbox]:checked) .move-down,#completedTaskList .task .move-up,#completedTaskList .task .move-down{display:none}#completedTaskList .task{-webkit-user-drag:none}#completedTaskList .task[draggable]{cursor:default}@media(min-width:1024px){.task-card{max-width:50vw}}@media(max-width:768px){.task{padding:var(--space-1-5) var(--space-2-5)}.checkbox-container{gap:var(--space-5);padding:var(--space-1) var(--space-2)}.task-list-container{padding-bottom:var(--space-10);min-height:100px;max-height:none}#task-view.complete-btn-visible .task-list-container{max-height:none}.task-card{flex:1 1 auto;min-height:0;overflow:hidden;margin-top:var(--space-4-5)}#task-view{width:90vw;max-width:none}.task span.task-text,.task-edit-input{max-width:calc(100% - 70px);margin-right:70px}.task-text .recurring-indicator{display:inline-flex;align-items:center;vertical-align:middle;flex:0 0 auto;max-width:none;margin-left:var(--space-1-5);margin-right:0;min-width:12px;min-height:12px;white-space:nowrap}.task-text .recurring-indicator .icon,.task-text .recurring-indicator .icon svg{width:12px;height:12px}}@media(max-width:480px){.task-card{margin-top:calc(15px + env(safe-area-inset-top,0px)/2)}.task-list-container{min-height:80px}}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task-list-container{background:var(--pref-task-list-bg, rgba(255, 255, 255, .15));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}html:not(.dark-mode) body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task{background:var(--pref-task-bg, var(--theme-task-bg, rgba(255, 255, 255, .95)));color:var(--pref-task-text, var(--theme-text-on-surface))}html:not(.dark-mode) body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task-text,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task-text{color:var(--pref-task-text, var(--theme-text-on-surface))}html:not(.dark-mode) body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task.overdue-task,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task.overdue-task{background:var(--overdue-task-bg, rgba(244, 67, 54, .15));color:var(--overdue-task-text, var(--color-red))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .mini-cycle-title{background-color:var(--pref-title-bg, rgba(255, 255, 255, .4));color:var(--pref-title-text, rgba(43, 43, 43, .783))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task input[type=checkbox]:not(:checked){background-color:var(--pref-checkbox-incomplete-bg, rgba(200, 200, 200, .25));border-color:var(--pref-checkbox-incomplete-bg, rgba(180, 180, 180, .6))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task input[type=checkbox]:checked{background-color:var(--pref-checkbox-bg, #5db567);border-color:var(--pref-checkbox-bg, #40af4d)}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task input[type=checkbox]:checked:after{color:var(--pref-checkmark, rgb(18, 70, 9))}.auto-uncheck-banner{display:flex;align-items:center;gap:var(--space-1);width:max-content;max-width:100%;margin:var(--space-0-5) auto var(--space-1);padding:var(--space-0-5) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);font-style:italic;color:var(--theme-text-on-surface);background:transparent;border:none;cursor:pointer;text-align:center;font-family:inherit}.auto-uncheck-banner:hover{background:transparent}.auto-uncheck-banner:focus-visible{outline:1px dotted var(--theme-accent, var(--color-primary));outline-offset:2px}.auto-uncheck-banner.hidden{display:none}.auto-uncheck-banner-icon{font-size:var(--font-size-xs);line-height:1}.auto-uncheck-banner-text{flex:0 0 auto}#reset-task-view-layout{display:none}@media(hover:hover)and (pointer:fine)and (min-width:1024px){#reset-task-view-layout{display:revert}}:root{--tvl-snap-hover-color: rgba(80, 160, 255, .85);--tvl-snap-hover-glow: rgba(80, 160, 255, .25)}#task-card-group.task-card-group{width:100%;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){#task-card-group.task-card-group{flex:1 1 auto;min-height:0}#task-card-group .task-card{margin-top:0}body:not(.focus-mode) #task-input-row{transform:translateY(10px)}body:not(.focus-mode) #task-card-group.task-card-group{transform:translateY(10px)}body:not(.focus-mode) #complete-all-and-help-window-container{transform:translateY(10px)}body:not(.focus-mode) #help-window{transform:translateY(10px)}}.tvl-draggable{position:relative}.tvl-handle-host{position:relative;white-space:nowrap}.tvl-handle{position:absolute;z-index:var(--z-task-view-handle);width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--overlay-white-medium);color:var(--overlay-heavy);border:1px solid var(--overlay-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;pointer-events:none;cursor:grab;transition:opacity var(--transition-fast) ease,visibility 0s linear var(--transition-fast),background-color var(--transition-fast) ease}.tvl-handle--inside-top-left{top:6px;left:6px}.tvl-handle--outside-left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.tvl-handle--top-center-above{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tvl-handle svg{width:16px;height:16px;pointer-events:none}@media(hover:hover)and (pointer:fine)and (min-width:1024px){body:not(.focus-mode) .tvl-draggable.tvl-hovered .tvl-handle,body:not(.focus-mode) .tvl-handle:hover,body:not(.focus-mode) .tvl-handle:focus-visible{opacity:1;visibility:visible;transition-delay:0s;pointer-events:auto}body:not(.focus-mode) .tvl-handle:hover{background:var(--overlay-white-strong);color:var(--color-gray-700)}}.tvl-handle:active{cursor:grabbing}.tvl-dragging{transition:none!important;cursor:grabbing;-webkit-user-select:none;user-select:none}.tvl-dragging .tvl-handle{opacity:1;pointer-events:auto;background:var(--overlay-white-strong);cursor:grabbing}.tvl-snap-hover{outline:2px dashed var(--tvl-snap-hover-color);outline-offset:4px;box-shadow:0 4px 16px var(--tvl-snap-hover-glow)}.tvl-snap-target{position:absolute;display:none;pointer-events:none;border:2px dashed var(--tvl-snap-hover-color);border-radius:var(--radius-md);background:var(--tvl-snap-hover-glow);opacity:.55;z-index:var(--z-content);align-items:center;justify-content:center;transition:opacity var(--transition-fast) ease,box-shadow var(--transition-fast) ease,border-width var(--transition-fast) ease}.tvl-snap-target--visible{display:flex}.tvl-snap-target--active{opacity:1;border-width:3px;box-shadow:0 4px 20px var(--tvl-snap-hover-glow)}.tvl-snap-target__label{font-size:var(--font-size-sm);font-weight:600;color:var(--tvl-snap-hover-color);letter-spacing:.3px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--color-white);padding:4px 10px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.tvl-snap-target--active .tvl-snap-target__label{color:var(--color-white);background:var(--tvl-snap-hover-color)}@media(prefers-reduced-motion:reduce){.tvl-handle{transition:none}}@media(hover:hover)and (pointer:fine){body:not(.show-three-dots-enabled) .task:hover .task-options{visibility:visible;opacity:1;pointer-events:auto}}@media(hover:hover)and (pointer:fine)and (any-pointer:coarse){.task:hover .task-options{visibility:visible;opacity:1;pointer-events:auto}}body:not(.show-three-dots-enabled) .task:hover .task-options.task-options-force-hidden,.task-options.task-options-force-hidden{visibility:hidden;opacity:0;pointer-events:none}.task-options.task-options-visible{visibility:visible;opacity:1;pointer-events:auto}.task-options{position:absolute;top:-20px;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);display:flex;flex-wrap:nowrap;gap:var(--space-1);visibility:hidden;opacity:0;transition:opacity var(--transition-normal) ease-in-out,visibility var(--transition-normal) ease-in-out;z-index:var(--z-elevated);will-change:transform;white-space:nowrap}.task.long-pressed .task-options{display:flex;visibility:visible;opacity:1;pointer-events:auto}.task-btn,.move-btn{background:var(--pref-task-options-bg, var(--color-blue-pale));border:1px solid var(--pref-task-options-border, var(--border-blue-subtle));border-radius:50% 50% 0 0;width:32px;height:24px;font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-btn{color:var(--theme-text-on-surface);font-size:var(--font-size-sm)}.task-options button.task-btn:hover{background:var(--pref-task-options-hover-bg, var(--color-blue-pale-mid));transform:scale(1.05)}.recurring-btn,.recurring-btn .icon{color:var(--color-primary-dark)}.task-btn.recurring-btn.active{background-color:var(--color-success);color:var(--color-white);font-weight:700}.task-btn.recurring-btn.active .icon{color:var(--color-white)}.priority-btn,.priority-btn .icon{color:var(--theme-text-on-surface)}.task-btn.priority-btn.priority-active{background:var(--task-priority-color, var(--priority-color, #dc3545));color:var(--color-white)}.task-btn.priority-btn.priority-active .icon{color:var(--color-white)}.task-btn.priority-btn.priority-active:hover{filter:brightness(.85)}.edit-btn,.edit-btn .icon,.delete-btn,.delete-btn .icon{color:var(--theme-text-on-surface)}.set-due-date,.set-due-date .icon{color:var(--theme-input-placeholder)}.task-btn.set-due-date.active{background-color:var(--color-gray-600);color:var(--color-white);font-weight:700}.task-btn.set-due-date.active .icon{color:var(--color-white)}.delete-when-complete-btn.active,.delete-when-complete-btn.delete-when-complete-active{background-color:var(--color-blue-medium);color:var(--color-white)}.enable-task-reminders,.enable-task-reminders .icon{color:var(--theme-text-on-surface)}.task-btn.enable-task-reminders.reminder-active{background:var(--color-primary);color:var(--color-white)}.task-btn.enable-task-reminders.reminder-active .icon{color:var(--color-white)}.task-btn.enable-task-reminders:hover{background:var(--color-gray-300)}.task-btn.enable-task-reminders.reminder-active:hover{background:var(--color-primary-dark)}.hidden-task-btn{display:none}.three-dots-btn{position:absolute;top:0;bottom:0;right:0;background:none;border:none;font-size:25px;color:var(--color-gray-500);cursor:pointer;padding:0;transition:background var(--transition-fast) ease;width:44px;display:flex;align-items:center;justify-content:center;border-radius:0 var(--radius-md) var(--radius-md) 0}.three-dots-btn:hover{background:var(--overlay-light)}.modal-content.task-options-modal{max-width:620px;width:90vw;border-radius:var(--radius-lg);overflow:hidden}.task-options-modal .modal-header{display:flex;align-items:center;gap:var(--space-3);background:transparent;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-10);border-bottom:1px solid var(--overlay-light)}.task-options-modal .modal-header-text{flex:1}.task-options-modal .modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--theme-text-on-surface)}.task-options-modal .modal-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-steel-blue);line-height:1.4}.task-options-modal .modal-body{background:transparent;padding:var(--space-3-75)}.task-options-container{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4)}.task-options-list-column{display:flex;flex-direction:column;min-width:0}.task-options-list-column>.modal-footer-note{margin-top:var(--space-2);text-align:center}.task-options-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:320px;overflow-y:auto;padding:var(--space-3-5) var(--space-3-5) var(--space-6);background:var(--color-blue-pale-light);border-radius:var(--radius-10);border:1px solid var(--border-blue-subtle-hover);min-width:220px}.options-section{display:flex;flex-direction:column;gap:var(--space-1-5)}.section-header{margin-bottom:var(--space-1-5);padding-bottom:var(--space-1-5);border-bottom:1px solid var(--overlay-light)}.section-header h3{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--theme-input-placeholder);display:flex;align-items:center;gap:var(--space-1-5);text-transform:uppercase;letter-spacing:.3px}.section-options{display:flex;flex-direction:column;gap:var(--space-1)}.task-option-preview{display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-blue-pale-light);border-radius:var(--radius-10);border:1px solid var(--border-blue-subtle-hover)}.preview-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2-5);border-bottom:1px solid var(--overlay-light)}.preview-header .preview-icon{font-size:var(--font-size-sm)}.preview-header h3{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--theme-input-placeholder);text-transform:uppercase;letter-spacing:.3px}.preview-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4)}.preview-placeholder{color:var(--color-gray-400);font-style:italic;font-size:var(--font-size-sm)}.preview-placeholder .mobile-text{display:none}@media(max-width:768px),(hover:none){.preview-placeholder .desktop-text{display:none}.preview-placeholder .mobile-text{display:block}}.option-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-6);cursor:pointer;transition:background var(--transition-fast) ease}.option-item:hover{background:var(--overlay-light)}.option-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.option-item label{flex:1;cursor:pointer;font-size:var(--font-size-sm)}#reset-task-options-btn{margin-top:var(--space-2-5);padding:var(--space-2) var(--space-4);background:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);border:1px solid var(--overlay-medium);border-radius:var(--radius-6);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast) ease}#reset-task-options-btn:hover{background:var(--theme-button-secondary-hover-bg)}@media(max-width:768px){.task-options-modal{max-width:95%}.task-options-modal .modal-body{padding:var(--space-2-5)}.task-options-container{grid-template-columns:1fr;min-height:auto}.task-options-list{max-height:40vh}}@media(max-width:480px){.task-options-modal{width:95%}.task-options-modal .modal-header{padding-left:var(--space-10)}.task-options-modal .modal-header h2{font-size:var(--font-size-base)}.task-options-modal .modal-subtitle{font-size:var(--font-size-xs)}.task-options-container{gap:var(--space-2)}.task-options-list{padding:var(--space-2)}#reset-task-options-btn{width:100%}}.preview-option-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center}.preview-option-icon svg{width:48px;height:48px}.preview-option-title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--theme-text-on-surface)}.preview-option-description{margin:0;color:var(--theme-text-muted);font-size:var(--font-size-sm);line-height:1.5}.preview-option-note{font-size:var(--font-size-xs);color:var(--theme-text-muted);margin:var(--space-2) 0 0;font-style:italic}@media(max-width:768px){.task-option-preview{min-height:0;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-6)}.preview-header{display:none}.preview-content{padding:var(--space-0-5) var(--space-1);flex-direction:row;align-items:center;gap:var(--space-1-5);text-align:left}.preview-option-icon{font-size:var(--font-size-lg);margin-bottom:0;flex-shrink:0;min-width:20px}.preview-option-icon svg{width:18px;height:18px}.preview-option-title{margin-bottom:0;font-size:var(--font-size-sm);display:inline}.preview-option-description{font-size:var(--font-size-xs);line-height:1.2;display:inline}.preview-option-description:before{content:" \2014  "}.preview-placeholder{font-size:var(--font-size-xs);padding:var(--space-0-5) 0}}.task-option-item{display:flex;align-items:center;padding:var(--space-2-5) var(--space-3);background:var(--overlay-light);border:1px solid var(--overlay-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;gap:var(--space-2-5)}.task-option-item:hover:not(.disabled),.task-option-item:focus-within:not(.disabled){background:var(--color-success-pale);border-color:var(--color-success)}.task-option-item:has(.option-checkbox:checked){background:var(--color-blue-pale);border-color:var(--border-blue-subtle)}.task-option-item:has(.option-checkbox:checked):hover:not(.disabled){background:var(--color-success-pale);border-color:var(--color-success)}.task-option-item.selected{background:var(--color-success-pale);border:2px solid var(--color-success);box-shadow:var(--shadow-sm)}.task-option-item.selected:has(.option-checkbox:checked){background:var(--color-success-pale);border:2px solid var(--color-success);box-shadow:var(--shadow-sm)}.task-option-item.disabled{opacity:.6;cursor:not-allowed;background:var(--overlay-faint)}.option-checkbox-container{position:relative;flex-shrink:0;cursor:pointer}.option-checkbox{position:absolute;opacity:0;width:0;height:0}.option-checkbox+.custom-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-gray-400);border-radius:var(--radius-sm);background:var(--color-white);transition:all var(--transition-fast) ease}.option-checkbox:checked+.custom-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.option-checkbox:checked+.custom-checkbox:after{content:"";width:6px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:var(--space-0-5)}.option-checkbox:focus-visible+.custom-checkbox{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}.option-checkbox:disabled+.custom-checkbox{background:var(--color-gray-200);border-color:var(--color-gray-300);cursor:not-allowed}.option-checkbox:disabled:checked+.custom-checkbox{background:var(--color-gray-500);border-color:var(--color-gray-500)}.option-compact-content{flex:1;display:flex;align-items:center;gap:var(--space-2-5);flex-wrap:wrap;min-width:0}.option-icon{font-size:var(--font-size-sm);min-width:22px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:var(--theme-input-placeholder)}.option-icon svg{width:18px;height:18px}.task-option-item[data-option-key=highPriority] .option-icon{color:var(--task-priority-color, var(--priority-color, var(--color-orange-icon)))}.task-option-item[data-option-key=rename] .option-icon{color:var(--theme-input-placeholder)}.task-option-item[data-option-key=delete] .option-icon{color:var(--color-error)}.task-option-item[data-option-key=recurring] .option-icon{color:var(--color-blue-medium)}.task-option-item[data-option-key=dueDate] .option-icon{color:var(--theme-text-on-surface)}.task-option-item[data-option-key=reminders] .option-icon{color:var(--color-blue-medium)}.task-option-item[data-option-key=moveArrows] .option-icon{color:var(--theme-text-on-surface)}.task-option-item[data-option-key=threeDots] .option-icon{color:var(--color-gray-500)}.option-label{font-weight:500;font-size:var(--font-size-sm);color:var(--theme-text-on-surface);flex:1;white-space:nowrap}.always-visible-badge{display:inline-block;padding:var(--space-0-5) var(--space-1-5);background:var(--color-warning);color:var(--color-gray-800);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;white-space:nowrap;margin:0 auto}.task-btn.customize-btn{font-weight:700;font-size:var(--font-size-sm)}.task-options-modal .modal-footer{display:flex;flex-direction:column;gap:var(--space-2-5);padding:var(--space-3) 0 0 0;margin:0 -20px -20px;background:transparent}.task-options-modal .modal-footer-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-5)}.modal-footer-note{font-size:var(--font-size-xs);color:var(--color-steel-blue);margin:0;font-style:italic}#reset-task-options-btn{padding:var(--space-2) var(--space-3-5);background:var(--overlay-light);color:var(--theme-input-placeholder);border:1px solid var(--overlay-medium);border-radius:var(--radius-6);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast) ease;white-space:nowrap}#reset-task-options-btn:hover{background:var(--overlay-medium)}.task-options-modal .close-button-fullwidth{width:100%;margin-top:var(--space-3);padding:var(--space-3-5);background:var(--color-steel-blue);color:var(--color-white);border:none;border-radius:0;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:filter var(--transition-fast) ease}.task-options-modal .close-button-fullwidth:hover{filter:brightness(.85)}.task-options-modal .close-button-fullwidth:active{filter:brightness(.72)}body.dark-mode .task-btn,body.dark-mode .task-btn .icon,body.dark-mode .edit-btn .icon,body.dark-mode .delete-btn .icon,body.dark-mode .priority-btn .icon,body.dark-mode .enable-task-reminders .icon,body.dark-mode .set-due-date .icon,body.dark-mode .recurring-btn .icon{color:var(--color-slate-100)}body.dark-mode .task-btn.priority-btn.priority-active .icon,body.dark-mode .task-btn.recurring-btn.active .icon,body.dark-mode .task-btn.enable-task-reminders.reminder-active .icon,body.dark-mode .task-btn.set-due-date.active .icon{color:var(--color-white)}body.dark-mode .task-options-modal{background:var(--theme-modal-glass-bg, var(--color-slate-800));color:var(--color-slate-100);border:1px solid var(--color-slate-700);box-shadow:var(--shadow-modal-compound)}body.dark-mode .task-options-modal .modal-header{background:transparent;color:var(--color-white);border-bottom:1px solid var(--color-slate-700)}body.dark-mode .task-options-modal .modal-header h2{color:var(--color-slate-100)}body.dark-mode .task-options-modal .modal-subtitle{color:var(--dark-text-subdued)}body.dark-mode .task-options-modal .modal-body{background:#00000026}body.dark-mode .task-options-modal .modal-footer{background:transparent}body.dark-mode .task-options-list{background:var(--color-slate-800);border-color:var(--color-slate-700)}body.dark-mode .section-header{border-bottom-color:var(--color-slate-700)}body.dark-mode .section-header h3,body.dark-mode .modal-footer-note{color:var(--color-slate-400)}body.dark-mode .task-option-preview{background:var(--color-slate-800);border-color:var(--color-slate-700)}body.dark-mode .preview-header{border-bottom-color:var(--color-slate-700)}body.dark-mode .preview-header h3{color:var(--color-slate-400)}body.dark-mode .preview-placeholder{color:var(--color-slate-500)}body.dark-mode .task-option-item{background:var(--dark-overlay-faint)}body.dark-mode .task-option-item:has(.option-checkbox:checked){background:var(--dark-overlay-light);border-color:var(--dark-overlay-medium)}body.dark-mode .task-option-item:has(.option-checkbox:checked):hover:not(.disabled){background:var(--dark-success-bg);border-color:var(--dark-accent-green)}body.dark-mode .task-option-item:hover:not(.disabled),body.dark-mode .task-option-item:focus-within:not(.disabled){background:var(--dark-success-bg);border-color:var(--dark-accent-green)}body.dark-mode .task-option-item.selected,body.dark-mode .task-option-item.selected:has(.option-checkbox:checked){background:var(--dark-success-bg);border-color:var(--dark-accent-green)}body.dark-mode .preview-option-title{color:var(--color-slate-100)}body.dark-mode .preview-option-description{color:var(--color-slate-400)}body.dark-mode .task-option-item.disabled{background:var(--overlay-medium);opacity:.6}body.dark-mode .option-label{color:var(--color-slate-100)}body.dark-mode .preview-option-note{color:var(--color-slate-400)}body.dark-mode .always-visible-badge{background:var(--color-warning);color:var(--color-slate-900)}body.dark-mode #reset-task-options-btn{background:var(--dark-overlay-subtle);color:var(--color-slate-400);border:1px solid var(--color-slate-600)}body.dark-mode #reset-task-options-btn:hover{background:var(--dark-overlay-light);border-color:var(--color-slate-500)}body.dark-mode .option-checkbox+.custom-checkbox{background:var(--color-slate-800);border-color:var(--color-slate-600)}body.dark-mode .option-checkbox:checked+.custom-checkbox{background:var(--color-primary);border-color:var(--color-primary)}body.dark-mode .option-checkbox:disabled+.custom-checkbox{background:var(--color-slate-900);border-color:var(--color-slate-700)}body.dark-mode .option-icon{color:var(--color-slate-400)}body.dark-mode .task-option-item[data-option-key=highPriority] .option-icon{color:var(--color-amber)}body.dark-mode .task-option-item[data-option-key=delete] .option-icon{color:var(--color-error)}body.dark-mode .task-option-item[data-option-key=recurring] .option-icon{color:var(--color-blue-medium)}body.dark-mode .task-option-item[data-option-key=reminders] .option-icon{color:var(--color-blue-light)}body.dark-mode .task-option-item[data-option-key=dueDate] .option-icon,body.dark-mode .task-option-item[data-option-key=moveArrows] .option-icon,body.dark-mode .task-option-item[data-option-key=rename] .option-icon,body.dark-mode .task-option-item[data-option-key=threeDots] .option-icon{color:var(--color-slate-100)}.preview-review-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center}.preview-review-dialog::backdrop{background-color:var(--overlay-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.preview-review-modal{text-align:left;max-width:440px;padding:var(--space-5) var(--space-6) var(--space-4)}.preview-review-title{margin:0 0 var(--space-1-5) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--theme-modal-text, var(--theme-text-on-surface));padding-right:var(--space-7)}.preview-review-meta{font-size:var(--font-size-xs);color:var(--theme-text-muted, var(--theme-text-muted));margin-bottom:var(--space-3-5);padding-bottom:var(--space-2-5);border-bottom:1px solid var(--theme-modal-border, var(--overlay-medium))}.preview-review-body{max-height:50vh;overflow-y:auto}.preview-modal-task{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1-75) 0;font-size:var(--font-size-sm);color:var(--theme-modal-text, var(--theme-text-on-surface));border-bottom:1px solid var(--theme-modal-border, var(--overlay-light))}.preview-modal-task:last-child{border-bottom:none}.preview-modal-task.completed{opacity:.5;text-decoration:line-through}.preview-modal-check{flex-shrink:0;width:18px;text-align:center;font-size:var(--font-size-sm)}.preview-modal-task.completed .preview-modal-check{color:var(--theme-success, var(--color-success))}@media(max-width:480px){.preview-review-modal{max-width:95%;padding:var(--space-4) var(--space-4-5) var(--space-3)}.preview-review-title{font-size:var(--font-size-base)}.preview-review-body{max-height:45vh}}button{background:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);border:none;padding:var(--space-2-5) var(--space-3-25);font-size:var(--font-size-base);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-normal),transform var(--transition-fast);font-family:inherit}button:not(.dot):hover{background:var(--theme-button-secondary-hover-bg)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;border-style:dashed}.btn-primary,button.primary{background:var(--theme-button-primary-bg, var(--color-primary));color:var(--theme-button-primary-text, var(--color-white))}.btn-primary:hover,button.primary:hover{background:var(--theme-button-primary-hover-bg, #5a87ff)}.btn-secondary,button.secondary{background:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text)}.btn-secondary:hover,button.secondary:hover{background:var(--theme-button-secondary-hover-bg)}.btn-danger,button.danger{background:var(--theme-error, var(--color-error));color:var(--color-white)}.btn-danger:hover,button.danger:hover{background:var(--theme-error-light, #e55353)}.btn-success,button.success{background:var(--theme-success, var(--color-success));color:var(--color-white)}.btn-success:hover,button.success:hover{background:var(--theme-success-light, var(--color-success-light))}.btn-ghost,button.ghost{background:transparent;border:1px solid currentColor}.btn-ghost:hover,button.ghost:hover{background:#0000000d}.btn-icon,button.icon-only{padding:var(--space-2);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.btn-icon i,button.icon-only i{font-size:var(--font-size-base)}.complete-all-btn{background:var(--color-complete-btn);border:2px solid rgba(0,0,0,.15);border-bottom:3px solid rgba(0,0,0,.25);margin-top:var(--space-2-5);padding:14px var(--space-8);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.3px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) ease;color:var(--color-white);position:relative;z-index:var(--z-content);margin-bottom:0;box-shadow:var(--shadow-button);text-shadow:var(--text-shadow-sm)}.complete-all-btn:hover{background:var(--color-complete-btn-hover);transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.complete-all-btn:active{transform:translateY(1px);border-bottom-width:2px;box-shadow:var(--shadow-sm)}.complete-all-btn.todo-mode-btn{background:var(--color-todo-btn);box-shadow:var(--shadow-button)}.complete-all-btn.todo-mode-btn:hover{background:var(--color-todo-btn-hover);box-shadow:var(--shadow-button-hover)}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .complete-all-btn:not(.todo-mode-btn){background:var(--pref-complete-btn, var(--color-complete-btn));box-shadow:var(--shadow-button)}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .complete-all-btn.todo-mode-btn{background:var(--pref-clear-btn, var(--color-todo-btn));box-shadow:var(--shadow-button)}.complete-all-and-help-window-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2-5);margin-top:0;margin-bottom:var(--space-5);flex-shrink:0}.help-window{background:var(--pref-panel-bg);border-radius:var(--radius-2xl);border:1px solid var(--pref-panel-border);box-shadow:0 4px 15px #00000014,inset 0 1px 1px #ffffff4d;max-width:450px;width:100%;padding:var(--space-2-5) var(--space-2-5);z-index:var(--z-content);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--font-size-base);color:var(--pref-panel-text);backdrop-filter:blur(var(--pref-panel-blur));-webkit-backdrop-filter:blur(var(--pref-panel-blur));transition:opacity var(--transition-normal) ease;opacity:1;margin-top:var(--space-2-5);margin-bottom:var(--space-7-5)}.help-window.show{opacity:1;visibility:visible}.help-window.hide{opacity:0;visibility:hidden}body.hide-help-window .help-window{display:none}.help-window h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:600;color:var(--pref-panel-accent, var(--accent-color, #007bff))}.help-window p{margin:0;line-height:1.4;max-width:100%}.help-window-body,.help-window-cta{white-space:nowrap}@media(max-width:768px){.help-window{margin-top:var(--space-2);margin-bottom:var(--help-window-clearance);font-size:var(--font-size-sm);padding:var(--space-1-5) var(--space-2-5)}}@media(max-width:480px){.help-window{margin-bottom:var(--help-window-clearance);padding:5px var(--space-2);font-size:var(--font-size-xs)}}@media(min-width:769px)and (max-width:1023px){.task-list-container{max-height:calc(100vh - var(--task-card-offset-with-btn) - var(--help-window-clearance) - 15px)}.help-window{margin-bottom:calc(var(--help-window-clearance) + 25px);font-size:var(--font-size-sm);padding:var(--space-2-5)}}@media(min-width:1024px){.help-window{position:absolute;left:calc(100% + 25px);top:50%;transform:translateY(-50%);min-height:100px;min-width:200px;max-width:230px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);padding:var(--space-1-25) var(--space-3-75);margin:0}.task-list-container{max-height:calc(100vh - 400px)}}@media(min-width:1280px){.help-window{left:calc(100% + 30px);min-height:125px;min-width:250px;max-width:295px;font-size:var(--font-size-sm);padding:var(--space-1-25) var(--space-3-75)}}@media(min-width:1800px){.help-window{left:calc(100% + 40px);min-height:125px;min-width:300px;max-width:400px;font-size:var(--font-size-sm);padding:5px var(--space-5)}}.recurring-btn{color:var(--color-primary-dark)}.task-btn.recurring-btn.active{background-color:var(--color-success);color:var(--color-white)}.undo-container{display:flex;justify-content:flex-start;position:absolute;bottom:50px;width:100%;z-index:var(--z-content);pointer-events:grab}.undo-redo-btn{font-size:.85em;font-weight:600;color:var(--color-white);background:#0006;border:none;border-radius:var(--radius-6);cursor:pointer;padding:var(--space-1) var(--space-2);opacity:.8;transition:background var(--transition-fast) ease,color var(--transition-fast) ease;min-width:50px;position:absolute}.undo-redo-btn#undo-btn{left:38%}.undo-redo-btn#redo-btn{right:38%}.undo-redo-btn:hover{background:#ffffff26;color:var(--color-white)}.undo-redo-btn[hidden]{display:none}.close-btn,.close-modal{background:transparent;color:inherit;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xl);line-height:1;opacity:.7;transition:opacity var(--transition-fast)}.close-btn:hover,.close-modal:hover{opacity:1;background:transparent}.close-button-fullwidth{width:100%;padding:var(--space-3);background:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);border:1px solid var(--theme-button-secondary-border, rgba(0, 0, 0, .1));border-radius:var(--radius-md);font-weight:500;transition:background var(--transition-normal)}.close-button-fullwidth:hover{background:var(--theme-button-secondary-hover-bg)}.btn-group{display:flex;gap:var(--space-2)}.btn-group-vertical{flex-direction:column}.btn-group-center{justify-content:center}.btn-group-spread{justify-content:space-between}.btn-sm{padding:6px var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3-5) var(--space-7);font-size:var(--font-size-lg)}@media(max-width:768px){button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.complete-all-btn{padding:10px var(--space-5);font-size:var(--font-size-sm)}.title-header-inner{flex-direction:column;align-items:center;position:relative}.undo-container{position:absolute;bottom:calc(var(--nav-area-height) + var(--space-6));width:100%}body:not(.focus-mode) .undo-redo-btn#undo-btn,body:not(.focus-mode) .undo-redo-btn#redo-btn{top:0;transform:translateY(-50%)}.undo-redo-btn#undo-btn{left:25%}.undo-redo-btn#redo-btn{right:25%}}.mini-cycle-complete-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% + var(--cycle-complete-y-offset, 0px)));background:var(--pref-celebration-bg, rgba(76, 175, 79, .97));color:var(--color-black);width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:700;border-radius:50%;box-shadow:0 6px 24px var(--pref-celebration-shadow, var(--shadow-celebration));animation:completionBounce 1.5s ease-out;z-index:var(--z-modal)}.mini-cycle-complete-animation span{display:block;line-height:1;font-size:60px}@supports (-webkit-hyphens: none){.mini-cycle-complete-animation span{font-size:76px}}.mini-cycle-clear-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#3b82f6e8;color:var(--color-white);padding:var(--space-3-75) var(--space-6-25);font-size:60px;font-weight:700;border-radius:var(--radius-md);box-shadow:0 4px 10px #0000004d;animation:fadeOutScale var(--animation-exit) ease-in-out;z-index:var(--z-modal)}.first-cycle-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);z-index:var(--z-modal-high);animation:fadeIn var(--transition-normal) ease-out;cursor:pointer}@keyframes firstCycleBounce{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.15)}35%{opacity:1;transform:scale(.95)}50%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.first-cycle-icon{font-size:64px;line-height:1;animation:firstCycleBounce 1.5s ease-out}@media(prefers-reduced-motion:reduce){.first-cycle-icon{animation:none}}.first-cycle-heading{color:var(--color-white);font-size:var(--font-size-xl);font-weight:600;text-align:center;padding:0 var(--space-4);margin:0;line-height:1.3}.first-cycle-subtitle{color:#ffffffb3;font-size:var(--font-size-md);font-weight:400;text-align:center;padding:0 var(--space-4);margin:0;line-height:1.4}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-.125em;line-height:1}.icon svg{width:100%;height:100%}.icon svg path{fill:currentColor}.icon svg[fill=none] path{fill:none;stroke:currentColor}.icon-xs{font-size:.75em}.icon-sm{font-size:.875em}.icon-lg{font-size:1.25em}.icon-xl{font-size:1.5em}.icon-2x{font-size:2em}button .icon,.btn .icon{margin-right:.4em}button .icon:only-child,.btn .icon:only-child{margin-right:0}#menu-items button .icon,.menu-item .icon{display:block;font-size:1.5em;margin-bottom:var(--space-1)}.task-btn .icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.task-btn .icon svg{width:14px;height:14px;overflow:visible}.icon-spin{animation:icon-spin var(--animation-spin) linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}i.fas:empty,i.far:empty,i.fab:empty{display:none}dialog{border:none;padding:0;background:transparent;max-width:100vw;max-height:none;overflow:visible}dialog::backdrop{background-color:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease}dialog.closing>:first-child{animation:fadeOutScale-modal var(--transition-fast) ease forwards}dialog.closing::backdrop{animation:fadeOut var(--transition-fast) ease forwards}dialog.modal,dialog.modal-overlay,dialog.preferences-modal,dialog.themes-modal,dialog.games-modal,dialog.settings-modal,dialog.feedback-modal,dialog.quick-actions-picker-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}dialog.modal:not([open]),dialog.modal-overlay:not([open]),dialog.preferences-modal:not([open]),dialog.themes-modal:not([open]),dialog.games-modal:not([open]),dialog.settings-modal:not([open]),dialog.feedback-modal:not([open]),dialog.quick-actions-picker-overlay:not([open]){display:none}dialog.modal[open],dialog.modal-overlay[open],dialog.preferences-modal[open],dialog.themes-modal[open],dialog.games-modal[open],dialog.settings-modal[open],dialog.feedback-modal[open],dialog.quick-actions-picker-overlay[open]{display:flex}.modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:var(--theme-modal-overlay, rgba(0, 0, 0, .6));justify-content:center;align-items:center;animation:fadeIn var(--transition-normal) ease;overflow-x:hidden;overscroll-behavior:contain}.modal.active,.modal.show{display:flex}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-x:hidden;overscroll-behavior:contain}.modal-overlay.hidden{display:none}.modal-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg));color:var(--pref-modal-text, var(--theme-modal-text));border:1px solid var(--pref-modal-border, var(--theme-modal-border));padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px 1px #ffffff40;width:420px;max-width:95%;text-align:center;position:relative;animation:slideUp var(--transition-normal) ease;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.modal-content a{color:var(--theme-info, var(--color-primary));text-decoration:underline;font-weight:700}.modal-content a:hover,.modal-content a:focus-visible{text-decoration:underline}.about-modal-content{max-width:340px;padding:28px var(--space-6);background:var(--theme-stats-bg);color:var(--theme-stats-text);border:1px solid var(--theme-stats-border, rgba(255, 255, 255, .25));box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px 1px #fff6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.about-modal-content.has-corner-logo:before{display:none}.about-header{margin-bottom:var(--space-3-5)}.about-logo{width:48px;height:48px;margin-bottom:var(--space-2-5);background:linear-gradient(135deg,#7ec8e3,#4aa3df);border-radius:var(--radius-10);padding:var(--space-1-5);box-shadow:var(--shadow-glow-info)}.about-modal-content h2{margin:0 0 var(--space-1) 0;font-size:19px;font-weight:700;color:inherit;text-align:center}.about-trademark{font-size:9px;font-weight:400;opacity:.5;vertical-align:super;margin-left:var(--space-px)}.about-tagline{margin:0;font-size:13px;color:inherit;opacity:.7;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.about-version-badge{display:inline-block;background:#ffffff80;color:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:13px;font-weight:600;margin-bottom:var(--space-3-5)}.about-description{font-size:14px;line-height:1.6;color:inherit;opacity:.8;margin:0 0 var(--space-4) 0}.about-links{background:#ffffff73;border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4)}.about-links a{font-size:14px;font-weight:600}.about-links a:hover,.about-links a:focus-visible{text-decoration:underline}.about-link-divider{margin:0 var(--space-2-5);opacity:.4}.about-footer{border-top:1px solid rgba(255,255,255,.3);padding-top:var(--space-3-5)}.about-footer p{margin:0 0 var(--space-2) 0;font-size:12px;color:inherit;opacity:.6}.about-footer a{font-weight:600;opacity:1}.about-footer a:hover,.about-footer a:focus-visible{text-decoration:underline}.about-modal-content .about-footer .about-copyright{font-size:12px;opacity:.65}.about-modal-content .about-footer .about-cache{font-size:var(--font-size-xs);opacity:.75;margin-top:var(--space-1-5)}.modal-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;max-height:75vh;overflow-y:auto;background-color:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-gray-100))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));border-radius:var(--radius-15);padding:var(--space-5) 25px;z-index:var(--z-modal);box-shadow:var(--shadow-modal-heavy),inset 0 1px 1px #ffffff40;text-align:center;font-family:var(--font-family);animation:fadeInScale var(--transition-normal) ease;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.modal-panel h2{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-3-75);color:inherit}.has-corner-logo{position:relative}.modal-panel.has-corner-logo{position:fixed}.has-corner-logo:before{content:"";position:absolute;top:10px;left:12px;width:32px;height:32px;background:url("../../assets/images/logo/minicycle_logo_icon.png") no-repeat center/contain;border-radius:var(--radius-md);pointer-events:none;z-index:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3-75);border-bottom:1px solid var(--pref-modal-border, var(--theme-modal-border, rgba(0, 0, 0, .1)));margin-bottom:var(--space-3-75)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2-5);padding-top:var(--space-3-75);border-top:1px solid var(--pref-modal-border, var(--theme-modal-border, rgba(0, 0, 0, .1)));margin-top:var(--space-3-75)}.close-modal{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;background:transparent;border:none;color:inherit;opacity:.7;transition:opacity var(--transition-fast);padding:0;line-height:1}.close-modal:hover{opacity:1}.modal-close-button{background-color:var(--theme-button-primary-bg, var(--color-primary));border:none;border-radius:var(--radius-6);color:var(--theme-button-primary-text, var(--color-white));font-size:1rem;padding:10px var(--space-5);margin-top:var(--space-4);cursor:pointer;transition:background-color var(--transition-fast) ease}.modal-close-button:hover{background-color:var(--theme-button-primary-hover-bg, var(--color-primary-dark))}.mini-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-high);animation:fadeIn var(--transition-fast) ease}dialog.mini-modal-dialog::backdrop{background:#00000080}.mini-modal-box{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6-25);max-width:380px;width:90%;text-align:center;box-shadow:var(--shadow-modal-compound),inset 0 1px 1px #ffffff40;animation:popIn var(--transition-normal) ease;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.mini-modal-header{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-3);padding-left:var(--space-7);line-height:1.3}.mini-modal-body{font-size:.95rem;line-height:1.6;margin-bottom:var(--space-6-25);color:inherit;opacity:.85;white-space:pre-line}.mini-modal-buttons{display:flex;gap:var(--space-3);justify-content:center}.mini-modal-buttons .btn-cancel{background:var(--color-blue-pale);color:var(--theme-button-secondary-text);padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-blue-subtle);cursor:pointer;flex:1;font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease}.mini-modal-buttons .btn-confirm{background:var(--theme-color-success);color:var(--color-white);padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-md);border:none;cursor:pointer;flex:1;font-size:var(--font-size-sm);font-weight:600;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease}.mini-modal-buttons .btn-confirm.btn-destructive{background:var(--theme-color-error)}.mini-modal-buttons button:hover{opacity:.9;transform:translateY(-1px)}.mini-modal-buttons button:active{transform:translateY(0)}.mini-modal-buttons .btn-confirm:focus-visible,.mini-modal-buttons .btn-cancel:focus-visible{outline:2px solid var(--theme-color-success);outline-offset:2px}.mini-modal-buttons .btn-confirm.btn-destructive:focus-visible{outline-color:var(--theme-color-error)}.mini-modal-choices{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.btn-choice{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);background:var(--theme-task-bg);cursor:pointer;font-size:var(--font-size-md);transition:background var(--transition-fast) ease,border-color var(--transition-fast) ease}.btn-choice:hover{background:var(--color-gray-100);border-color:var(--color-blue-medium)}.btn-choice:focus-visible{outline:2px solid var(--color-blue-medium);outline-offset:2px}.btn-choice .choice-label{font-weight:600}.btn-choice .choice-description{font-size:var(--font-size-sm);opacity:.7;margin-top:var(--space-1)}body.dark-mode .mini-modal-box{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg)));color:var(--pref-modal-text, var(--color-gray-100));box-shadow:var(--shadow-modal-compound)}body.dark-mode .mini-modal-header,body.dark-mode .mini-modal-body{color:var(--pref-modal-text, var(--theme-modal-text))}body.dark-mode .mini-modal-buttons .btn-cancel{background-color:var(--theme-button-secondary-bg);color:var(--theme-modal-text)}body.dark-mode .btn-choice{background:var(--theme-button-secondary-bg);border-color:var(--color-gray-600);color:var(--theme-modal-text)}body.dark-mode .btn-choice:hover{background:var(--color-gray-700);border-color:var(--color-blue-medium)}.feedback-modal{justify-content:center;align-items:center}.feedback-modal-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));padding:var(--space-6) var(--space-5) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px 1px #ffffff40;border:1px solid var(--pref-modal-border, var(--theme-modal-border, rgba(0, 0, 0, .1)));width:420px;max-width:95%;text-align:center;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur));position:relative;animation:slideUp var(--transition-normal) ease}.feedback-modal-content h2{margin:0 0 var(--space-2) 0;font-size:18px;font-weight:700;color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)))}.feedback-modal-content p{font-size:13px;color:var(--pref-modal-text, var(--theme-modal-text, #666));opacity:.7;margin:0 0 var(--space-4) 0;line-height:1.5}.close-feedback-modal{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer;background:none;border:none;padding:0;color:inherit;line-height:1}.close-feedback-modal:hover{opacity:.7}#feedback-text{width:90%;height:100px;border:1px solid var(--theme-input-border, var(--theme-input-border));border-radius:var(--radius-5);padding:var(--space-2-5);resize:none;font-size:16px;margin-top:var(--space-2-5);background:var(--theme-input-bg, var(--color-white));color:var(--theme-input-text, var(--theme-text-on-surface))}#feedback-email{width:90%;border:1px solid var(--theme-input-border, var(--theme-input-border));border-radius:var(--radius-5);padding:var(--space-2-5);font-size:14px;margin-top:var(--space-2);background:var(--theme-input-bg, var(--color-white));color:var(--theme-input-text, var(--theme-text-on-surface))}#submit-feedback{display:block;background:var(--menu-close-bg, var(--color-steel-blue));color:var(--menu-close-text, var(--color-white));font-size:16px;font-weight:700;padding:var(--space-3-5);margin-top:var(--space-4);margin-left:-20px;margin-right:-20px;margin-bottom:0;width:calc(100% + 40px);border:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);cursor:pointer;transition:background var(--transition-fast) ease;text-align:center}#submit-feedback:hover{background:var(--menu-close-hover-bg, var(--menu-close-hover-bg))}#submit-feedback:disabled{opacity:.6;cursor:not-allowed}#thank-you-message{color:var(--theme-success, green);font-weight:700;padding:var(--space-4) 0}.feedback-rating-section{margin-bottom:var(--space-3);text-align:center}.feedback-rating-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));margin-bottom:var(--space-2)}.feedback-star-row{display:flex;justify-content:center;gap:var(--space-1-5)}.feedback-star{background:none;border:none;cursor:pointer;padding:var(--space-1-5);font-size:var(--font-size-2xl);color:var(--theme-text-muted, var(--color-gray-400));transition:color var(--transition-fast) ease,transform var(--transition-fast) ease;border-radius:var(--radius-md)}.feedback-star.is-hovered,.feedback-star:hover,.feedback-star.is-selected{color:var(--color-amber)}.feedback-star.is-hovered,.feedback-star:hover{transform:scale(1.15)}.feedback-star:focus-visible{outline:2px solid var(--theme-accent, var(--color-primary));outline-offset:2px}.feedback-rating-prompt{font-size:var(--font-size-sm);color:var(--theme-text-secondary, var(--color-gray-500));margin:var(--space-2) 0 0;min-height:1.4em}.feedback-tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-1)}.feedback-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-2-5);font-size:var(--font-size-xs);font-weight:500;color:var(--theme-input-text, var(--theme-text-on-surface));background:var(--theme-input-bg, var(--color-white));border:1px solid var(--theme-input-border, var(--color-gray-300));border-radius:var(--radius-2xl);cursor:pointer;transition:background var(--transition-fast) ease,border-color var(--transition-fast) ease}.feedback-tag:hover{border-color:var(--theme-accent, var(--color-primary))}.feedback-tag.is-selected{background:var(--highlight-blue-bg);border-color:var(--theme-accent, var(--color-primary))}.feedback-previous-rating{font-size:var(--font-size-xs);color:var(--theme-text-muted, var(--color-gray-500));margin:var(--space-2) 0 0;font-style:italic}@media(max-width:768px){.modal-content{padding:var(--space-3-75);width:95%}.modal-panel{max-width:95%;padding:15px var(--space-5)}}@media(max-width:480px){.modal-panel{padding:var(--space-3-75);border-radius:var(--radius-lg)}.mini-modal-box{width:95%;padding:var(--space-3-75)}}body{--modal-text-effective: var(--pref-modal-text, var(--theme-modal-text, var(--color-gray-700)));--modal-text-muted-effective: var(--pref-modal-text, var(--theme-modal-text, var(--color-gray-600)));--modal-border-effective: var(--pref-modal-border, var(--theme-modal-border, var(--overlay-light)));--modal-bg-effective: var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));--modal-bg-solid-effective: var(--pref-modal-bg, var(--theme-modal-bg, var(--color-white)));--modal-panel-text-effective: var(--pref-panel-text, var(--theme-text-primary, var(--color-gray-700)));--modal-header-bg-effective: var(--pref-modal-bg, var(--theme-header-bg, var(--color-gray-100)))}body.dark-mode,:root[data-theme=dark] body,:root[data-theme=dark-ocean] body{--modal-text-effective: var(--theme-modal-text, var(--color-gray-700));--modal-text-muted-effective: var(--theme-modal-text, var(--color-gray-600));--modal-border-effective: var(--theme-modal-border, var(--overlay-light));--modal-bg-effective: var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white)));--modal-bg-solid-effective: var(--theme-modal-bg, var(--color-white));--modal-panel-text-effective: var(--theme-text-primary, var(--color-gray-700));--modal-header-bg-effective: var(--theme-modal-header-bg, var(--color-gray-100))}.themes-modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;cursor:pointer}.themes-modal-content{position:relative;background:var(--modal-bg-effective);color:var(--modal-text-effective);padding:0;border-radius:var(--radius-xl);width:420px;max-width:95%;text-align:center;box-shadow:var(--shadow-modal),inset 0 1px 1px #ffffff40;overflow:hidden;cursor:default;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.themes-modal-content h2{margin:0;padding:var(--space-4-5) var(--space-6);background:var(--modal-header-bg-effective);color:var(--modal-text-effective);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.3px;border-bottom:1px solid var(--modal-border-effective)}#theme-options-section{padding:var(--space-4) var(--space-5) var(--space-2);text-align:left}.theme-radio-option{display:flex;align-items:center;padding:var(--space-3) var(--space-3-5);margin-bottom:var(--space-1-5);background:var(--theme-input-bg, var(--overlay-faint));border-radius:var(--radius-10);transition:all var(--transition-fast) ease;border:2px solid transparent;cursor:pointer}.theme-radio-option:hover{background:var(--theme-hover-bg, var(--overlay-light))}.theme-radio-option:has(input:checked){background:var(--color-blue-pale-mid);border-color:var(--border-blue-subtle-hover)}:root[data-theme=dark] .theme-radio-option:has(input:checked),:root[data-theme=dark-ocean] .theme-radio-option:has(input:checked){background:var(--theme-input-bg, var(--overlay-faint));border-color:var(--theme-accent, var(--border-blue-subtle-hover))}.theme-radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:var(--space-4-5);height:var(--space-4-5);border:2px solid var(--theme-border, var(--color-gray-300));border-radius:50%;margin-right:var(--space-3);cursor:pointer;position:relative;flex-shrink:0}.theme-radio-option input[type=radio]:checked{border-color:var(--theme-accent, var(--color-primary))}.theme-radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--space-2-5);height:var(--space-2-5);background:var(--theme-accent, var(--color-primary));border-radius:50%}.theme-radio-label{font-size:var(--font-size-sm);font-weight:500;color:var(--modal-text-effective)}#theme-options-section .custom-checkbox{display:flex;align-items:center;padding:var(--space-3) var(--space-3-5);margin-bottom:var(--space-1-5);background:var(--theme-input-bg, var(--overlay-faint));border-radius:var(--radius-10);transition:all var(--transition-fast) ease;border:2px solid transparent}#theme-options-section .custom-checkbox:hover{background:var(--theme-hover-bg, var(--overlay-light))}#theme-options-section .custom-checkbox:has(input:checked){background:var(--theme-selected-bg, var(--highlight-blue-bg));border-color:var(--theme-accent, var(--color-primary))}.theme-divider{border:none;margin:0}#dark-mode-section{padding:var(--space-3-5) var(--space-5);background:transparent;text-align:left}#dark-mode-section .custom-checkbox{display:flex;align-items:center;padding:var(--space-3) var(--space-3-5);background:transparent;border-radius:var(--radius-10);transition:all var(--transition-fast) ease}#dark-mode-section .custom-checkbox:hover{background:var(--overlay-faint)}#dark-mode-section .custom-checkbox .checkmark{width:var(--space-4-5);height:var(--space-4-5);border:2px solid var(--overlay-strong);border-radius:var(--radius-sm);margin-right:var(--space-2-5);background:var(--color-white);flex-shrink:0}#dark-mode-section .custom-checkbox input:checked+.checkmark{background-color:var(--theme-accent, var(--color-primary));border-color:var(--theme-accent, var(--color-primary))}#dark-mode-section .custom-checkbox input:checked+.checkmark:after{left:4px;top:0;width:5px;height:9px}.themes-modal .close-btn{width:100%;margin:0;padding:var(--space-3-5);background:var(--theme-button-bg, var(--color-primary));color:var(--theme-button-text, var(--color-white));border:none;border-radius:0;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast) ease}.themes-modal .close-btn:hover{background:var(--theme-button-hover, var(--color-primary-dark))}.theme-locked{opacity:.5}.theme-locked .theme-radio-label:after{content:" \1f512"}#vocab-theme-section{padding:var(--space-2) var(--space-5) var(--space-3);text-align:left}.vocab-theme-heading{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600);margin:0 0 var(--space-2) 0}.vocab-theme-label{display:flex;flex-direction:column;gap:var(--space-0-5)}.vocab-theme-name{font-size:var(--font-size-sm);font-weight:500;color:var(--modal-text-effective)}.vocab-theme-hint{font-size:var(--font-size-xs);color:var(--theme-text-muted, var(--color-gray-400))}.vocab-theme-unlock-hint{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);font-style:italic}.themes-modal-content{max-height:85vh;overflow-y:auto}.themes-modal-content .close-btn{position:sticky;bottom:0}.preferences-modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:var(--overlay-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;cursor:pointer}dialog.preferences-modal::backdrop{background:var(--overlay-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.preferences-modal-content{position:relative;background:var(--modal-bg-effective);color:var(--modal-text-effective);padding:0;border-radius:var(--radius-xl);width:420px;max-width:95%;max-height:85vh;text-align:center;box-shadow:var(--shadow-modal),inset 0 1px 1px #ffffff40;overflow:hidden;cursor:default;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.preferences-modal-content h2{margin:0;padding:var(--space-4) var(--space-5);background:var(--modal-header-bg-effective);color:var(--modal-text-effective);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.3px;border-bottom:1px solid var(--modal-border-effective);flex-shrink:0}.preferences-theme-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3-5);margin:var(--space-3) var(--space-4) 0;background:var(--theme-selected-bg);border:1px solid var(--theme-accent, var(--highlight-blue-border));border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--modal-text-muted-effective);text-align:left;flex-shrink:0}.preferences-theme-btn{flex-shrink:0;padding:var(--space-1-25) var(--space-2-5);background:var(--theme-button-bg, var(--color-primary));color:var(--color-white);border:none;border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast) ease}.preferences-theme-btn:hover{background:var(--theme-button-hover, var(--color-primary-dark))}.preferences-scroll-area{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.preferences-sections-column{min-width:0}.preferences-preview-section{position:sticky;top:-12px;z-index:var(--z-elevated);background:var(--preview-section-bg, linear-gradient(135deg, var(--color-primary), var(--color-primary-light)));margin:0 -16px var(--space-3-5) -16px;padding:var(--space-3) var(--space-4) 14px var(--space-4);box-shadow:var(--shadow-dropdown);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.preferences-preview-label{font-size:var(--font-size-xs);font-weight:600;color:var(--modal-panel-text-effective);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);text-align:left}.preferences-preview-label.preferences-section-header{cursor:default;pointer-events:none}.preferences-preview-label .preferences-section-toggle{display:none}.preferences-preview-section.collapsed .preferences-preview-container{display:block}.preferences-preview-container{border-radius:var(--radius-10);overflow:hidden;box-shadow:var(--shadow-md)}.preview-app-bg{padding:var(--space-3);background:var(--preview-bg-image, var(--preview-pattern-bg, var(--preview-app-bg, linear-gradient(135deg, var(--color-primary), var(--color-primary-light)))));background-size:cover,100px 100px,cover;background-position:center;transition:background var(--transition-normal) ease}.preview-title{background:var(--preview-title-bg, var(--color-white));color:var(--preview-title-text, var(--color-gray-800));padding:var(--space-2) 10px;border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--space-2);text-align:left;transition:all var(--transition-normal) ease}.preview-task-list{background:var(--preview-task-list-bg, var(--color-white));border-radius:var(--radius-6);padding:var(--space-1-5);margin-bottom:var(--space-2);transition:background var(--transition-normal) ease}.preview-task{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);background:var(--preview-task-bg, var(--color-white));border-radius:var(--radius-sm);margin-bottom:var(--space-1);transition:background var(--transition-normal) ease}.preview-task:last-child{margin-bottom:0}.preview-checkbox{width:16px;height:16px;border-radius:var(--radius-sm);border:2px solid var(--preview-checkbox-incomplete-bg, var(--color-gray-300));background:var(--preview-checkbox-incomplete-bg, var(--overlay-faint));flex-shrink:0;position:relative;transition:all var(--transition-normal) ease}.preview-checkbox.checked{background:var(--preview-checkbox-bg, var(--color-success-light));border-color:var(--preview-checkbox-bg, var(--color-success-light))}.preview-checkbox.checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--preview-checkmark, var(--color-success));border-width:0 2px 2px 0;transform:rotate(45deg)}.preview-task-text{font-size:var(--font-size-xs);color:var(--preview-task-text, var(--color-gray-700));transition:color var(--transition-normal) ease}.preview-progress-bar{height:6px;background:var(--overlay-white-light);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-2)}.preview-progress-fill{width:50%;height:100%;background:var(--preview-progress-bar, var(--color-success-light));border-radius:var(--radius-xs);transition:background var(--transition-normal) ease}.preview-buttons-row{display:flex;gap:var(--space-1-5);margin-bottom:0}.preview-button{color:var(--color-white);padding:var(--space-1-25) 0;border-radius:var(--radius-5);font-size:9px;font-weight:600;text-align:center;transition:background var(--transition-normal) ease}.preview-complete-btn{background:var(--preview-complete-btn, var(--color-complete-btn));flex:1}.preview-clear-btn{background:var(--preview-clear-btn, var(--color-todo-btn));flex:1}.preview-stats-panel{background:var(--preview-stats-bg, var(--overlay-white-medium));border-radius:var(--radius-6);padding:6px var(--space-2);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2);transition:background var(--transition-normal) ease}.preview-doughnut{width:32px;height:32px;flex-shrink:0}.preview-doughnut-fill{stroke:var(--preview-stats-doughnut, var(--color-success));transition:stroke var(--transition-normal) ease}.preview-stats-info{flex:1;min-width:0}.preview-stats-label{font-size:9px;color:var(--preview-stats-text, var(--color-gray-700));margin-bottom:var(--space-0-75);transition:color var(--transition-normal) ease}.preview-stats-bar{height:4px;background:var(--overlay-medium);border-radius:var(--radius-2xs);overflow:hidden}.preview-stats-bar-fill{width:62%;height:100%;background:linear-gradient(90deg,var(--preview-stats-progress, var(--color-primary)),color-mix(in srgb,var(--preview-stats-progress, var(--color-primary)),white 30%));border-radius:var(--radius-2xs);transition:background var(--transition-normal) ease}.preview-panels-row{display:flex;gap:var(--space-1-5);margin-top:var(--space-2)}.preview-panel{font-size:8px;font-weight:600;color:var(--preview-panel-text, var(--color-white));background:var(--overlay-white-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--overlay-white-light);transition:color var(--transition-normal) ease,opacity var(--transition-normal) ease}.preview-help-window{margin-left:auto}.preview-panel.hidden{display:none}.preferences-quick-presets{margin-bottom:var(--space-3-5);padding:var(--space-3);background:var(--color-blue-pale-light);border-radius:var(--radius-10)}.preferences-section-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--modal-text-effective);margin-bottom:var(--space-2-5);text-align:left}.preferences-section-icon{font-size:var(--font-size-sm)}.preferences-quick-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.quick-preset-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);background:var(--color-white);border:1px solid var(--border-blue-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease}.quick-preset-btn:hover{border-color:var(--theme-accent, var(--color-primary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.quick-preset-btn:active{transform:translateY(0)}.quick-preset-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--overlay-medium)}.quick-preset-name{font-size:var(--font-size-xs);font-weight:500;color:var(--modal-text-muted-effective)}.preferences-presets-section{margin-bottom:var(--space-3-5)}.preferences-presets-actions{display:flex;gap:var(--space-1-5);margin-bottom:var(--space-2)}.preferences-import-btn{padding:var(--space-1-25) var(--space-2-5);background:transparent;color:var(--modal-text-muted-effective);border:1px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease}.preferences-import-btn:hover{background:var(--theme-hover-bg, var(--overlay-faint));border-color:var(--theme-accent, var(--color-primary))}.preferences-save-btn{padding:var(--space-1-25) var(--space-2-5);background:var(--theme-success, var(--color-success));color:var(--color-white);border:none;border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast) ease}.preferences-save-btn:hover{background:var(--theme-success-hover, var(--color-success))}.preferences-presets-list{max-height:100px;overflow-y:auto}.preferences-no-presets{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;padding:var(--space-2)}.preferences-preset-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);margin-bottom:var(--space-1-5);background:var(--color-blue-pale-light);border:1px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-6);transition:all var(--transition-fast) ease}.preferences-preset-item:last-child{margin-bottom:0}.preferences-preset-item:hover{border-color:var(--theme-accent, var(--color-primary))}.preferences-preset-swatch{display:flex;gap:var(--space-0-5);flex-shrink:0}.preferences-preset-swatch-color{width:12px;height:20px;border-radius:var(--radius-2xs)}.preferences-preset-swatch-color:first-child{border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.preferences-preset-swatch-color:last-child{border-radius:0 var(--radius-xs) var(--radius-xs) 0}.preferences-preset-name{flex:1;font-size:var(--font-size-xs);font-weight:500;color:var(--modal-text-effective);cursor:pointer;padding:var(--space-0-75) var(--space-1-5);border-radius:var(--radius-sm);transition:background var(--transition-fast) ease;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.preferences-preset-name{white-space:normal;text-overflow:clip}}.preferences-preset-name:hover{background:var(--theme-hover-bg, var(--overlay-faint))}.preferences-preset-actions{display:flex;gap:var(--space-1);flex-shrink:0}.preferences-preset-btn{padding:var(--space-0-75) var(--space-1-5);background:transparent;border:1px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast) ease;color:var(--modal-text-muted-effective)}.preferences-preset-btn:hover{background:var(--theme-hover-bg, var(--overlay-faint))}.preferences-preset-btn.load-btn{background:var(--theme-button-bg, var(--color-primary));color:var(--color-white);border-color:var(--theme-button-bg, var(--color-primary))}.preferences-preset-btn.load-btn:hover{background:var(--theme-button-hover, var(--color-primary-dark))}.preferences-preset-btn.export-btn:hover{background:var(--theme-info, var(--color-primary));color:var(--color-white);border-color:var(--theme-info, var(--color-primary))}.preferences-preset-btn.delete-btn:hover{background:var(--theme-error, var(--color-error));color:var(--color-white);border-color:var(--theme-error, var(--color-error))}.preferences-preset-name-input{flex:1;font-size:var(--font-size-xs);font-weight:500;padding:var(--space-0-75) var(--space-1-5);border:1px solid var(--theme-accent, var(--color-primary));border-radius:var(--radius-sm);outline:none;background:var(--modal-bg-solid-effective);color:var(--modal-text-effective)}.preferences-preset-name-input:focus-visible{box-shadow:0 0 0 2px var(--theme-input-focus-border, var(--color-primary))}.preferences-section{margin-bottom:var(--space-2-5);background:transparent;border-radius:var(--radius-10);overflow:hidden}.preferences-section.collapsed{border-radius:0;border-bottom:1px solid var(--border-blue-subtle)}.preferences-section:not(.collapsed){background:var(--color-blue-pale-light)}.preferences-section-header.collapsible{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3-5);background:var(--color-blue-pale)}.preferences-section.collapsed .preferences-section-header.collapsible{background:transparent}.preferences-preview-label.preferences-section-header.collapsible{background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast) ease}.preferences-section:not(.collapsed) .preferences-section-header.collapsible{background:var(--border-blue-subtle-hover)}.preferences-section-header.collapsible:hover{background:var(--border-blue-subtle-hover)}.preferences-section.collapsed .preferences-section-header.collapsible:hover{background:var(--overlay-light)}.preferences-section-header.collapsible:focus-visible{outline:2px solid var(--accent-color, var(--color-primary));outline-offset:-2px;border-radius:var(--radius-md)}.preferences-section-toggle{margin-left:auto;font-size:var(--font-size-xs);color:var(--theme-text-muted, var(--color-gray-400));transition:transform var(--transition-normal) ease}.preferences-section.collapsed .preferences-section-toggle{transform:rotate(-90deg)}.preferences-section{display:grid;grid-template-rows:auto 1fr;transition:grid-template-rows var(--transition-fast) ease}.preferences-section.collapsed{grid-template-rows:auto 0fr}.preferences-section-content{padding:0 var(--space-3) var(--space-3);overflow:hidden;min-height:0;transition:opacity var(--transition-fast) ease,visibility var(--transition-fast),padding var(--transition-fast) ease}.preferences-section.collapsed .preferences-section-content{padding-top:0;padding-bottom:0;opacity:0;visibility:hidden}.preferences-color-row{display:flex;align-items:center;gap:var(--space-2-5);padding:10px var(--space-3);margin-bottom:var(--space-1-5);background:var(--color-blue-pale-light);border-radius:var(--radius-md);transition:all var(--transition-fast) ease;border:1px solid transparent}.preferences-color-row:last-child{margin-bottom:0}.preferences-color-row:hover{border-color:var(--theme-border, var(--color-gray-300))}.pref-color-icon{font-size:var(--font-size-sm);flex-shrink:0;width:20px;text-align:center}.preferences-color-row label{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--modal-text-effective);text-align:left}.preferences-color-row input[type=color]{width:48px;height:36px;padding:0;border:2px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-md);cursor:pointer;background:transparent;transition:all var(--transition-fast) ease}.preferences-color-row input[type=color]:hover{border-color:var(--theme-accent, var(--color-primary));transform:scale(1.05)}.preferences-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:var(--space-0-75)}.preferences-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-5)}.preferences-color-row .pref-toggle{transform:scale(.75);margin:0 -4px}.preferences-reset-btn{padding:var(--space-1) var(--space-2);background:transparent;color:var(--theme-text-muted, var(--color-gray-400));border:1px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast) ease}.preferences-reset-btn:hover{background:var(--theme-hover-bg, var(--overlay-faint));color:var(--modal-text-effective)}.preferences-color-row input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:6px;background:var(--theme-border, var(--color-gray-300));border-radius:var(--radius-xs);outline:none;cursor:pointer;transition:opacity var(--transition-fast) ease}.preferences-color-row input[type=range]:focus-visible{outline:2px solid var(--theme-input-focus-border, var(--color-primary));outline-offset:2px}.preferences-color-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--theme-btn-primary-bg, var(--color-primary));border-radius:50%;cursor:pointer;border:2px solid var(--color-white);box-shadow:var(--shadow-xs)}.preferences-color-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--theme-btn-primary-bg, var(--color-primary));border-radius:50%;cursor:pointer;border:2px solid var(--color-white);box-shadow:var(--shadow-xs)}.pref-range-value{font-size:var(--font-size-xs);font-weight:600;color:var(--modal-text-effective);min-width:32px;text-align:center;transition:opacity var(--transition-fast) ease}.preferences-bg-image-section{margin:var(--space-2) 0;padding:var(--space-2) 0;border-top:1px solid var(--modal-border-effective);border-bottom:1px solid var(--modal-border-effective)}.preferences-upload-btn,.preferences-remove-btn{padding:6px var(--space-3);border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease}.preferences-upload-btn{background:var(--theme-accent, var(--color-primary));color:var(--color-white);border:none}.preferences-upload-btn:hover{background:var(--theme-accent-hover, var(--color-primary-dark));transform:scale(1.02)}.preferences-remove-btn{background:transparent;color:var(--theme-text-muted, var(--color-gray-400));border:1px solid var(--theme-border, var(--color-gray-300));margin-left:var(--space-1-5)}.preferences-remove-btn:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--theme-error, var(--color-error));border-color:var(--color-error-light)}.preferences-select{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-6);background:var(--modal-bg-solid-effective);color:var(--modal-text-effective);font-size:var(--font-size-xs);cursor:pointer;min-width:120px}.preferences-select:hover{border-color:var(--theme-accent, var(--color-primary))}.preferences-bg-image-options{margin-top:var(--space-2);padding-top:var(--space-2)}.bg-image-preview-container{margin-top:var(--space-2-5);padding:var(--space-2);background:var(--modal-header-bg-effective);border-radius:var(--radius-md);text-align:center}.bg-image-preview{max-width:100%;max-height:100px;border-radius:var(--radius-6);object-fit:contain;box-shadow:var(--shadow-md)}.preferences-bg-image-hint{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:var(--space-1-5);padding-left:var(--space-7)}.preferences-footer{display:flex;gap:var(--space-2-5);padding:var(--space-3) var(--space-4);background:var(--modal-header-bg-effective);border-top:1px solid var(--modal-border-effective);flex-shrink:0}.preferences-undo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2-5);background:transparent;color:var(--modal-text-muted-effective);border:1px solid var(--theme-border, var(--color-gray-300));border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease}.preferences-undo-btn:hover:not(:disabled){background:var(--theme-hover-bg, var(--overlay-faint));border-color:var(--theme-accent, var(--color-primary))}.preferences-undo-btn:disabled{opacity:.4;cursor:not-allowed}.preferences-undo-btn span{font-size:var(--font-size-base)}.preferences-reset-all-btn{flex:1;padding:var(--space-2-5);background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-black);border:1px solid var(--theme-error, var(--color-error));border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast) ease}.preferences-footer button.preferences-reset-all-btn:hover{background:var(--theme-error, var(--color-error));color:var(--color-white)}.preferences-modal .close-btn{width:100%;margin:0;padding:var(--space-3-5);background:var(--theme-button-bg, var(--color-primary));color:var(--theme-button-text, var(--color-white));border:none;border-radius:0;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast) ease;flex-shrink:0;position:sticky;bottom:0}.preferences-modal .close-btn:hover{background:var(--theme-button-hover, var(--color-primary-dark))}@media(min-width:1024px){.preferences-modal-content{width:680px;max-width:95%}.preferences-scroll-area{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}.preferences-preview-section{flex:0 0 220px;position:sticky;top:0;align-self:flex-start;margin:0;border-radius:var(--radius-lg)}.preferences-sections-column{flex:1}.preferences-quick-presets-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.preferences-modal-content{width:92%;max-width:380px;max-height:80vh;border-radius:var(--radius-14)}.preferences-modal-content h2{padding:14px var(--space-4);font-size:var(--font-size-base)}.preferences-scroll-area{padding:10px var(--space-3)}.preferences-preview-container{transform:scale(.95);transform-origin:center top}.preferences-preview-section{position:static;z-index:auto}.preferences-preview-label.preferences-section-header{cursor:pointer;pointer-events:auto;display:flex;align-items:center;gap:var(--space-2)}.preferences-preview-label .preferences-section-toggle{display:inline;margin-left:auto;font-size:var(--font-size-xs);color:var(--modal-panel-text-effective);transition:transform var(--transition-normal) ease}.preferences-preview-section.collapsed .preferences-preview-container{display:none}.preferences-preview-section.collapsed{padding:0}.preferences-preview-section.collapsed .preferences-preview-label.preferences-section-header{padding:var(--space-3) var(--space-4);margin:0}.preferences-preview-section.collapsed .preferences-section-toggle{transform:rotate(-90deg)}}@media(max-width:480px){.preferences-modal-content{width:90%;max-width:340px;max-height:75vh;border-radius:var(--radius-lg)}.preferences-modal-content h2{padding:var(--space-3) var(--space-3-5);font-size:var(--font-size-sm)}.preferences-theme-notice{padding:var(--space-2) 10px;margin:10px var(--space-3) 0;font-size:var(--font-size-xs)}.preferences-scroll-area{padding:var(--space-2) 10px}.preferences-quick-presets-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-1-5)}.quick-preset-swatch{width:26px;height:26px}.quick-preset-name{font-size:10px}.preferences-section-header.collapsible{padding:var(--space-1-25) var(--space-1-5)}.preferences-color-row{padding:var(--space-2) 10px;gap:var(--space-2)}.preferences-color-row label{font-size:var(--font-size-xs)}.preferences-color-row input[type=color]{width:40px;height:32px}.preferences-color-row input[type=range]{width:80px}.pref-color-icon{font-size:var(--font-size-xs);width:16px}.preferences-footer{padding:10px var(--space-3)}.preferences-modal .close-btn{padding:var(--space-3);font-size:var(--font-size-sm)}.preferences-preview-section{margin:0 -10px var(--space-2-5) -10px;padding:var(--space-2) 10px 10px 10px}.preferences-preview-label.preferences-section-header{margin-bottom:var(--space-1-5);font-size:var(--font-size-xs)}.preferences-preview-label .preferences-section-toggle{font-size:10px}.preferences-preview-container{transform:scale(.85);transform-origin:center top;margin-bottom:-10px}.preview-app-bg{padding:var(--space-1-5)}.preview-title{padding:var(--space-1) var(--space-1-5);font-size:10px;margin-bottom:var(--space-1)}.preview-task-list{padding:var(--space-1);margin-bottom:var(--space-1)}.preview-task{padding:var(--space-0-75) var(--space-1);gap:var(--space-1);margin-bottom:var(--space-0-5)}.preview-checkbox{width:10px;height:10px}.preview-task-text{font-size:9px}.preview-progress-bar{height:3px;margin-bottom:var(--space-1)}.preview-buttons-row{gap:var(--space-1)}.preview-button{padding:var(--space-0-5) 0;font-size:7px}.preview-stats-panel{padding:var(--space-0-75) var(--space-1);margin-top:var(--space-1);gap:var(--space-1)}.preview-doughnut{width:20px;height:20px}.preview-stats-label{font-size:7px;margin-bottom:var(--space-0-5)}.preview-stats-bar{height:2px}.preview-panels-row{margin-top:var(--space-1);gap:var(--space-1)}.preview-panel{font-size:6px;padding:var(--space-0-5) var(--space-1)}.preferences-section{margin-bottom:var(--space-1-5)}.preferences-quick-presets{margin-bottom:var(--space-2-5);padding:var(--space-2)}}#notification-container{position:fixed;width:280px;display:flex;flex-direction:column;gap:var(--space-2-5);z-index:var(--z-notification);cursor:grab;user-select:none;pointer-events:none;margin:0;padding:0;border:none;background:transparent;inset:auto;overflow:visible}#notification-container.has-notifications{pointer-events:auto}#notification-container.dragging{cursor:grabbing;pointer-events:auto;box-shadow:var(--shadow-toast);z-index:var(--z-notification-active)}#notification-container .tip-close,#notification-container .tip-toggle,#notification-container .quick-option,#notification-container .apply-quick-recurring,#notification-container .open-recurring-settings,#notification-container button{cursor:pointer;user-select:none;position:relative;z-index:var(--z-notification-btn)}.notification{background:var(--theme-notification-bg);color:var(--theme-notification-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-10px);transition:opacity var(--transition-normal) ease,transform var(--transition-normal) ease;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;display:block;line-height:var(--line-height-normal);position:relative;animation:notificationSlideIn var(--transition-normal) ease forwards}.notification.show{opacity:1;transform:translateY(0)}.notification.hide{animation:notificationSlideOut var(--transition-normal) ease forwards}.notification.error{background:var(--theme-error, var(--color-error-light));color:var(--color-white)}.notification.success{background:var(--theme-notify-success);color:var(--color-white)}.notification.info{background:var(--theme-notify-info);color:var(--color-white)}.notification.warning{background:var(--theme-warning, var(--color-warning));color:var(--color-black)}.notification.recurring{background:var(--color-info);color:var(--color-white);border:3px solid rgba(93,134,99,.08);border-radius:var(--radius-10);box-shadow:0 4px 12px #00000014;font-size:.95rem;font-weight:500;letter-spacing:.3px;padding:var(--space-3-5) var(--space-4-5);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.notification.recurring .option-label{color:var(--color-white)}.notification.recurring .radio-circle.selected{background:var(--color-white);border-color:var(--color-white);box-shadow:0 0 12px #fff6}.notification:hover{box-shadow:var(--shadow-lg)}.notification.recurring:hover{transform:translateY(-2px)}.notification .notification-content{display:flex;align-items:center;gap:var(--space-2-5)}.notification .notification-icon{font-size:var(--font-size-base);flex-shrink:0}.notification .notification-text{flex:1}.notification .close-btn{position:absolute;top:8px;right:8px;background:#ffffff26;border:none;border-radius:50%;width:28px;height:28px;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;color:var(--color-white);line-height:28px;text-align:center;padding:0;z-index:var(--z-content);transition:background var(--transition-fast) ease,transform var(--transition-fast) ease;touch-action:manipulation}.notification .close-btn:hover{background:#ffffff40;transform:scale(1.1)}.notification .close-btn:active{transform:scale(.95)}.notification .notification-content{padding-right:var(--space-7);white-space:pre-line}.notification.notification-titled .notification-message:first-line,.notification.notification-titled .notification-content:first-line{font-weight:var(--font-weight-bold)}.notification.notification-titled .notification-content{text-align:center;padding-left:var(--space-7)}.notification.notification-titled .notification-content.notification-has-action .notification-message{align-self:stretch}.notification button{background:none;border:none;color:var(--color-white);font-weight:700;margin-left:var(--space-2-5);cursor:pointer;transition:opacity var(--transition-fast) ease}.notification button:hover{opacity:.8}.notification .open-recurring-settings{margin-left:var(--space-2);padding:6px var(--space-3);background:var(--color-gray-500);border:1px solid rgba(32,32,32,.091);border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-fast) ease;backdrop-filter:blur(4px)}.notification .open-recurring-settings:hover{background:#00000059;border-color:#ffffff80;transform:translateY(-1px);opacity:1}.notification .notification-content.notification-has-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.notification .notification-action-btn{flex-shrink:0;white-space:nowrap;padding:3px 10px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-6);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;margin:0;transition:background var(--transition-fast),transform var(--transition-fast)}.notification .notification-action-btn:hover{background:#ffffff59;transform:translateY(-1px);opacity:1}.notification .notification-action-btn:active{transform:translateY(0)}.notification .notification-action-btn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.notification .notification-content.notification-has-action .notification-actions{display:flex;flex-direction:row;gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-self:stretch}dialog .notification{margin:var(--space-2) 0 var(--space-3);border-radius:var(--radius-sm);box-shadow:none;font-size:var(--font-size-xs);padding:var(--space-2-5) var(--space-3);text-align:left;flex:0 0 100%}dialog .notification .notification-content.notification-has-action{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-3)}dialog .notification .notification-message{flex:1}dialog .notification .notification-action-btn{padding:var(--space-1-5) var(--space-3);flex-shrink:0}.notification.recurring .main-notification-content{position:static;display:block;padding:var(--space-3) var(--space-10, 40px) var(--space-3) var(--space-4)}.notification.recurring .recurring-task-name{margin-bottom:var(--space-2);font-size:var(--font-size-sm);opacity:.9}.notification.recurring .show-quick-actions{display:inline-block;margin-top:var(--space-2);padding:var(--space-1-5) var(--space-3);background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xs);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast) ease,opacity var(--transition-fast) ease}.notification.recurring .show-quick-actions:hover{background:#ffffff40}.notification.recurring .show-quick-actions.hidden{display:none}.notification.recurring .quick-recurring-container{display:none;margin-top:var(--space-3);opacity:0;transform:translateY(-10px);transition:opacity var(--transition-normal) ease,transform var(--transition-normal) ease}.notification.recurring .quick-recurring-container.visible{display:block;opacity:1;transform:translateY(0)}#notification-container .notification.recurring .close-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:#0003;border:none;border-radius:50%;width:var(--space-6);height:var(--space-6);font-size:var(--font-size-xs);line-height:var(--space-6);text-align:center;color:var(--color-white);cursor:pointer;padding:0;z-index:var(--z-elevated);transition:background var(--transition-fast) ease,transform var(--transition-fast) ease}#notification-container .notification.recurring .close-btn:hover{background:#0006;transform:scale(1.1)}.notification.recurring .educational-tip{background:#00000026;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.notification.recurring .tip-content{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.notification.recurring .tip-icon{flex-shrink:0;font-size:var(--font-size-base)}.notification.recurring .tip-text{flex:1;opacity:.95}.notification.recurring .tip-close{flex-shrink:0;background:#ffffff26;border:none;border-radius:50%;width:var(--space-5);height:var(--space-5);font-size:var(--font-size-xs);line-height:var(--space-5);text-align:center;color:var(--color-white);cursor:pointer;padding:0;margin:0;transition:background var(--transition-fast) ease}.notification.recurring .tip-close:hover{background:#ffffff4d}.quick-recurring-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.quick-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-fast) ease}.quick-option:hover{background:#ffffff1a}.quick-option:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;border-radius:var(--radius-sm)}.notification button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.notification.recurring .quick-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.notification .apply-quick-recurring{display:none;padding:var(--space-2) var(--space-3);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-6);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast) ease}.notification .apply-quick-recurring.visible{display:inline-block}.notification .apply-quick-recurring:hover{background:#ffffff4d;border-color:#ffffff80}.notification .educational-text{font-size:12px;opacity:.8;margin-top:var(--space-2);font-style:italic}@media(max-width:768px){#notification-container{top:calc(env(safe-area-inset-top) + 60px);width:95%}.notification{padding:var(--space-2-5) var(--space-3-5);font-size:var(--font-size-sm)}}@media(max-width:480px){.notification{padding:10px var(--space-3);border-radius:var(--radius-md)}.quick-recurring-options{grid-template-columns:1fr}}#notification-container .tip-toggle-btn{position:absolute;bottom:8px;right:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:var(--font-size-sm);padding:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-elevated);animation:tip-pulse 2s ease-in-out 1s 3}#notification-container .tip-toggle-btn:hover{background:#ffffff40;border-color:#fff6}@keyframes tip-pulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 8px 4px #ffffff4d}}.stats-panel{position:fixed;top:52%;left:50%;transform:translate(200%,-50%);transition:transform var(--animation-pop) ease-in-out,opacity var(--animation-pop) ease-in-out;width:80vw;max-width:400px;height:auto;max-height:var(--stats-panel-max-vh);overflow:hidden;color:var(--theme-stats-text);background:var(--theme-stats-bg);border:1px solid var(--theme-stats-border, rgba(255, 255, 255, .25));box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px 1px #fff6;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;pointer-events:none;z-index:var(--z-content);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}body:not(.focus-mode) #stats-panel{top:calc(50% + (var(--header-total-height, var(--header-height-fallback)) - var(--nav-dots-clearance, var(--nav-dots-clearance-fallback))) / 2);max-height:min(var(--stats-panel-max-vh),calc(100dvh - var(--header-total-height, var(--header-height-fallback)) - var(--nav-dots-clearance, var(--nav-dots-clearance-fallback)) - var(--space-6)))}.stats-panel>h2{flex-shrink:0;margin:0;padding-bottom:var(--space-2)}.stats-panel-content{align-self:stretch;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--space-5));mask-image:linear-gradient(to bottom,transparent 0,black var(--space-5))}#stats-panel.show{transform:translate(-50%) translateY(calc(-50% + var(--first-run-welcome-stats-shift, 0px)));opacity:1;pointer-events:all}#stats-panel.hide{transform:translate(200%) translateY(-50%);opacity:0;pointer-events:none}body.focus-mode .stats-panel{top:47%}@media(max-width:768px){body.focus-mode .stats-panel{top:51%}}#stats-panel p{margin:var(--space-2) 0;font-size:var(--font-size-sm)}#stats-header{margin-top:0;margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:700}.stats-feature-btn{background:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);border:1px solid var(--theme-stats-border, rgba(0, 0, 0, .1));padding:10px var(--space-4);border-radius:var(--radius-md);margin:var(--space-1-25);cursor:pointer;transition:background var(--transition-normal),transform var(--transition-fast)}.stats-feature-btn:hover{background:var(--theme-button-secondary-hover-bg);transform:scale(1.02)}.slide-arrow{position:fixed;top:50%;transform:translateY(-50%);font-size:32px;cursor:pointer;z-index:var(--z-elevated);transition:opacity var(--transition-fast);transition-delay:var(--transition-stagger)}.slide-arrow.left{left:10px}.slide-arrow.right{right:10px}@media(min-width:1024px){.stats-panel{max-width:550px;padding:var(--space-6) var(--space-8)}}@media(min-width:1280px){.stats-panel{max-width:650px;padding:28px var(--space-10)}}@media(max-width:768px){.stats-panel{width:90vw;top:55%;max-height:54vh;padding:var(--space-2) 10px}#stats-header{margin-top:0;margin-bottom:var(--space-1);font-size:var(--font-size-lg)}.current-routine-status,.theme-unlock-status{margin-top:var(--space-0-5);margin-bottom:var(--space-0-5);padding:5px var(--space-2)}.current-routine-status h3,.theme-unlock-status h3{font-size:var(--font-size-sm);margin:0}.current-routine-name{font-size:var(--font-size-sm);margin:var(--space-0-5) 0 0}.current-cycle-doughnut-container{width:52px;height:52px;margin:var(--space-0-75) auto}#current-cycle-progress-text{margin-top:var(--space-0-5);margin-bottom:var(--space-0-5);font-size:.85em}#current-routine-cycle-count,#current-routine-cleared-count{font-size:var(--font-size-xs)}.routine-buttons-container{padding:var(--space-0-5) 0;gap:var(--space-1-5)}.history-btn{padding:var(--space-1-25) var(--space-2-5);font-size:var(--font-size-xs)}.badge-container{margin-top:var(--space-0-5);margin-bottom:var(--space-0-5);padding:var(--space-1) var(--space-2)}.badge-container h3{margin-bottom:var(--space-0-5);font-size:var(--font-size-sm)}.achievement-badges-btn{padding:var(--space-1-25) var(--space-2-5);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.badges{gap:var(--space-1-25);margin-top:var(--space-0-75)}.badge{width:34px;height:34px}.global-stats-container{margin-top:var(--space-0-5);padding:2px var(--space-2)}#stats-panel p{margin:var(--space-0-5) 0}#milestone-progress-text{margin:0 0 var(--space-0-75) 0}.progress-container{height:7px}.slide-arrow{font-size:24px}}@media(max-width:480px){.stats-panel{width:95vw;padding:6px var(--space-2)}.current-cycle-doughnut-container{width:46px;height:46px}.badge{width:30px;height:30px}}.current-routine-status{margin-top:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm);text-align:center;cursor:pointer;width:100%;background:transparent;border-radius:var(--radius-lg);padding:var(--space-3);transition:background var(--transition-normal) ease}.current-routine-status:has(.visible){background:#ffffff73}.current-routine-status h3{cursor:pointer;transition:color var(--transition-normal) ease,transform var(--transition-normal) ease;font-size:var(--font-size-lg);color:var(--color-success);font-weight:600}.current-routine-status h3:hover{color:var(--theme-color-success, var(--color-success));transform:scale(1.02)}.current-routine-status .clickable{cursor:pointer;background:#ffffff80;padding:var(--space-2-5) var(--space-4-5);border-radius:var(--radius-md);display:inline-block;transition:background var(--transition-normal) ease,transform var(--transition-normal) ease}.current-routine-status .clickable:hover,.current-routine-status .clickable:focus-visible{background:#ffffffb3;transform:scale(1.02)}.current-routine-status .clickable:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}.current-routine-name{text-align:center;font-size:var(--font-size-md);font-weight:600;color:var(--theme-stats-text, #444);margin:var(--space-1) 0 0;display:none}.current-routine-name.visible{display:block}.current-cycle-doughnut-container{width:90px;height:90px;margin:var(--space-2-5) auto;display:none}.current-cycle-doughnut-container.visible{display:block}.current-cycle-doughnut{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.doughnut-bg{stroke:var(--theme-progress-track-bg, #e0e0e0)}.doughnut-progress{stroke-dasharray:251.2;stroke-dashoffset:251.2;transition:stroke-dashoffset var(--animation-slow) ease;will-change:stroke-dashoffset}.doughnut-text{font-size:var(--font-size-base);font-weight:700;fill:var(--theme-stats-text, var(--theme-text-on-surface));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#current-cycle-progress-text{text-align:center;font-size:1.05em;font-weight:500;color:var(--theme-stats-text, #555);margin-top:var(--space-2);margin-bottom:var(--space-2);display:none}#current-cycle-progress-text.visible{display:block}#current-routine-cycle-count,#current-routine-cleared-count{display:none;font-weight:500;color:var(--theme-stats-text, #444);white-space:pre-wrap;transition:opacity var(--transition-normal) ease}#current-routine-cycle-count.visible,#current-routine-cleared-count.visible{display:block}.routine-buttons-container{display:none;gap:var(--space-2);padding:var(--space-2) 0;justify-content:center;flex-wrap:wrap}.routine-buttons-container.visible{display:flex}.history-btn{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) 14px;border:1px solid var(--theme-stats-border, rgba(0, 0, 0, .1));border-radius:var(--radius-2xl);background:#ffffff80;color:var(--theme-stats-text, var(--theme-text-on-surface));font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast) ease,transform var(--transition-fast)}.history-btn:hover{background:#ffffffb3;transform:scale(1.02)}.theme-unlock-status{margin-top:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-sm);text-align:center;cursor:pointer;width:100%;background:transparent;border-radius:var(--radius-lg);padding:var(--space-3);transition:background var(--transition-normal) ease}.theme-unlock-status:has(.visible){background:#ffffff73}.theme-unlock-status h3{cursor:pointer;transition:color var(--transition-normal) ease,transform var(--transition-normal) ease;font-size:var(--font-size-lg);font-weight:600}.theme-unlock-status h3:hover{color:var(--theme-color-success, var(--color-success));transform:scale(1.02)}.theme-unlock-status .clickable{cursor:pointer;background:#ffffff80;padding:var(--space-2-5) var(--space-4-5);border-radius:var(--radius-md);display:inline-block;transition:background var(--transition-normal) ease,transform var(--transition-normal) ease}.theme-unlock-status .clickable:hover,.theme-unlock-status .clickable:focus-visible{background:#ffffffb3;transform:scale(1.02)}.theme-unlock-status .clickable:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}#theme-unlock-message,#golden-unlock-message,#game-unlock-message{display:none;font-weight:500;color:var(--theme-stats-text, #444);white-space:pre-wrap;transition:opacity var(--transition-normal) ease}#theme-unlock-message.visible,#golden-unlock-message.visible,#game-unlock-message.visible{display:block}#theme-unlock-message.unlocked-message,#golden-unlock-message.unlocked-message,#game-unlock-message.unlocked-message{color:var(--theme-color-success, var(--color-success));font-weight:700}.toggle-icon{margin-left:var(--space-2);font-size:.9em;vertical-align:middle}.badge-container{text-align:center;margin-top:var(--space-1);margin-bottom:var(--space-2);width:100%;padding:var(--space-2);background:#ffffff73;border-radius:var(--radius-lg)}.badge-container h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.badges{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-3);user-select:none;cursor:default}#all-routines-count{margin:0 0 var(--space-1-5) 0;text-align:center;font-size:var(--font-size-sm);font-weight:400;color:var(--theme-stats-text, #595959)}.achievement-badges-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-1) 10px;margin:0 auto var(--space-1);border:1px solid var(--theme-stats-border, rgba(0, 0, 0, .1));border-radius:var(--radius-2xl);background:#ffffff80;color:var(--theme-stats-text, var(--theme-text-on-surface));font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast) ease,transform var(--transition-fast)}.achievement-badges-btn:hover{background:#ffffffb3;transform:scale(1.02)}.achievement-count-badge{background:var(--color-primary, var(--color-primary));color:var(--color-white);border-radius:var(--radius-10);padding:var(--space-px) var(--space-1-5);font-size:var(--font-size-xs);min-width:18px;text-align:center}.global-stats-container{margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}#milestone-progress-text{font-size:.85em;color:var(--theme-stats-text, #595959);margin:0 0 var(--space-2) 0;text-align:center}.progress-container{background:var(--theme-progress-track-bg, #d0d0d0);border-radius:var(--radius-6);overflow:hidden;height:10px;max-width:85%;margin:0 auto}#stats-progress-bar{background:linear-gradient(90deg,var(--color-primary, var(--color-primary)),var(--color-primary-light, #6b93ff))}.badge{width:44px;height:44px;border-radius:50%;background:#00000014;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--theme-text-muted, var(--theme-text-muted));transition:all var(--transition-normal) ease;box-shadow:var(--shadow-inner-medium);cursor:pointer}.badge:hover{transform:scale(1.15) translateY(-2px)}.badge-tap-hint{font-size:var(--font-size-xs);color:var(--theme-text-muted);text-align:center;margin:var(--space-2) 0 0;font-style:italic}.badge:active{transform:scale(.95)}.badge:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}.badge.unlocked{color:var(--color-white);box-shadow:0 4px 10px #0000004d}.badge.unlocked[data-milestone="5"]{background-color:#c87132;box-shadow:var(--shadow-milestone-habit)}.badge.unlocked[data-milestone="25"]{background-color:#22a05e;box-shadow:var(--shadow-milestone-fitness)}.badge.unlocked[data-milestone="50"]{background-color:#4440c0;box-shadow:var(--shadow-milestone-scholar)}.badge.unlocked[data-milestone="75"]{background-color:#0a8db5;box-shadow:var(--shadow-milestone-cleaning)}.badge.unlocked[data-milestone="100"]{background-color:#d4a017;box-shadow:var(--shadow-milestone-classic)}.badge.unlocked.ocean-theme{background-color:#4ecdc4;color:var(--color-white);box-shadow:0 4px 10px #00a09366}.badge.unlocked.golden-theme{background-color:gold;color:#4a3d00;box-shadow:0 4px 10px #ffd70080}.badge.unlocked.game-unlocked{background-color:#000d;color:var(--color-white);box-shadow:0 0 12px #0009;font-weight:700}.badge.unlocked.animate-tap[data-milestone="5"]{animation:badge-flicker var(--anim-badge-flicker) ease-out}.badge.unlocked.animate-tap[data-milestone="25"]{animation:badge-flex var(--anim-badge-flex) ease-out}.badge.unlocked.animate-tap[data-milestone="50"]{animation:badge-bob var(--anim-badge-bob) ease-out}.badge.unlocked.animate-tap[data-milestone="75"]{animation:badge-sweep var(--anim-badge-sweep) ease-out}.badge.unlocked.animate-tap[data-milestone="100"]{animation:badge-shine var(--anim-badge-shine) ease-out}.badge.unlocked.animate-loop[data-milestone="5"]{animation:badge-flicker var(--anim-badge-flicker-loop) ease-in-out infinite}.badge.unlocked.animate-loop[data-milestone="25"]{animation:badge-flex var(--anim-badge-flex-loop) ease-in-out infinite}.badge.unlocked.animate-loop[data-milestone="50"]{animation:badge-bob var(--anim-badge-bob-loop) ease-in-out infinite}.badge.unlocked.animate-loop[data-milestone="75"]{animation:badge-sweep var(--anim-badge-sweep-loop) ease-in-out infinite}.badge.unlocked.animate-loop[data-milestone="100"]{animation:badge-shine var(--anim-badge-shine-loop) ease-in-out infinite}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .stats-panel{background:var(--pref-stats-bg, var(--theme-stats-bg));color:var(--pref-stats-text, var(--theme-stats-text))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #stats-panel p,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #stats-header,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .doughnut-text,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #current-routine-name,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #current-cycle-progress-text,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #current-routine-cycle-count,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #current-routine-cleared-count,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #theme-unlock-message,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #golden-unlock-message,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #game-unlock-message,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #all-routines-count,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #milestone-progress-text,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .achievement-badges-btn,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .history-btn{color:var(--pref-stats-text, var(--theme-stats-text, #333))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) #stats-progress-bar{background:linear-gradient(90deg,var(--pref-stats-progress, var(--color-primary, #4c79ff)),color-mix(in srgb,var(--pref-stats-progress, var(--color-primary, #4c79ff)),white 30%))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .doughnut-progress{stroke:var(--pref-stats-doughnut, url(#gradient))}body.dark-mode .stats-panel,body.theme-dark-ocean .stats-panel{border-color:#ffffff26;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px 1px #ffffff1a}body.dark-mode .current-routine-status:has(.visible),body.dark-mode .theme-unlock-status:has(.visible),body.theme-dark-ocean .current-routine-status:has(.visible),body.theme-dark-ocean .theme-unlock-status:has(.visible){background:#ffffff14}body.dark-mode .current-routine-status .clickable,body.dark-mode .theme-unlock-status .clickable,body.theme-dark-ocean .current-routine-status .clickable,body.theme-dark-ocean .theme-unlock-status .clickable{background:#ffffff14}body.dark-mode .current-routine-status .clickable:hover,body.dark-mode .theme-unlock-status .clickable:hover,body.theme-dark-ocean .current-routine-status .clickable:hover,body.theme-dark-ocean .theme-unlock-status .clickable:hover{background:#ffffff26}body.dark-mode .achievement-badges-btn,body.dark-mode .history-btn,body.theme-dark-ocean .achievement-badges-btn,body.theme-dark-ocean .history-btn{background:#ffffff14;border-color:#ffffff26}body.dark-mode .achievement-badges-btn:hover,body.dark-mode .history-btn:hover,body.theme-dark-ocean .achievement-badges-btn:hover,body.theme-dark-ocean .history-btn:hover{background:#ffffff26}body.dark-mode .badge-container,body.theme-dark-ocean .badge-container{background:#ffffff14}@media(max-width:768px){.stats-panel{max-height:62vh}.current-routine-status h3,.theme-unlock-status h3{font-size:var(--font-size-sm);margin:0;padding:0}.current-routine-status .clickable,.theme-unlock-status .clickable{padding:6px var(--space-3)}.current-cycle-doughnut-container{width:55px;height:55px;margin:var(--space-0-75) auto}.badge-container h3{font-size:var(--font-size-sm);margin-bottom:var(--space-0-75)}}body:not(.focus-mode) #nav-dots .dot[aria-controls=focus-task-panel]{display:none}#focus-task-panel{position:fixed;left:50%;top:47%;width:min(440px,92vw);transform:translate(-250%) translateY(-50%);opacity:0;pointer-events:none;z-index:var(--z-content);transition:transform var(--transition-normal) ease,opacity var(--transition-normal) ease}#focus-task-panel.show{transform:translate(-50%) translateY(-50%);opacity:1;pointer-events:all}#focus-task-panel.hide{transform:translate(-250%) translateY(-50%);opacity:0;pointer-events:none}.focus-task-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);background:var(--pref-task-bg, var(--theme-card-bg, var(--color-white)));color:var(--pref-task-text, var(--theme-text-on-surface));border:1px solid var(--theme-card-border, transparent);border-left:4px solid var(--focus-task-priority, transparent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);text-align:center}.focus-task-position{font-size:var(--font-size-xs);opacity:.65;letter-spacing:.04em}.focus-task-text{font-size:var(--font-size-xl);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.focus-task-card.focus-task-completed .focus-task-text{opacity:.55;text-decoration:line-through}.focus-task-indicators{display:flex;gap:var(--space-2);font-size:var(--font-size-sm);min-height:1.2em}.focus-task-indicator.hidden{display:none}.focus-task-complete-btn{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);font-weight:600;font-family:inherit;color:var(--color-white);background:var(--theme-button-primary-bg, var(--color-primary));border:none;border-radius:var(--radius-full);cursor:pointer;transition:filter var(--transition-fast) ease,transform var(--transition-fast) ease}.focus-task-complete-btn:hover,.focus-task-complete-btn:focus-visible{filter:brightness(1.08)}.focus-task-complete-btn:active{transform:scale(.97)}.focus-task-nav{display:flex;gap:var(--space-6)}.focus-task-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-family:inherit;color:inherit;background:transparent;border:1px solid var(--theme-card-border, currentColor);border-radius:var(--radius-full);opacity:.6;cursor:pointer;transition:opacity var(--transition-fast) ease}.focus-task-nav-btn:hover,.focus-task-nav-btn:focus-visible{opacity:1}.focus-task-nav-btn:disabled{opacity:.2;cursor:default}.focus-task-alldone,.focus-task-celebration{display:flex;flex-direction:column;gap:var(--space-2)}.focus-task-alldone.hidden,.focus-task-celebration.hidden{display:none}.focus-task-alldone-text,.focus-task-celebration-text{font-size:var(--font-size-lg);font-weight:600}.focus-task-alldone-hint{font-size:var(--font-size-sm);opacity:.7}.focus-task-card{min-height:220px;justify-content:center}@media(max-width:768px){body.focus-mode #focus-task-panel{top:51%}}.progress-container{position:relative;z-index:var(--z-elevated);width:90%;max-width:400px;background:#00000059;border-radius:var(--radius-10);height:12px;min-height:12px;margin-top:var(--space-3-75);box-shadow:0 2px 5px #0003;overflow:hidden;flex-shrink:0}.progress-bar{width:100%;height:100%;min-height:12px;background:var(--theme-progress-bar, var(--color-success-light));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal) ease-in-out}.progress-bar.complete{background:var(--theme-progress-bar, var(--color-success-light))}.progress-bar.warning{background:var(--theme-warning, var(--color-warning))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .progress-bar{background:var(--pref-progress-bar, var(--theme-progress-bar, var(--color-success-light)))}body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .progress-bar.complete{background:var(--pref-progress-bar, var(--theme-progress-bar, var(--color-success-light)))}@media(max-width:768px){.progress-container{width:85%;height:10px;min-height:10px;margin-top:var(--space-3)}.progress-bar{min-height:10px}}@media(max-width:480px){.progress-container{width:90%;margin-top:var(--space-2-5)}}@media(min-width:1024px){.progress-container{width:60%;max-width:50vw;height:10px;min-height:10px;margin-top:var(--space-3)}.progress-bar{min-height:10px}}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--theme-input-focus-border, rgba(76, 121, 255, .5))}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}select{padding:var(--space-2) var(--space-3);border:1px solid var(--theme-input-border, var(--theme-input-border));border-radius:var(--radius-sm);background:var(--theme-input-bg);color:var(--theme-input-text);cursor:pointer;appearance:none;-webkit-appearance:none}input[type=number]{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--theme-input-border, var(--theme-input-border));border-radius:var(--radius-sm);background:var(--theme-input-bg);color:var(--theme-input-text);width:auto}input[type=number]:focus{border-color:var(--theme-button-primary-bg, var(--color-primary))}input[type=date]{padding:var(--space-2) var(--space-3);border:1px solid var(--theme-input-border, var(--theme-input-border));border-radius:var(--radius-sm);background:var(--theme-input-bg);color:var(--theme-input-text);cursor:pointer}.time-picker-group{display:flex;align-items:center;gap:var(--space-2)}.time-picker-group input[type=number],.time-picker-group select{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--theme-input-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.time-picker-group input[type=number]:focus,.time-picker-group select:focus{border-color:var(--theme-button-primary-bg, var(--color-primary));box-shadow:var(--shadow-focus-ring-subtle)}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--theme-success, #4CAF50)}.input-group{display:flex;align-items:center;gap:var(--space-2)}.input-group label{font-size:var(--font-size-sm);color:var(--theme-text-secondary, #666)}.input-group input,.input-group select{flex:1}.specific-date-entry{margin-top:var(--space-2-5)}.specific-date-entry input[type=date]{width:100%;padding:var(--space-2-5);border:1px solid var(--theme-input-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.settings-modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;padding:var(--space-5)}.settings-modal.active,.settings-modal.show{display:flex}.settings-modal-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));border-radius:var(--radius-xl);padding:0;width:420px;max-width:95%;text-align:left;box-shadow:var(--shadow-modal-heavy),inset 0 1px 1px #ffffff40;font-family:var(--font-family);position:relative;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.settings-scroll-area{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5)}.settings-modal-content h2{margin:0;padding:var(--space-6) var(--space-5) var(--space-4);text-align:center;font-size:var(--font-size-xl);color:inherit;flex-shrink:0}.settings-section.collapsible{margin-bottom:var(--space-2);padding:0;border:1px solid var(--border-blue-subtle-hover);border-radius:var(--radius-10);overflow:hidden;background:var(--color-blue-pale-light)}.settings-section.collapsible.collapsed{border-color:transparent;border-bottom:1px solid var(--border-blue-subtle);border-radius:0;background:transparent}.settings-section-icon{font-size:var(--font-size-sm);flex-shrink:0}.settings-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 14px;background:var(--border-blue-subtle-hover);color:var(--color-black);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast) ease}.settings-section.collapsed .settings-section-header{background:transparent}.settings-section.collapsed .settings-section-header:hover{background:var(--overlay-light)}.settings-section:not(.collapsed) .settings-section-header:hover{background:var(--border-blue-subtle)}.settings-section-header:focus-visible{outline:2px solid var(--accent-color, var(--color-primary));outline-offset:-2px;border-radius:var(--radius-6)}.settings-btn:focus-visible{outline:2px solid var(--accent-color, var(--color-primary));outline-offset:2px}.settings-section-toggle{font-size:var(--font-size-xs);transition:transform var(--transition-fast) ease;opacity:.6;margin-left:auto}.settings-section.collapsed .settings-section-toggle{transform:rotate(-90deg)}.settings-section.collapsible{display:grid;grid-template-rows:auto 1fr;transition:grid-template-rows var(--transition-fast) ease}.settings-section.collapsible.collapsed{grid-template-rows:auto 0fr}.settings-section-content{padding:var(--space-3) 14px;overflow:hidden;min-height:0;transition:padding var(--transition-fast) ease,opacity var(--transition-fast) ease,visibility var(--transition-fast)}.settings-section.collapsed .settings-section-content{padding-top:0;padding-bottom:0;opacity:0;visibility:hidden}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;inset:-10px -8px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--theme-input-border);transition:var(--transition-normal);border-radius:var(--radius-24)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);transition:var(--transition-normal);border-radius:50%;box-shadow:var(--shadow-xs)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px var(--accent-color, var(--color-primary))}.settings-option{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2-5) 0;font-size:var(--font-size-sm);color:inherit;cursor:pointer}.settings-option>span:last-child{flex:1}.settings-btn{width:100%;padding:var(--space-2-5) var(--space-3-5);margin:var(--space-1-5) 0;font-weight:500;font-size:var(--font-size-sm);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.settings-btn:hover{background:var(--color-primary-dark);transform:scale(1.01)}.settings-btn i{font-size:var(--font-size-sm)}.settings-btn.settings-btn-primary{background:var(--color-success);color:var(--color-white)}.settings-btn.settings-btn-primary:hover{background:var(--color-success)}.settings-btn.settings-btn-ghost{background:transparent;color:var(--pref-modal-text, var(--theme-modal-text, var(--color-gray-600)));border:1px solid var(--pref-modal-border, var(--theme-modal-border, var(--theme-input-border)))}.settings-btn.settings-btn-ghost:hover{background:var(--theme-input-bg, var(--color-gray-100));border-color:var(--color-gray-500)}.settings-btn.factory-reset-btn{background:var(--color-error);color:var(--color-white);margin-top:var(--space-2)}.settings-btn.factory-reset-btn:hover{background:var(--color-error)}button.settings-btn.close-btn{display:block;background:var(--color-steel-blue);color:var(--menu-close-text, var(--color-white));font-size:var(--font-size-lg);font-weight:700;padding:var(--space-3-5);margin:0;width:100%;border:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);text-align:center;flex-shrink:0}button.settings-btn.close-btn:hover{background:var(--menu-close-hover-bg, var(--menu-close-hover-bg));transform:none}.settings-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--pref-modal-border, var(--theme-modal-border, var(--overlay-medium)))}.settings-version{text-align:center;font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:700;margin-bottom:var(--space-2-5)}@media(max-width:768px){.settings-scroll-area{padding:var(--space-4-5) var(--space-3-5)}.settings-modal-content h2{padding:var(--space-4-5) var(--space-3-5) var(--space-3)}.settings-btn{padding:10px var(--space-3);font-size:var(--font-size-sm)}button.settings-btn.close-btn{font-size:var(--font-size-base);padding:var(--space-3)}.settings-section-header{padding:10px var(--space-3);font-size:var(--font-size-sm)}.settings-section-content{padding:10px var(--space-3)}.settings-option{font-size:var(--font-size-sm)}.toggle-switch{width:40px;height:22px}.toggle-slider:before{height:16px;width:16px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}}@media(max-width:480px){.settings-modal-content{max-height:85vh}}.settings-option{display:flex;align-items:flex-start;margin-bottom:var(--space-2-5);justify-content:flex-start;text-align:left;gap:var(--space-2-5)}.settings-option input[type=checkbox]{margin-right:var(--space-2-5)}.settings-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-2) var(--space-3);margin-right:var(--space-2-5);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-normal)}.settings-btn:hover{background:var(--color-primary-dark)}#close-reminders-btn{background:var(--menu-close-bg, var(--color-steel-blue));color:var(--menu-close-text, var(--color-white));font-size:var(--font-size-lg);font-weight:700;padding:var(--space-3-5);border:none;border-radius:0 0 var(--radius-md) var(--radius-md);margin:var(--space-3) -20px -20px;width:calc(100% + 40px);cursor:pointer;transition:background var(--transition-fast) ease;display:block;text-align:center}#close-reminders-btn:hover{background:var(--menu-close-hover-bg, var(--menu-close-hover-bg))}.unlockables{display:flex;justify-content:flex-start;gap:var(--space-5);margin-top:var(--space-2-5);margin-bottom:var(--space-2-5)}#open-themes-panel,#open-games-panel{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--theme-text-on-surface);background:transparent;border:none;border-radius:var(--radius-6);cursor:pointer;transition:background var(--transition-fast) ease}#open-themes-panel:hover,#open-games-panel:hover{background:var(--overlay-light)}#quick-dark-toggle{position:fixed;bottom:30px;right:10px;z-index:var(--z-content);background:none;color:var(--color-white);border:none;border-radius:50%;width:60px;height:60px;font-size:32px;cursor:pointer}#quick-dark-toggle:hover{transform:scale(1.15)}#personalization-btn{position:fixed;bottom:30px;left:10px;z-index:var(--z-content);background:none;color:var(--color-white);border:none;border-radius:50%;width:60px;height:60px;font-size:32px;cursor:pointer}#personalization-btn:hover{transform:scale(1.15)}@media(max-width:768px){#quick-dark-toggle,#personalization-btn{width:50px;height:50px;font-size:26px;bottom:25px}}@media(max-width:480px){#quick-dark-toggle,#personalization-btn{width:45px;height:45px;font-size:24px;bottom:20px}}.mode-selector-wrapper .mode-selector{position:relative;background:#fff3;box-shadow:0 2px 4px #e2e2e233;border:1px solid #0c20913f;color:#2c3270;border-radius:var(--radius-5);padding:3px var(--space-5) 4px var(--space-2);font-size:var(--font-size-xs);font-weight:500;max-width:200px;min-height:var(--space-6-25);appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-normal) ease;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232c3270' viewBox='0 0 16 16'%3e%3cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:10px}.mode-selector{position:relative;background:#000000b0;color:#fff;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-10);margin:0;padding:5px var(--space-3);min-height:var(--space-7);cursor:pointer;transition:all var(--transition-normal) ease;z-index:var(--z-content);font-size:var(--font-size-xs);font-weight:700;appearance:none;-webkit-appearance:none;min-width:110px;outline:none;text-align:center;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.mode-selector:focus-visible{box-shadow:0 0 0 2px var(--theme-input-focus-border, rgba(76, 121, 255, .5))}.mode-selector:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid white;pointer-events:none}.mode-selector:hover{background:#fff6;border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.mode-selector:focus-visible{background:#ffffff80;border-color:var(--color-primary-dark);box-shadow:0 0 0 2px #0c209133}.mode-selector option{background:#000000e6;color:#fff;padding:var(--space-2) var(--space-3);font-weight:700;border:none}.mode-selector option:hover{background:var(--color-charcoal)}.mode-selector option:checked{background:#6464ffcc;color:#fff;font-weight:700}body.auto-cycle-mode .mode-selector-wrapper .mode-selector{border-bottom:2.5px solid var(--color-gray-700)}body.manual-cycle-mode .mode-selector-wrapper .mode-selector{border-bottom:2.5px solid var(--color-green-dark)}body.todo-mode-mode .mode-selector-wrapper .mode-selector{border-bottom:2.5px solid var(--color-todo-btn)}body.dark-mode.auto-cycle-mode .mode-selector-wrapper .mode-selector{border-bottom-color:var(--color-gray-700)}body.dark-mode.manual-cycle-mode .mode-selector-wrapper .mode-selector{border-bottom-color:var(--color-green-dark)}body.dark-mode.todo-mode-mode .mode-selector-wrapper .mode-selector{border-bottom-color:var(--color-todo-btn)}.quick-actions-container{position:absolute;left:15px}.quick-actions-btn{background:#fff3;box-shadow:0 2px 4px #e2e2e233;border:1px solid #0c20913f;color:#2c3270;border-radius:var(--radius-5);width:88px;height:var(--space-6-25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) ease;position:relative}.quick-actions-btn:after{content:"";position:absolute;inset:-10px 0}.quick-actions-btn:hover{background:#fff6;border-color:var(--color-primary-dark)}.quick-actions-btn:active{transform:scale(.95)}.quick-actions-btn svg{fill:#2c3270;width:20px;height:20px;stroke:#2c3270;stroke-width:1px}body.tasks-empty .quick-actions-btn{background:linear-gradient(110deg,#fff3 0% 40%,#fffc 50%,#fff3 60% 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){body.tasks-empty .quick-actions-btn{animation:none}}body.reduced-motion.tasks-empty .quick-actions-btn{animation:none}.quick-actions-btn.first-time-shimmer{background:linear-gradient(110deg,#fff3 0% 40%,#fffc 50%,#fff3 60% 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.quick-actions-btn.first-time-shimmer{animation:none}}body.reduced-motion .quick-actions-btn.first-time-shimmer{animation:none}.quick-actions-menu{display:none;position:absolute;top:100%;left:0;margin-top:var(--space-1-25);background:linear-gradient(135deg,#fff,#f0f0f0);border:1px solid rgba(12,32,145,.3);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);min-width:180px;z-index:var(--z-notification);overflow:visible}.quick-actions-menu.visible{display:block}.quick-actions-menu.hidden{display:none}.quick-action-item{display:flex;align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2-5) var(--space-3-5);background:transparent;border:none;cursor:pointer;text-align:left;font-size:var(--font-size-sm);color:#2c3270;transition:background var(--transition-fast) ease}.quick-action-item:hover{background:#0c20911a}.quick-action-item svg{width:16px;height:16px;fill:currentColor}@media(max-width:768px){.mode-selector-wrapper{min-height:32px}.mode-selector-wrapper .mode-selector{font-size:var(--font-size-xs);min-height:var(--space-6-25);padding:3px var(--space-5) 4px var(--space-2);max-width:200px}.quick-actions-btn{width:70px}}@media(max-width:480px){.quick-actions-container{left:10px}.quick-actions-btn{width:60px;font-size:var(--font-size-xs)}}.routine-switcher-btn{position:absolute;right:var(--space-3-75);background:var(--overlay-white-light);box-shadow:var(--shadow-button);border:1px solid var(--border-blue-subtle-hover);color:var(--color-navy);border-radius:var(--radius-5);width:88px;height:var(--space-6-25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) ease}.routine-switcher-btn:after{content:"";position:absolute;inset:-10px 0}.routine-switcher-btn:hover{background:var(--overlay-white-medium);border-color:var(--color-navy-dark)}.routine-switcher-btn:active{transform:scale(.95)}.routine-switcher-btn svg{fill:var(--color-navy);width:16px;height:16px}.mini-cycle-switch-modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:var(--overlay-heavy);justify-content:center;align-items:center;overflow:hidden;overscroll-behavior:none}.mini-cycle-switch-modal.active,.mini-cycle-switch-modal.show{display:flex}dialog.mini-cycle-switch-modal{background:transparent}dialog.mini-cycle-switch-modal[open]{display:flex}dialog.mini-cycle-switch-modal::backdrop{background:var(--overlay-heavy)}.mini-cycle-switch-modal-content{position:relative;background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, rgb(237, 239, 246))));color:var(--pref-modal-text, var(--theme-modal-text, #333));padding:var(--space-3-75) var(--space-3-75) 0;border-radius:var(--radius-10);box-shadow:var(--shadow-dropdown),inset 0 1px 1px #ffffff40;min-width:300px;max-width:400px;text-align:center;max-height:90vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.mini-cycle-switch-modal-content::-webkit-scrollbar{width:6px}.mini-cycle-switch-modal-content::-webkit-scrollbar-track{background:transparent}.mini-cycle-switch-modal-content::-webkit-scrollbar-thumb{background:var(--overlay-medium);border-radius:var(--radius-10)}.mini-cycle-switch-modal-content::-webkit-scrollbar-thumb:hover{background:var(--overlay-strong)}.mini-cycle-switch-title{font-size:var(--font-size-xl);font-weight:700;color:inherit;text-align:center;padding:var(--space-2-5) 0;border-bottom:1px solid var(--overlay-medium);margin-bottom:var(--space-2-5)}input.routine-search-input{width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--border-blue-subtle-hover);border-radius:var(--radius-5);background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family);box-sizing:border-box;transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease,background var(--transition-fast) ease}input.routine-search-input:focus{outline:none;border-color:var(--theme-button-primary-bg, #4c79ff);box-shadow:var(--shadow-focus-ring-subtle);background:var(--color-white)}.routine-search-input:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}.routine-search-input::placeholder{color:var(--color-gray-400)}.cycle-item-title mark{background:var(--border-blue-subtle);color:inherit;border-radius:var(--radius-xs);padding:0 1px}.routine-sort-filter-row{display:flex;align-items:center;justify-content:space-between;margin:var(--space-2) 0;gap:var(--space-2-5)}.routine-sort-controls{display:flex;align-items:center;gap:var(--space-1-5)}.routine-sort-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-right:var(--space-1);font-weight:500}.routine-sort-btn{padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);border:1px solid var(--border-blue-subtle-hover);background:var(--color-blue-pale);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast) ease;color:var(--color-primary-dark);font-weight:500}.routine-sort-btn:hover{background:var(--color-blue-pale);border-color:var(--border-blue-subtle-hover)}.routine-sort-btn.active{background:var(--color-primary-dark);color:var(--color-white);border-color:var(--color-primary-dark)}.routine-filter-controls{display:flex;align-items:center}.routine-filter-select{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);border:1px solid var(--border-blue-subtle-hover);background:var(--color-blue-pale);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-primary-dark);font-weight:500;outline:none;max-width:100px}.routine-filter-select:focus-visible{box-shadow:var(--shadow-focus-ring)}.routine-filter-select:hover{background:var(--color-blue-pale);border-color:var(--border-blue-subtle-hover)}.routine-filter-select:focus{border-color:var(--theme-button-primary-bg, #4c79ff);box-shadow:var(--shadow-focus-ring-subtle)}.mini-cycle-switch-list{max-height:240px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border-blue-subtle-hover);border-top:none;padding:var(--space-1-5);background:var(--color-blue-pale-light);text-align:left;border-radius:0 0 var(--radius-5) var(--radius-5)}.mini-cycle-switch-item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-0-75);border-bottom:1px solid var(--overlay-medium);background:none;color:var(--color-black);font-weight:700;cursor:pointer;transition:background var(--transition-fast) ease-in-out,transform var(--transition-fast);text-align:left;border-radius:var(--radius-xs);font-size:var(--font-size-sm);touch-action:manipulation}.mini-cycle-switch-item span{pointer-events:none}.mini-cycle-switch-item:hover,.mini-cycle-switch-item:focus-visible{background:var(--overlay-medium)}.mini-cycle-switch-item:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:-2px}.mini-cycle-switch-item.selected{background:var(--color-blue-pale-mid, #c0d4ed);color:var(--color-black);font-weight:700;box-shadow:var(--shadow-glow-blue-sm)}.recent-routines-section{margin-bottom:var(--space-2)}.recent-routines-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);padding-left:var(--space-1)}.recent-routines-chips{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.recent-routine-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:500;color:var(--color-navy, #2c3270);background:var(--color-blue-pale, rgba(52, 152, 219, .1));border:1px solid var(--border-blue-subtle, rgba(52, 152, 219, .25));border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.recent-routine-chip:hover{background:var(--color-blue-medium, #3498db);color:var(--color-white)}.recent-routine-chip:active{transform:scale(.96)}.mini-cycle-switch-item.current-routine{border-left:3px solid var(--color-blue-medium, #3498db)}.current-routine-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-white);background:var(--color-blue-medium, #3498db);padding:1px var(--space-1-5);border-radius:var(--radius-full, 9999px);margin-left:var(--space-2);vertical-align:middle;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.cycle-item-left{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.cycle-item-emoji{min-width:32px;width:32px;text-align:right;flex-shrink:0}.cycle-item-title{overflow:hidden;text-overflow:ellipsis;cursor:text;pointer-events:auto}@media(max-width:640px){.cycle-item-left{white-space:normal;text-overflow:clip}}.cycle-item-edit-input{font-size:inherit;font-family:inherit;padding:var(--space-0-5) var(--space-1-5);border:1px solid var(--theme-info, #007bff);border-radius:var(--radius-sm);background:var(--theme-input-bg, #fff);color:var(--theme-input-text, #333);outline:none;min-width:100px;max-width:200px;box-shadow:var(--shadow-focus-ring-subtle);pointer-events:auto;cursor:text}.cycle-item-edit-input:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}.cycle-item-size{font-size:var(--font-size-xs);font-weight:400;color:var(--theme-text-muted);background:var(--overlay-light);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);flex-shrink:0}.mini-cycle-switch-item.selected .cycle-item-size{color:var(--theme-text-muted);background:var(--overlay-light)}.switch-items-row{display:none;padding:var(--space-2-5) 0;margin-top:var(--space-2-5);justify-content:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap}@media(max-width:767px){.routine-switcher-left .routine-panel-title{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);padding:var(--space-2) var(--space-2-5);background:var(--color-primary);opacity:.85;border-radius:var(--radius-5) var(--radius-5) 0 0;margin-bottom:0;text-align:center}.mini-cycle-switch-list{border-top:none}.switch-items-row{gap:var(--space-0-75) var(--space-1);padding:var(--space-1) 0;margin-top:var(--space-1-5)}.switch-items-row-title{margin-bottom:0;font-size:var(--font-size-xs)}.switch-buttons{padding:var(--space-1) var(--space-2);min-width:auto;flex:0 1 auto;font-size:var(--font-size-md)}.switch-btn-label{display:none}.switch-items-row .switch-preview-window:before{content:"Preview";display:block;position:sticky;top:calc(-1 * var(--space-2-5));z-index:1;font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);background:var(--color-primary);opacity:.85;padding:var(--space-2) var(--space-2-5);margin:calc(-1 * var(--space-2-5)) calc(-1 * var(--space-2-5)) var(--space-2);border-radius:var(--radius-md) var(--radius-md) 0 0;text-align:center}.switch-items-row .switch-preview-window{flex:0 0 100%;max-width:none;min-height:150px;margin:var(--space-1-5) auto 0;border:1px solid var(--border-blue-subtle-hover);order:99}.switch-preview-date{order:100;flex:0 0 100%}.switch-preview-hint{order:101;flex:0 0 100%}.switch-preview-date,.switch-preview-hint{display:block;width:100%}}.switch-items-row-title{width:100%;text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.switch-preview-window{position:relative;margin:var(--space-2-5) auto;width:180px;height:auto;padding:var(--space-2-5);background-color:var(--theme-input-bg, var(--color-gray-50));border:1px solid var(--overlay-strong);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);text-align:left;overflow-y:auto;max-height:70px;box-shadow:var(--shadow-inner-subtle)}.preview-task{font-size:var(--font-size-sm);padding:var(--space-0-75);border-bottom:1px solid var(--overlay-medium)}.preview-task:last-child{border-bottom:none}.switch-preview-date{font-size:var(--font-size-xs);color:var(--theme-text-muted);text-align:center;margin-top:var(--space-1-5);font-style:italic}.switch-preview-hint{font-size:var(--font-size-xs);color:var(--theme-text-muted);text-align:center;margin-top:var(--space-1);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.mini-cycle-switch-btn{width:100px;height:30px;padding:0 var(--space-4);font-size:var(--font-size-base);margin:var(--space-1-25);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:var(--shadow-button);display:inline-flex;align-items:center;justify-content:center}.mini-cycle-switch-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.mini-cycle-switch-btn:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.mini-cycle-switch-btn.open-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white)}.mini-cycle-switch-btn.open-btn:hover{filter:brightness(1.12)}.switch-action-row{display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.switch-action-row .mini-cycle-upload-btn{margin:0}.close-routine-switcher{background:var(--menu-close-bg, var(--color-steel-blue));color:var(--menu-close-text, var(--color-white));font-size:var(--font-size-lg);font-weight:700;padding:var(--space-3-5);border:none;border-radius:0 0 var(--radius-15) var(--radius-15);margin:var(--space-2-5) -25px -20px;width:calc(100% + 50px);cursor:pointer;transition:background var(--transition-fast) ease;display:block;text-align:center}.close-routine-switcher:hover{background:var(--menu-close-hover-bg, var(--color-steel-blue))}.mini-cycle-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:30px;padding:0 var(--space-4);margin:var(--space-2) auto;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-6);border:1px solid var(--color-primary);cursor:pointer;background:transparent;color:var(--color-primary-dark);transition:all var(--transition-fast) ease}.mini-cycle-upload-btn:hover{background:var(--color-blue-pale-light)}.mini-cycle-upload-btn:active{transform:scale(.98)}.mini-cycle-upload-btn i{font-size:var(--font-size-sm)}.switch-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:transparent;border:none;color:var(--color-black);padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast) ease,transform var(--transition-fast) ease;border-radius:var(--radius-md);min-width:56px}.switch-btn-label{font-size:var(--font-size-xs);font-weight:500;letter-spacing:.3px;color:var(--color-black)}.switch-buttons:hover{color:var(--color-gray-600);transform:scale(1.05)}.switch-buttons:active{transform:scale(.95)}.switch-delete:hover,.switch-delete:hover .switch-btn-label{color:var(--color-error)}.switch-buttons i{font-size:var(--font-size-sm);line-height:1;height:20px;display:flex;align-items:center}.switch-theme{font-size:var(--font-size-sm);line-height:1}.switch-theme[aria-expanded=true]{background:var(--color-blue-pale);border-radius:var(--radius-6);box-shadow:inset 0 0 0 1px var(--border-blue-subtle)}.theme-picker-row{display:flex;flex-wrap:wrap;gap:var(--space-1-5);padding:var(--space-2) 0;background:transparent;border:none;border-radius:0;margin:var(--space-1) auto var(--space-2);justify-content:center;align-items:center;width:fit-content}.theme-picker-title{width:100%;text-align:center;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary, rgba(40, 40, 40, .6));margin-bottom:var(--space-1)}.theme-picker-chips{display:flex;flex-wrap:wrap;gap:var(--space-1-5);justify-content:center;padding:var(--space-2) var(--space-3);background:var(--overlay-light);border:1px solid var(--border-blue-subtle-hover);border-radius:var(--radius-xl)}.theme-picker-row.hidden{display:none}.theme-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-0-5);padding:var(--space-1-25) var(--space-2-5);border-radius:var(--radius-6);border:1px solid var(--overlay-medium);background:var(--overlay-light);cursor:pointer;font-size:var(--font-size-xs);color:var(--theme-text-secondary, rgba(40, 40, 40, .7));transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;min-width:52px;text-align:center;line-height:1.3}.theme-chip:hover:not([aria-disabled=true]){background:var(--overlay-strong);color:var(--theme-text-primary, #333)}.theme-chip[aria-checked=true]{background:var(--theme-accent, #4c79ff);color:var(--color-white);border-color:var(--theme-accent, #4c79ff)}.theme-chip[aria-disabled=true]{opacity:.45;cursor:default}.theme-chip:focus-visible{outline:2px solid var(--theme-input-focus-border, rgba(76, 121, 255, .5));outline-offset:2px}.theme-chip-icon{font-size:var(--font-size-sm)}.theme-chip-name{font-weight:600}.theme-chip-hint{font-size:var(--font-size-xs);opacity:.75}.routine-buttons-container{display:none}.routine-buttons-container.visible{display:flex;gap:var(--space-2);justify-content:center}.routine-switcher-body{display:block}.routine-switcher-left{min-width:0}.routine-panel-title,.routine-switcher-right{display:none}.desktop-preview-window{padding:var(--space-4);background:var(--color-blue-pale-light);border:1px solid var(--border-blue-subtle-hover);border-top:none;border-radius:0 0 var(--radius-5) var(--radius-5);color:var(--theme-text-muted);font-size:var(--font-size-sm);text-align:left;overflow-y:auto;box-shadow:var(--shadow-inner-subtle);cursor:pointer}.desktop-preview-window .preview-task{font-size:var(--font-size-sm);padding:var(--space-0-75);border-bottom:1px solid var(--overlay-medium)}.desktop-preview-window .preview-task:last-child{border-bottom:none}.desktop-preview-hint{display:none;font-size:var(--font-size-xs);color:var(--color-black);text-align:center;margin-top:var(--space-1);font-style:italic;opacity:.4}.routine-list-hint{font-size:var(--font-size-xs);color:var(--color-black);text-align:center;margin-top:var(--space-1);font-style:italic;opacity:.4}.desktop-preview-date{font-size:var(--font-size-xs);color:var(--theme-text-muted);text-align:center;margin-top:var(--space-2);font-style:italic}@media(min-width:768px){.mini-cycle-switch-modal-content{width:680px;max-width:90%;max-height:min(95vh,900px)}.routine-sort-filter-row{justify-content:flex-start}.routine-switcher-body{display:flex;gap:var(--space-4);align-items:flex-start}.routine-switcher-left{flex:2;min-width:0}.routine-switcher-left .mini-cycle-switch-list{min-height:240px}.routine-switcher-right{display:block;flex:1;flex-shrink:0}.routine-panel-title{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);padding:var(--space-2) var(--space-2-5);background:var(--color-primary);opacity:.85;border-radius:var(--radius-5) var(--radius-5) 0 0;margin-bottom:0;text-align:center}.routine-switcher-right .desktop-preview-window{height:240px}.switch-preview-window,.switch-preview-date,.switch-preview-hint{display:none}}@media(max-width:767px){.routine-switcher-btn{width:70px}.mini-cycle-switch-modal-content{min-width:280px;max-width:95%}}@media(max-width:480px){.mini-cycle-switch-modal-content{width:85%;padding:var(--space-3)}.mini-cycle-switch-title{font-size:var(--font-size-xl)}.mini-cycle-switch-btn{width:90px;padding:var(--space-2) var(--space-3)}.mini-cycle-upload-btn{padding:var(--space-1-5) var(--space-3-5);font-size:var(--font-size-xs)}.routine-filter-select{max-width:90px}}.games-modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:#0009;justify-content:center;align-items:center;animation:fadeIn var(--transition-normal) ease-in-out}.games-modal.active,.games-modal.show{display:flex}.games-modal-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));padding:var(--space-6);border-radius:var(--radius-lg);width:420px;max-width:95%;text-align:center;box-shadow:0 6px 20px #0000004d,inset 0 1px 1px #ffffff40;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.games-modal-content h2{margin-bottom:var(--space-3);font-size:var(--font-size-2xl);color:inherit}.games-modal-content p{margin-bottom:var(--space-5);color:var(--theme-text-secondary, #444);font-size:var(--font-size-base)}#open-task-order-game{background:var(--color-game-primary);color:var(--color-white);font-weight:700;border:none;padding:10px var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--space-4);cursor:pointer;transition:background var(--transition-normal) ease}#open-task-order-game:hover{background:var(--color-game-primary-dark)}.badge.unlocked.game-unlocked{background:linear-gradient(135deg,var(--color-game-primary) 0%,var(--color-game-primary-dark) 100%);color:var(--color-white);animation:pulse var(--animation-pulse) ease-in-out infinite}.game-card{background:var(--theme-card-bg, #f8f9fa);border:1px solid var(--theme-card-border, #dee2e6);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.game-card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2);color:inherit}.game-card-description{font-size:var(--font-size-sm);color:var(--theme-text-secondary, #666);margin-bottom:var(--space-3)}.game-card-btn{background:var(--theme-button-primary-bg, var(--color-primary));color:var(--theme-button-primary-text, var(--color-white));border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-6);font-weight:500;cursor:pointer;transition:background var(--transition-fast) ease}.game-card-btn:hover{background:var(--theme-button-primary-hover-bg, #5a87ff)}.game-card-btn:disabled{opacity:.5;cursor:not-allowed}.game-score{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--theme-text-secondary, #666);margin-top:var(--space-2)}.game-score-icon{font-size:var(--font-size-base)}.game-high-score{color:var(--theme-warning, var(--color-warning));font-weight:600}@media(max-width:768px){.games-modal-content{width:95%;padding:var(--space-5)}.games-modal-content h2{font-size:var(--font-size-xl)}#open-task-order-game{padding:var(--space-2) 14px;font-size:var(--font-size-sm)}}body.onboarding-active .title-row,body.onboarding-active .task-list,body.onboarding-active .empty-state,body.onboarding-active .completed-tasks-section,body.onboarding-active .task-search-input-row,body.onboarding-active .progress-container,body.onboarding-active .complete-all-and-help-window-container{display:none}.onboarding-placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);text-align:center;color:#ffffffe6;min-height:200px}body.onboarding-active .onboarding-placeholder{display:flex}.onboarding-placeholder-icon{font-size:56px;margin-bottom:var(--space-5);opacity:.9}.onboarding-placeholder-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3);color:#fffffff2}.onboarding-placeholder-text{font-size:var(--font-size-sm);color:#ffffffbf;max-width:280px;line-height:1.5}.onboarding-modal{display:flex;position:fixed;z-index:var(--z-modal-high);top:0;left:0;width:100%;height:100%;background:#000000d9;justify-content:center;align-items:center;pointer-events:none;animation:fadeInUp var(--animation-pop) ease-out}.onboarding-modal.active,.onboarding-modal.show{pointer-events:auto}.onboarding-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));padding:var(--space-12) var(--space-6) var(--space-5);width:420px;max-width:95%;max-height:calc(100dvh - var(--space-4));overflow-y:auto;border-radius:var(--radius-10);text-align:center;position:relative;pointer-events:auto;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.onboarding-content h2{color:var(--color-navy, #2c3270);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-3-75);padding-left:var(--space-5);padding-right:var(--space-5);letter-spacing:-.02em;transform:scale(.85);opacity:0;transition:transform 4s ease-out,opacity 4s ease-out}.onboarding-content h2.animate-in{transform:scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.onboarding-content h2{transform:scale(1);opacity:1;transition:none}}.onboarding-content ul{text-align:left;padding-left:var(--space-5);margin:var(--space-3-75) 0}.onboarding-content li{margin-bottom:var(--space-2);line-height:1.5;list-style:disc}.onboarding-content p{margin:var(--space-2-5) 0;line-height:1.6}.onboarding-controls{display:flex;justify-content:space-between;margin-top:var(--space-4);gap:var(--space-2-5)}.onboarding-controls button{padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-md);border-radius:var(--radius-sm);cursor:pointer;border:none;transition:background var(--transition-fast),opacity var(--transition-fast)}#onboarding-next{margin-left:auto;background:var(--color-blue-medium);color:var(--color-white)}#onboarding-next:hover{opacity:.85}#onboarding-prev{background:#ffffff80;color:var(--color-blue-medium);border:1px solid var(--color-blue-medium)}#onboarding-prev:hover{background:#ffffffb3}.onboarding-step-indicator{display:block;text-align:center;margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-600, #666)}.onboarding-skip{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:var(--font-size-sm);color:var(--color-gray-600, #666);cursor:pointer;transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--theme-text-on-surface)}.onboarding-nav{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3-75)}.onboarding-dot{width:10px;height:10px;border-radius:50%;background:#0003;cursor:pointer;transition:background var(--transition-fast)}.onboarding-dot.active{background:var(--theme-button-primary-bg, var(--color-primary))}.onboarding-step-indicator{font-size:var(--font-size-xs);color:var(--theme-text-muted);margin-top:var(--space-2-5)}@media(max-width:768px){.onboarding-modal{align-items:flex-start;padding-top:var(--space-2)}.onboarding-content{padding:var(--space-10) var(--space-4) var(--space-4)}.onboarding-content h2{font-size:var(--font-size-xl);padding-right:var(--space-10)}.onboarding-placeholder{padding:var(--space-7-5) var(--space-3-75)}.onboarding-placeholder-icon{font-size:48px}.onboarding-placeholder-title{font-size:var(--font-size-lg)}}.onboarding-tour-animation{display:flex;justify-content:center;margin:var(--space-3-75) auto var(--space-2);max-width:280px}.onboarding-tour-animation svg{width:100%;height:auto}.tour-anim-bar{fill:var(--theme-info, var(--color-accent, #007BFF));stroke:none}.tour-anim-text{fill:var(--color-white, #fff);font-family:inherit}.tour-anim-btn{fill:#ffffff40;stroke:#ffffff73;stroke-width:1}.tour-anim-btn-text{fill:var(--color-white, #fff);font-family:inherit;font-weight:600}.tour-anim-btn-group{transform-origin:214px 50px;animation:tourButtonPress 3.5s ease-in-out infinite}.tour-anim-btn-interactive{cursor:pointer}.tour-anim-btn-interactive:focus-visible{outline:2px solid var(--theme-accent, var(--color-primary));outline-offset:2px;border-radius:var(--radius-sm)}.tour-anim-cursor{animation:tourCursorMove 3.5s ease-in-out infinite;pointer-events:none}.tour-anim-bar,.tour-anim-text{pointer-events:none}@keyframes tourCursorMove{0%{transform:translate(270px,70px);opacity:0}10%{opacity:1}40%{transform:translate(210px,42px);opacity:1}48%{transform:translate(210px,45px)}55%{transform:translate(210px,42px)}70%{transform:translate(210px,42px);opacity:1}80%{opacity:0}to{transform:translate(270px,70px);opacity:0}}@keyframes tourButtonPress{0%{transform:scale(1)}46%{transform:scale(1)}50%{transform:scale(.93)}55%{transform:scale(1.02)}60%{transform:scale(1)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tour-anim-cursor{animation:none;transform:translate(210px,42px);opacity:1}.tour-anim-btn-group{animation:none}}.onboarding-cycle-animation{display:flex;justify-content:flex-start;margin:var(--space-3) 0 var(--space-2);max-width:200px;background:var(--color-white);border:1px solid var(--theme-border, var(--color-gray-200, #e2e2e2));border-radius:var(--radius-12, 12px);padding:var(--space-2);box-shadow:0 2px 8px #00000014}.onboarding-cycle-animation svg{width:100%;height:auto}.cycle-anim-divider{stroke:var(--theme-border, var(--color-gray-200, #e2e2e2));stroke-width:.5}.cycle-anim-task-text{fill:var(--theme-modal-text, var(--theme-text-on-surface, #333));font-family:inherit}.cycle-anim-checkbox{fill:none;stroke:var(--color-gray-400, #aaa);stroke-width:1.5}.cycle-anim-checkbox-1{animation:cycleCheckboxFill1 8s ease-in-out infinite}.cycle-anim-checkbox-2{animation:cycleCheckboxFill2 8s ease-in-out infinite}.cycle-anim-checkbox-3{animation:cycleCheckboxFill3 8s ease-in-out infinite}.cycle-anim-checkmark{fill:none;stroke:var(--color-white, #fff);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14}.cycle-anim-checkmark-1{animation:cycleCheck1 8s ease-in-out infinite}.cycle-anim-checkmark-2{animation:cycleCheck2 8s ease-in-out infinite}.cycle-anim-checkmark-3{animation:cycleCheck3 8s ease-in-out infinite}.cycle-anim-counter{fill:var(--theme-modal-text, var(--theme-text-on-surface, #333));font-family:inherit;font-weight:600}.cycle-anim-counter-0{animation:cycleCounter0 8s ease-in-out infinite}.cycle-anim-counter-1{animation:cycleCounter1 8s ease-in-out infinite}.cycle-anim-complete{fill:var(--color-success, #28a745);font-family:inherit;animation:cycleCompleteFlash 8s ease-in-out infinite}@keyframes cycleCheck1{0%,8%{stroke-dashoffset:14}14%{stroke-dashoffset:0}60%{stroke-dashoffset:0}66%{stroke-dashoffset:14}to{stroke-dashoffset:14}}@keyframes cycleCheck2{0%,22%{stroke-dashoffset:14}28%{stroke-dashoffset:0}60%{stroke-dashoffset:0}66%{stroke-dashoffset:14}to{stroke-dashoffset:14}}@keyframes cycleCheck3{0%,36%{stroke-dashoffset:14}42%{stroke-dashoffset:0}60%{stroke-dashoffset:0}66%{stroke-dashoffset:14}to{stroke-dashoffset:14}}@keyframes cycleCheckboxFill1{0%,8%{fill:none;stroke:var(--color-gray-400, #aaa)}14%{fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}60%{fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}66%{fill:none;stroke:var(--color-gray-400, #aaa)}to{fill:none;stroke:var(--color-gray-400, #aaa)}}@keyframes cycleCheckboxFill2{0%,22%{fill:none;stroke:var(--color-gray-400, #aaa)}28%{fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}60%{fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}66%{fill:none;stroke:var(--color-gray-400, #aaa)}to{fill:none;stroke:var(--color-gray-400, #aaa)}}@keyframes cycleCheckboxFill3{0%,36%{fill:none;stroke:var(--color-gray-400, #aaa)}42%{fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}60%{fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}66%{fill:none;stroke:var(--color-gray-400, #aaa)}to{fill:none;stroke:var(--color-gray-400, #aaa)}}@keyframes cycleCounter0{0%{opacity:1}44%{opacity:1}46%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes cycleCounter1{0%{opacity:0}62%{opacity:0}64%{opacity:1}72%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes cycleCompleteFlash{0%,46%{opacity:0}48%{opacity:1}58%{opacity:1}62%{opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cycle-anim-checkmark{animation:none;stroke-dashoffset:0}.cycle-anim-checkbox{animation:none;fill:var(--color-success, #28a745);stroke:var(--color-success, #28a745)}.cycle-anim-counter-0{animation:none;opacity:0}.cycle-anim-counter-1{animation:none;opacity:1}.cycle-anim-complete{animation:none;opacity:0}}.onboarding-choice-hint{font-size:var(--font-size-xs);color:var(--color-gray-600, #666);text-align:center;margin-top:var(--space-3);margin-bottom:0;font-style:italic}.onboarding-try-btn{display:block;margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-5);background:var(--theme-notify-info);color:var(--color-white, #fff);border:none;border-radius:var(--radius-8, 8px);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.onboarding-try-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.onboarding-try-btn:active{transform:translateY(0)}.cycle-demo{position:relative;max-width:220px;margin:var(--space-3) auto var(--space-2);background:var(--color-white);border:1px solid var(--theme-border, var(--color-gray-200, #e2e2e2));border-radius:var(--radius-12, 12px);padding:var(--space-3);box-shadow:0 2px 8px #00000014}.cycle-demo-task{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;user-select:none;-webkit-user-select:none;transition:opacity var(--transition-fast)}.cycle-demo-task:not(:last-of-type){border-bottom:1px solid var(--theme-border, var(--color-gray-200, #e2e2e2))}.cycle-demo-checkbox{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--color-gray-400, #aaa);background:none;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.cycle-demo-task.checked .cycle-demo-checkbox{background:var(--color-success, #28a745);border-color:var(--color-success, #28a745)}.cycle-demo-checkmark{width:16px;height:16px;opacity:0;transition:opacity var(--transition-fast)}.cycle-demo-checkmark path{fill:none;stroke:var(--color-white, #fff);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cycle-demo-task.checked .cycle-demo-checkmark{opacity:1}.cycle-demo-task-text{font-size:var(--font-size-sm);color:var(--theme-modal-text, var(--theme-text-on-surface, #333));transition:opacity var(--transition-fast)}.cycle-demo-task.checked .cycle-demo-task-text{opacity:.4}.cycle-demo-counter{text-align:center;margin-top:var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--theme-modal-text, var(--theme-text-on-surface, #333))}.cycle-demo-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:var(--color-success, #28a745);color:var(--color-white, #fff);padding:var(--space-2) var(--space-4);border-radius:var(--radius-8, 8px);font-size:var(--font-size-md);font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);box-shadow:0 4px 16px #0003}.cycle-demo-complete.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:reduce){.cycle-demo-checkbox,.cycle-demo-checkmark,.cycle-demo-task-text,.cycle-demo-complete{transition:none}}#start-mini-cycle{display:block;width:100%;padding:var(--space-2-5);background:var(--color-primary);color:var(--color-white);border:none;font-size:var(--font-size-base);margin-top:var(--space-2-5);cursor:pointer;border-radius:var(--radius-5);transition:background var(--transition-fast) ease}#start-mini-cycle:hover{background:var(--color-primary-dark)}.miniCycle-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-high)}dialog.miniCycle-prompt-dialog::backdrop{background:#0006}.miniCycle-prompt-box{background:var(--color-charcoal);padding:var(--space-6-25);border-radius:var(--radius-xl);border:1px solid var(--color-black);text-align:center;box-shadow:0 10px 20px #0003;width:min(420px,calc(100vw - var(--space-8)))}.miniCycle-prompt-title{font-size:1.4rem;font-weight:700;margin-bottom:var(--space-2-5);color:var(--color-white);padding-left:var(--space-7)}.miniCycle-prompt-message{font-size:1rem;margin-bottom:var(--space-3-75);color:var(--theme-input-border)}.miniCycle-prompt-input{width:90%;padding:var(--space-2-5);font-size:1rem;border:1px solid var(--theme-input-border);border-radius:var(--radius-md);text-align:center;background-color:var(--color-white);color:var(--color-black)}.miniCycle-input-error{border-color:red}.miniCycle-prompt-buttons{display:flex;justify-content:space-around;margin-top:var(--space-5)}.miniCycle-btn-cancel,.miniCycle-btn-confirm{padding:10px var(--space-5);border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:background var(--transition-fast) ease}.miniCycle-btn-cancel{background-color:var(--theme-input-border);color:var(--theme-text-on-surface)}.miniCycle-btn-cancel:hover{background-color:#bbb}.miniCycle-btn-confirm{background-color:var(--color-success);color:var(--color-white)}.miniCycle-btn-confirm:hover{background-color:var(--color-success)}.miniCycle-sample-option{margin-top:var(--space-3-75);padding:var(--space-2-5);background:#ffffff1a;border-radius:var(--radius-md)}.miniCycle-sample-option label{color:var(--theme-border);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.miniCycle-sample-option input[type=checkbox]{accent-color:#38a169}.creation-view{display:none}.creation-view.active{display:block}.load-sample-btn{display:block;margin:var(--space-3) auto 0;padding:5px 20px;border-radius:var(--radius-6);border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.load-sample-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.sample-list-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3-75)}.sample-back-btn{padding:4px 10px;border-radius:var(--radius-6);border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast)}.sample-back-btn:hover{background:#ffffff26}.sample-list-title{font-size:var(--font-size-lg);font-weight:700;color:#ffffffe6}.sample-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:260px;overflow-y:auto;padding-bottom:var(--space-6)}.sample-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-6);border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.sample-item:hover{background:#ffffff24;border-color:#ffffff40}.sample-item:focus-visible{outline:2px solid var(--theme-input-focus-border, rgba(76, 121, 255, .5));outline-offset:2px}.sample-item-emoji{font-size:1.4em}.sample-item-name{font-size:var(--font-size-sm);font-weight:500;color:#ffffffd9}:root{--first-run-welcome-top: 64px;--first-run-splash-char-duration: .28s;--first-run-splash-char-stagger: 90ms;--first-run-splash-char-start-scale: 1.8;--first-run-splash-letter-spread: 14px;--first-run-splash-line-gap: var(--space-8);--first-run-splash-word-gap: .7em;--first-run-splash-land-duration: .9s;--first-run-splash-hold: .4s;--first-run-splash-hold-standalone: 1.5s;--first-run-splash-fade-duration: .6s;--first-run-welcome-max-width: 420px;--first-run-welcome-body-min-height: 110px;--first-run-welcome-padding-bottom: calc(var(--space-3-5) + var(--space-8));--first-run-welcome-nav-bottom-inset: var(--space-1);--first-run-welcome-nav-center-gap: calc(var(--first-run-welcome-dismiss-size) / 2 + var(--space-2));--first-run-welcome-dismiss-size: var(--space-8);--first-run-welcome-entry-shift: var(--space-2);--first-run-welcome-height-fallback: 80px;--first-run-welcome-gap: var(--space-4);--first-run-welcome-scrim-fade: var(--space-8-75)}@media(max-width:768px){body{--first-run-welcome-gap: var(--space-2)}}body.focus-mode.first-run-welcome-active #task-view{top:calc(50% - var(--focus-mode-top-offset) + var(--first-run-welcome-shift, 0px))}body.focus-mode.first-run-welcome-active #nav-dots,body.focus-mode.first-run-welcome-active #undo-redo-buttons{opacity:0;pointer-events:none;visibility:hidden}.first-run-welcome{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--first-run-welcome-top));left:50%;transform:translate(-50%) translateY(calc(-1 * var(--first-run-welcome-entry-shift)));z-index:var(--z-menu);display:block;width:min(var(--first-run-welcome-max-width),calc(100vw - var(--space-8)));padding:var(--space-3-5) var(--space-4) var(--first-run-welcome-padding-bottom);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff52,#fff0 55%),var(--pref-modal-bg, var(--theme-modal-glass-bg-soft, var(--theme-modal-glass-bg, var(--theme-modal-bg))));color:var(--color-white);font-weight:var(--font-weight-semibold);text-shadow:0 var(--space-px) var(--space-px) rgba(0,0,0,.45),0 0 var(--space-2) rgba(0,0,0,.35);border:var(--space-px) solid color-mix(in srgb,var(--color-white) 22%,transparent);box-shadow:0 var(--space-4) var(--space-8) #0f172a38,inset 0 var(--space-px) 0 #ffffff8c,inset 0 var(--space-2) var(--space-3) #ffffff2e;-webkit-backdrop-filter:blur(calc(var(--theme-modal-blur) * 1.4));backdrop-filter:blur(calc(var(--theme-modal-blur) * 1.4));opacity:0;pointer-events:none;transition:opacity var(--transition-normal) ease,transform var(--transition-normal) ease}.first-run-welcome.first-run-welcome--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.first-run-welcome__content{width:100%;text-align:center}.first-run-welcome__title{margin:0 0 var(--space-1) 0;padding:0 calc(var(--first-run-welcome-dismiss-size) + var(--space-2));font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;white-space:pre-line;transition:opacity var(--transition-fast) ease}.first-run-welcome__title.first-run-welcome__title--fading{opacity:0}.first-run-welcome[data-slide-index="0"]{padding-top:calc(var(--space-3-5) + var(--space-8) + var(--space-1))}.first-run-welcome[data-slide-index="0"] .first-run-welcome__title{font-size:var(--font-size-2xl);margin-top:0;margin-bottom:var(--space-1)}.first-run-welcome[data-slide-index="0"] .first-run-welcome__message{min-height:calc(var(--first-run-welcome-body-min-height) - var(--space-8) - var(--space-1))}.first-run-welcome[data-slide-index="3"] .first-run-welcome__message,.first-run-welcome[data-slide-index="5"] .first-run-welcome__message{min-height:calc(var(--first-run-welcome-body-min-height) - var(--space-7-5))}.first-run-welcome__message{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);opacity:.85;text-align:center;transition:opacity var(--transition-fast) ease;min-height:var(--first-run-welcome-body-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.first-run-welcome__message>p{margin:0}.first-run-welcome__arrow{display:inline-block;margin-left:.25em;color:var(--color-black);font-weight:var(--font-weight-bold);font-size:1.8em;line-height:1;vertical-align:-.2em;transform-origin:center;animation:first-run-welcome-arrow-bounce 1.4s ease-in-out infinite}@keyframes first-run-welcome-arrow-bounce{0%,to{translate:0 0}50%{translate:0 3px}}@media(prefers-reduced-motion:reduce){.first-run-welcome__arrow{animation:none}}.first-run-welcome__message:has(.cycle-demo){opacity:1}.first-run-welcome__message.first-run-welcome__message--fading{opacity:0}.first-run-welcome__toggle{position:absolute;bottom:var(--first-run-welcome-nav-bottom-inset);left:50%;transform:translate(-50%);width:var(--first-run-welcome-dismiss-size);height:var(--first-run-welcome-dismiss-size);border-radius:var(--radius-full);border:var(--space-px) solid color-mix(in srgb,currentColor 32%,transparent);background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;font:inherit;line-height:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.first-run-welcome__toggle:hover{transform:translate(-50%) translateY(calc(-1 * var(--space-px)));background:color-mix(in srgb,currentColor 6%,transparent)}.first-run-welcome__toggle:focus-visible{outline:var(--space-0-5) solid var(--theme-button-bg);outline-offset:var(--space-0-5)}.first-run-welcome__cta{margin:0;padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);border:var(--space-px) solid color-mix(in srgb,currentColor 32%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;cursor:pointer;transition:transform var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.first-run-welcome__cta:hover{transform:translateY(calc(-1 * var(--space-px)));background:color-mix(in srgb,currentColor 14%,transparent);border-color:color-mix(in srgb,currentColor 48%,transparent)}.first-run-welcome__cta:focus-visible{outline:var(--space-0-5) solid var(--theme-button-bg);outline-offset:var(--space-0-5)}.first-run-welcome__dismiss{position:absolute;top:var(--space-2-5);right:var(--space-4);min-width:var(--first-run-welcome-dismiss-size);height:var(--first-run-welcome-dismiss-size);padding:0 var(--space-3);border-radius:var(--radius-full);border:var(--space-px) solid color-mix(in srgb,currentColor 18%,transparent);background:transparent;color:inherit;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.first-run-welcome__dismiss:hover{transform:translateY(calc(-1 * var(--space-px)));background:color-mix(in srgb,currentColor 6%,transparent)}.first-run-welcome__dismiss:focus-visible{outline:var(--space-0-5) solid var(--theme-button-bg);outline-offset:var(--space-0-5)}.first-run-welcome__logo{position:absolute;top:var(--space-2-5);left:var(--space-4);width:var(--first-run-welcome-dismiss-size);height:var(--first-run-welcome-dismiss-size);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.first-run-welcome__nav{position:absolute;bottom:var(--first-run-welcome-nav-bottom-inset);width:var(--first-run-welcome-dismiss-size);height:var(--first-run-welcome-dismiss-size);border:var(--space-px) solid color-mix(in srgb,currentColor 14%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,currentColor 4%,transparent);color:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:inherit;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.75;transition:opacity var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,transform var(--transition-fast) ease}.first-run-welcome__nav--prev{right:calc(50% + var(--first-run-welcome-nav-center-gap))}.first-run-welcome__nav--next{left:calc(50% + var(--first-run-welcome-nav-center-gap))}.first-run-welcome__nav:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent);border-color:color-mix(in srgb,currentColor 25%,transparent)}.first-run-welcome__nav:focus-visible{outline:var(--space-0-5) solid var(--theme-button-bg);outline-offset:var(--space-0-5);opacity:1}.first-run-welcome__nav--hidden{visibility:hidden;pointer-events:none;opacity:0}@media(prefers-reduced-motion:reduce){.first-run-welcome,.first-run-welcome__dismiss,.first-run-welcome__toggle,.first-run-welcome__nav,.first-run-welcome__title,.first-run-welcome__message{transition:none}}@media(max-width:640px){.first-run-welcome{width:calc(100vw - var(--space-6))}}:root{--cycle-demo-stroke-width: 1.5;--cycle-demo-check-length: 12;--cycle-demo-counter-pulse-duration: .6s;--cycle-demo-task-transition: .32s}.cycle-demo{display:block;width:100%;max-width:280px;height:auto;margin:0 auto;color:var(--color-white);font-family:inherit;opacity:1;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.cycle-demo text{fill:currentColor;font-family:inherit;font-weight:var(--font-weight-semibold);filter:drop-shadow(0 var(--space-px) var(--space-px) rgba(0,0,0,.5))}.cycle-demo__counter{font-weight:var(--font-weight-bold);font-size:10px;opacity:.95;transition:opacity .22s ease}.cycle-demo--complete .cycle-demo__counter{opacity:0}.cycle-demo__count{transform-box:fill-box;transform-origin:center;fill:currentColor}.cycle-demo__circle{fill:none;stroke:currentColor;stroke-width:var(--cycle-demo-stroke-width);opacity:.8;transition:fill var(--cycle-demo-task-transition) ease,opacity var(--cycle-demo-task-transition) ease,stroke var(--cycle-demo-task-transition) ease}.cycle-demo__task--done .cycle-demo__circle{fill:var(--theme-button-bg, currentColor);stroke:var(--theme-button-bg, currentColor);opacity:1}.cycle-demo__check{fill:none;stroke:var(--pref-modal-bg, var(--theme-modal-bg, var(--color-white)));stroke-width:var(--cycle-demo-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--cycle-demo-check-length);stroke-dashoffset:var(--cycle-demo-check-length);transition:stroke-dashoffset var(--cycle-demo-task-transition) ease 80ms}.cycle-demo__task--done .cycle-demo__check{stroke-dashoffset:0}.cycle-demo__label{font-size:9px;transition:opacity var(--cycle-demo-task-transition) ease}.cycle-demo__task--done .cycle-demo__label{opacity:.7}.cycle-demo__strike{display:none}.cycle-demo__divider{stroke:currentColor;stroke-width:.7;opacity:.45}.cycle-demo__subtitle{font-size:7px;fill:currentColor;opacity:.95;letter-spacing:.1px}.cycle-demo__arrow{fill:var(--theme-button-bg, currentColor);font-weight:var(--font-weight-bold);transform-box:fill-box;transform-origin:center;animation:cycle-demo-arrow-bounce 1.4s ease-in-out infinite}@keyframes cycle-demo-arrow-bounce{0%,to{translate:0 0}50%{translate:0 3px}}@media(prefers-reduced-motion:reduce){.cycle-demo__arrow{animation:none}}.cycle-demo__complete{font-size:10px;font-weight:var(--font-weight-bold);fill:var(--theme-button-bg, currentColor);opacity:0;transition:opacity .22s ease}.cycle-demo--complete .cycle-demo__complete{opacity:1}.cycle-demo--counter-pulse .cycle-demo__count{animation:cycle-demo-count-pulse var(--cycle-demo-counter-pulse-duration) ease}@keyframes cycle-demo-count-pulse{0%{transform:scale(1)}45%{transform:scale(1.55);fill:var(--theme-button-bg, currentColor)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cycle-demo *,.cycle-demo__count{animation:none!important;transition:none!important}.cycle-demo__check{stroke-dashoffset:0}.cycle-demo__complete{opacity:1;transform:none}}.first-run-splash{position:fixed;inset:0;z-index:var(--z-overlay-critical);background:var(--color-black);color:var(--color-white);pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) var(--space-4) env(safe-area-inset-bottom,0px);box-sizing:border-box;opacity:1;transition:opacity var(--first-run-splash-fade-duration) ease;--first-run-splash-phase1-total: calc( var(--last-char-index, 19) * var(--first-run-splash-char-stagger) + var(--first-run-splash-char-duration) )}.first-run-splash--fading{opacity:0;pointer-events:none}.first-run-splash__title{display:flex;flex-direction:column;gap:var(--first-run-splash-line-gap);align-items:center;margin:0;padding:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;letter-spacing:0}.first-run-splash__line{display:block;text-align:center;white-space:nowrap}.first-run-splash__char--space{width:var(--first-run-splash-word-gap, .7em)}.first-run-splash__word{display:inline-block}.first-run-splash__word--landing{animation:first-run-splash-word-land var(--first-run-splash-land-duration, .9s) cubic-bezier(.65,0,.35,1) forwards}@keyframes first-run-splash-word-land{0%{translate:0 0}to{translate:var(--phase3-dx, 0) var(--phase3-dy, 0)}}.first-run-splash__char{display:inline-block;transform-origin:center;opacity:0;scale:var(--first-run-splash-char-start-scale, 12);translate:calc(var(--letter-pos, 0) * var(--first-run-splash-letter-spread, 0px)) 0;animation:first-run-splash-fade-in var(--first-run-splash-char-duration) ease-out forwards,first-run-splash-shrink var(--first-run-splash-char-duration) cubic-bezier(.33,1,.68,1) forwards;animation-delay:calc(var(--char-index, 0) * var(--first-run-splash-char-stagger)),calc(var(--first-run-splash-phase1-total) + var(--char-index, 0) * var(--first-run-splash-char-stagger))}.first-run-splash__char--space{width:.32em}@keyframes first-run-splash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes first-run-splash-shrink{0%{scale:var(--first-run-splash-char-start-scale, 12);translate:calc(var(--letter-pos, 0) * var(--first-run-splash-letter-spread, 0px)) 0}to{scale:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.first-run-splash{transition:opacity var(--transition-fast) ease}.first-run-splash__char{animation:none;opacity:1}}html[data-tour-active],html[data-tour-active] body{overflow:hidden}.tour-overlay{position:fixed;inset:0;z-index:var(--z-tour-overlay);pointer-events:auto;background:transparent}.tour-spotlight{position:fixed;z-index:var(--z-tour-overlay);pointer-events:none;border-radius:var(--space-4);border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 9999px #080d1e9e;transition:top var(--transition-fast) ease,left var(--transition-fast) ease,width var(--transition-fast) ease,height var(--transition-fast) ease}.tour-tooltip{position:fixed;width:min(280px,calc(100vw - var(--space-8)));z-index:var(--z-tour-tooltip);pointer-events:auto;border-radius:18px;padding:var(--space-4);background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg)));color:var(--pref-modal-text, var(--theme-modal-text));border:1px solid color-mix(in srgb,var(--pref-modal-text, var(--theme-modal-text)) 14%,transparent);box-shadow:0 20px 40px #0f172a38,inset 0 1px 1px #ffffff40;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur));transition:top var(--transition-fast) ease,left var(--transition-fast) ease,transform var(--transition-fast) ease}.tour-tooltip[data-position=top]{transform:translateY(-4px)}.tour-tooltip[data-position=bottom]{transform:translateY(4px)}.tour-tooltip[data-position=left]{transform:translate(-4px)}.tour-tooltip[data-position=right]{transform:translate(4px)}.tour-tooltip-arrow{position:absolute;width:var(--space-3-5);height:var(--space-3-5);background:inherit;border-left:inherit;border-top:inherit;transform:rotate(45deg)}.tour-tooltip[data-position=top] .tour-tooltip-arrow{bottom:calc(-1 * var(--space-2));left:var(--space-8)}.tour-tooltip[data-position=bottom] .tour-tooltip-arrow{top:calc(-1 * var(--space-2));left:var(--space-8)}.tour-tooltip[data-position=left] .tour-tooltip-arrow{right:calc(-1 * var(--space-2));top:var(--space-6)}.tour-tooltip[data-position=right] .tour-tooltip-arrow{left:calc(-1 * var(--space-2));top:var(--space-6)}.tour-step-count{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.tour-progress-dots{display:flex;gap:var(--space-2);margin:var(--space-2-5) 0 var(--space-3-5)}.tour-progress-dot{width:var(--space-2-25);height:var(--space-2-25);border-radius:999px;background:color-mix(in srgb,var(--pref-modal-text, var(--theme-modal-text)) 18%,transparent)}.tour-progress-dot.complete{background:color-mix(in srgb,var(--theme-button-bg) 70%,white)}.tour-progress-dot.active{background:var(--theme-button-bg);transform:scale(1.1)}.tour-message{margin:0 0 var(--space-4);line-height:1.5;font-size:var(--font-size-sm)}.tour-actions{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.tour-btn{min-height:44px;padding:var(--space-2-5) var(--space-3-5);border-radius:999px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.tour-btn:hover{transform:translateY(-1px)}.tour-btn:focus-visible{outline:2px solid var(--theme-button-bg);outline-offset:2px}.tour-btn-primary{background:var(--theme-button-bg);color:var(--theme-button-text)}.tour-btn-primary:hover{background:var(--theme-button-hover)}.tour-btn-secondary,.tour-btn-ghost{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 18%,transparent)}.tour-btn-secondary[hidden]{display:none}body.reduced-motion .tour-spotlight,body.reduced-motion .tour-tooltip,html.reduced-motion .tour-spotlight,html.reduced-motion .tour-tooltip{transition:none}@media(prefers-reduced-motion:reduce){.tour-spotlight,.tour-tooltip,.tour-btn{transition:none}}@media(max-width:640px){.tour-tooltip{width:min(280px,calc(100vw - var(--space-6)));padding:var(--space-3-5)}.tour-actions{justify-content:stretch}.tour-btn{flex:1 1 0}}body:after{content:"";position:fixed;inset:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:var(--z-base);pointer-events:none;opacity:0;transition:opacity .4s ease,background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}body.focus-mode:after{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}body.focus-mode.dark-mode:after{background:#262a30eb}body.focus-mode.dark-mode .task-list-container{background:#28282d40}body.focus-mode.dark-mode:before{opacity:0}body.focus-mode.focus-mode-menu-open:after{background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-notification-active)}body.focus-mode.focus-mode-menu-open #focus-mode-menu-btn,body.focus-mode.focus-mode-menu-open #focus-mode-menu{z-index:var(--z-notification-btn)}#task-view{transition:left var(--animation-pop) ease-in-out,transform var(--animation-pop) ease-in-out,height var(--transition-normal) ease,max-height var(--transition-normal) ease}.task-card,.task-list-container{transition:max-height var(--transition-normal) ease}body.focus-mode #task-view{top:calc(50% - var(--focus-mode-top-offset));max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}body.focus-mode #task-view .task-card{max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px)}body.focus-mode #task-view .task-list-container{max-height:calc(100vh - var(--focus-task-list-reduction-desktop));max-height:calc(100dvh - var(--focus-task-list-reduction-desktop))}.mini-cycle-header-row .menu-button,.mode-selector-wrapper,#saving-indicator,#slide-left,#slide-right,#quick-actions-window,#footer-container,#personalization-btn,#quick-dark-toggle{--focus-chrome-fade: .3s;transition:opacity var(--focus-chrome-fade) ease,visibility 0s}body.focus-mode .mini-cycle-header-row .menu-button,body.focus-mode .mode-selector-wrapper,body.focus-mode #saving-indicator,body.focus-mode #slide-left,body.focus-mode #slide-right,body.focus-mode #quick-actions-window,body.focus-mode #footer-container,body.focus-mode #personalization-btn,body.focus-mode #quick-dark-toggle{opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--focus-chrome-fade) ease,visibility 0s linear var(--focus-chrome-fade)}body.focus-mode .app-name-group{display:none}body.focus-mode .header-logo{--focus-logo-height: 36px;height:var(--focus-logo-height);width:auto}body.focus-mode .header-branding{--focus-logo-rise: 4px;margin-top:calc(-1 * var(--focus-logo-rise))}.header-logo{transition:height var(--transition-normal) ease}body.focus-mode #help-window .help-window-icon,body.focus-mode #help-window .help-window-size{display:none}body.focus-mode #help-window h4{color:var(--color-white)}body.focus-mode .task-card .mini-cycle-title{background:transparent;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none}@media(max-width:1023px){body.focus-mode .help-window{margin-bottom:var(--focus-help-window-clearance)}}body.focus-mode #undo-redo-buttons{position:fixed;bottom:50px;left:0;right:0;width:100%;z-index:var(--z-notification);pointer-events:auto}@media(max-width:768px){body.focus-mode #undo-redo-buttons{bottom:58px}}body.focus-mode .undo-redo-btn{opacity:.4;background:#0003;font-weight:500;transition:opacity var(--transition-normal) ease,background var(--transition-fast) ease}body.focus-mode .undo-redo-btn:hover,body.focus-mode .undo-redo-btn:focus-visible{opacity:.95;background:#0000008c}#focus-mode-menu-btn,#focus-mode-menu,#focus-mode-exit-btn{display:none}body.focus-mode #focus-mode-menu-btn,body.focus-mode #focus-mode-exit-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;width:52px;height:30px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:var(--pref-panel-text, var(--color-white));font-size:22px;line-height:1;cursor:pointer;padding:0;z-index:var(--z-notification);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background var(--transition-fast) ease,transform var(--transition-fast) ease}body.focus-mode #focus-mode-menu-btn{right:16px}body.focus-mode #focus-mode-exit-btn{left:16px}body.focus-mode.first-run-welcome-active #focus-mode-exit-btn{display:none}body.focus-mode #focus-mode-menu-btn:hover,body.focus-mode #focus-mode-menu-btn:focus-visible,body.focus-mode #focus-mode-exit-btn:hover,body.focus-mode #focus-mode-exit-btn:focus-visible{background:#ffffff38;transform:scale(1.05)}body.focus-mode #focus-mode-menu-btn:active,body.focus-mode #focus-mode-exit-btn:active{transform:scale(.95)}body.focus-mode #focus-mode-menu[hidden]{display:none}body.focus-mode #focus-mode-menu{display:flex;flex-direction:column;position:fixed;top:68px;right:16px;min-width:180px;background:#0f192deb;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-notification);overflow:hidden;padding:4px}body.focus-mode .focus-mode-menu-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--color-white);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast) ease}body.focus-mode .focus-mode-menu-item:hover,body.focus-mode .focus-mode-menu-item:focus-visible{background:#ffffff1f;outline:none}body.focus-mode .focus-mode-menu-separator{height:1px;margin:4px 6px;background:#ffffff1f;border:none;pointer-events:none}body.focus-mode .focus-mode-menu-item--destructive{color:var(--color-red-light, #ef5350)}body.focus-mode .focus-mode-menu-item--destructive:hover,body.focus-mode .focus-mode-menu-item--destructive:focus-visible{background:#f443362e;color:var(--color-red, #f44336)}body.focus-mode #focus-mode-mode-item:after{content:"\25b8";margin-left:8px;font-size:1.6em;line-height:1;opacity:.8}.empty-state-hint-focus,.empty-state-hint-focus-visible{display:none;font-size:var(--font-size-sm);color:#ffffffb3;max-width:250px;line-height:1.4}body.input-bar-visible:not(.focus-mode) #empty-state .empty-state-hint{display:none}body.input-bar-visible:not(.focus-mode) #empty-state .empty-state-hint-visible{display:block}body.focus-mode #empty-state .empty-state-hint,body.focus-mode #empty-state .empty-state-hint-visible{display:none}body.focus-mode:not(.input-bar-visible) #empty-state .empty-state-hint-focus{display:block}body.focus-mode.input-bar-visible #empty-state .empty-state-hint-focus-visible{display:block}.focus-mode-mode-modal-backdrop[hidden],.focus-mode-mode-modal[hidden]{display:none}body.focus-mode .focus-mode-mode-modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal-backdrop)}body.focus-mode .focus-mode-mode-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;background:#141c32f5;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);padding:20px;color:var(--color-white)}.focus-mode-mode-modal-title{margin:0 0 12px;font-size:var(--font-size-lg);font-weight:600;color:var(--color-white)}.focus-mode-mode-option{display:flex;align-items:flex-start;gap:12px;padding:12px;margin:4px 0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast) ease}.focus-mode-mode-option:hover,.focus-mode-mode-option:focus-within{background:#ffffff14}.focus-mode-mode-option input[type=radio]{flex-shrink:0;margin-top:2px;cursor:pointer;accent-color:var(--color-accent, var(--color-white))}.focus-mode-mode-option-text{flex:1;min-width:0}.focus-mode-mode-option-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-white)}.focus-mode-mode-option-desc{margin-top:2px;font-size:var(--font-size-sm);line-height:1.35;opacity:.7;color:var(--color-white)}.focus-mode-mode-done-btn{display:block;margin-left:auto;margin-top:12px;padding:8px 18px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast) ease}.focus-mode-mode-done-btn:hover,.focus-mode-mode-done-btn:focus-visible{background:#ffffff40;outline:none}@media(max-width:1023px){body.focus-mode #focus-mode-menu-btn,body.focus-mode #focus-mode-exit-btn{top:calc(env(safe-area-inset-top,0px) + var(--focus-btn-top));width:56px;height:var(--focus-btn-height)}body.focus-mode #focus-mode-menu-btn{right:12px}body.focus-mode #focus-mode-exit-btn{left:12px}body.focus-mode #task-input-row{margin-top:0}body.focus-mode #task-card-group{flex-grow:0}body.focus-mode #task-view .task-card{margin-top:0}body.focus-mode #focus-mode-menu{top:calc(var(--focus-top-chrome) + var(--focus-btn-gap));right:12px;min-width:200px}body.focus-mode .focus-mode-menu-item{padding:12px 16px;font-size:var(--font-size-base);min-height:44px}}body.focus-mode #nav-dots{position:fixed;bottom:65px;top:auto;left:50%;transform:translate(-50%);z-index:var(--z-notification);gap:0;background:transparent;pointer-events:auto}body.focus-mode #nav-dots:before{display:none}body.focus-mode #nav-dots .dot{width:auto;height:auto;margin:0;padding:6px 12px 12px;border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;opacity:.4;text-align:center;justify-content:center;transition:opacity var(--transition-normal) ease}body.focus-mode #nav-dots .dot.active{background-image:radial-gradient(circle 2px,rgba(255,255,255,.95) 100%,transparent 0);background-position:center calc(100% - 4px);background-repeat:no-repeat;background-size:4px 4px}body.focus-mode #nav-dots .dot[aria-controls=focus-task-panel].active{background-position:calc(50% + 6px) calc(100% - 4px)}body.focus-mode #nav-dots .dot[aria-controls=stats-panel].active{background-position:calc(50% - 6px) calc(100% - 4px)}body.focus-mode #nav-dots .dot:after{width:0;height:0;background:transparent;transform:none;border-radius:0;content:""}body.focus-mode #nav-dots .dot:before{content:attr(data-tab-label)}body.focus-mode #nav-dots .dot[aria-controls=focus-task-panel]{padding-right:0}body.focus-mode #nav-dots .dot[aria-controls=task-view]{padding-left:0;padding-right:0}body.focus-mode #nav-dots .dot[aria-controls=stats-panel]{padding-left:0}body.focus-mode #nav-dots .dot.active{opacity:.95}body.focus-mode #nav-dots .dot:hover,body.focus-mode #nav-dots .dot:focus-visible{opacity:.85}body.focus-mode #nav-dots .dot.active:hover,body.focus-mode #nav-dots .dot.active:focus-visible{opacity:1}body.focus-mode #nav-dots .dot[aria-controls=focus-task-panel]:after,body.focus-mode #nav-dots .dot[aria-controls=task-view]:after{content:"|";width:auto;height:auto;color:var(--color-white);opacity:.3;margin:0 6px;font-weight:300;pointer-events:none}.progress-focus-row{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin-top:var(--space-3-75)}.progress-focus-row .progress-container{margin-top:0;width:75%;max-width:350px}@media(min-width:1024px){.progress-focus-row .progress-container{width:75%;max-width:none}}.focus-mode-btn{position:absolute;right:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:var(--pref-panel-text, rgba(255, 255, 255, .85));cursor:pointer;transition:all var(--transition-fast) ease;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.focus-mode-btn:hover{background:#ffffff38;color:var(--pref-panel-text, var(--color-white));transform:scale(1.08)}.focus-mode-btn:active{transform:scale(.95)}.focus-mode-btn svg{width:16px;height:16px}body.focus-mode .focus-mode-btn{position:fixed;bottom:50px;right:24px;width:56px;height:56px;border-radius:var(--radius-full);background:#ffffff40;border-color:#fff6;color:var(--pref-panel-text, var(--color-white));z-index:var(--z-notification);box-shadow:var(--shadow-md);overflow:visible}body.focus-mode .focus-mode-btn svg{display:none}body.focus-mode .focus-mode-btn:before{font-size:26px;line-height:1}body.focus-mode .focus-mode-btn:after{content:attr(data-label);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;line-height:1.2;color:var(--color-white);white-space:pre-line;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}body.focus-mode.manual-cycle-mode .focus-mode-btn:before{content:"\21bb"}body.focus-mode.todo-mode-mode .focus-mode-btn:before{content:"\1f9f9"}body.focus-mode.auto-cycle-mode .focus-mode-btn,body.focus-mode #complete-all-and-help-window-container{display:none}@media(min-width:769px)and (max-width:1023px){#task-view,.task-card,.progress-focus-row{max-width:55vw}}@media(min-width:1024px){.progress-focus-row{max-width:50vw}}@media(max-width:1023px){body.focus-mode #task-view{top:var(--focus-band-top);bottom:calc(var(--nav-dots-clearance, var(--nav-dots-clearance-fallback)) + var(--focus-band-bottom-gap));transform:translate(-50%);height:auto;max-height:none;justify-content:safe center}body.focus-mode #task-view .task-card{max-height:calc(100dvh - 80px)}body.focus-mode #task-view .task-list-container{max-height:calc(100dvh - var(--focus-task-list-reduction-mobile));min-height:0}body.focus-mode .focus-mode-btn{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 32px);right:16px;z-index:var(--z-notification);width:44px;height:44px;box-shadow:var(--shadow-md)}body.focus-mode .focus-mode-btn svg{width:20px;height:20px}body.focus-mode #nav-dots{bottom:80px}body.focus-mode #nav-dots .dot{padding:10px 14px 16px;font-size:var(--font-size-base);min-height:44px;display:inline-flex;align-items:center}body.focus-mode #nav-dots .dot.active{background-position:center calc(100% - 5px);background-size:5px 5px;background-image:radial-gradient(circle 2.5px,rgba(255,255,255,.95) 100%,transparent 0)}body.focus-mode #nav-dots .dot[aria-controls=stats-panel].active{background-position:calc(50% - 7px) calc(100% - 5px)}body.focus-mode #nav-dots .dot[aria-controls=task-view]:after{margin:0 6px}}#recurring-task-list{list-style:none;padding:0;margin:0;text-align:left}.recurring-task-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-blue-pale-light);border:1px solid var(--theme-border);border-radius:var(--radius-md);padding:var(--space-0-5) var(--space-1);margin-bottom:var(--space-1);user-select:none;gap:var(--space-2);box-shadow:var(--shadow-inner-border);transition:background-color var(--transition-normal) ease,box-shadow var(--transition-fast) ease}.recurring-task-item:hover{background:var(--color-blue-pale);border-color:var(--color-steel-blue);box-shadow:var(--shadow-sm)}.recurring-task-item:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:-2px}.recurring-task-item.checked{background:var(--color-steel-blue);border-color:var(--color-blue-medium);box-shadow:var(--shadow-sm)}.recurring-task-item.checked .recurring-remove-btn,.recurring-task-item.checked .recurring-task-text{color:var(--color-white)}.recurring-task-item.selected{border:1px solid var(--theme-success, var(--color-success));background-color:var(--color-success-pale)}.recurring-task-item.selected .recurring-task-text{color:var(--color-black)}.recurring-task-item input[type=checkbox]{accent-color:var(--theme-success, #4CAF50);cursor:pointer;flex-shrink:0}.recurring-task-item input[type=checkbox]:hover{filter:brightness(1.2)}.recurring-task-item .recurring-task-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}.recurring-remove-btn{background:none;border:none;color:var(--color-black);font-weight:700;cursor:pointer;flex-shrink:0}.recurring-task-item button:hover{color:var(--color-error)}#recurring-settings-panel{margin-top:0;padding:var(--space-2-5);background:var(--color-blue-pale-light);border:1px solid var(--color-gray-400);border-radius:var(--radius-md);text-align:center}#recurring-settings-panel.hidden{display:none}.recurring-settings-title{font-size:var(--font-size-md);font-weight:600;margin:var(--space-3) 0 var(--space-2) 0;text-align:center}.recurring-settings-title.hidden{display:none}#recurring-settings-panel label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}#recur-count-input{width:60px;margin-left:var(--space-1-5)}#recur-count-container.hidden{display:none}#recur-frequency-container{margin-top:var(--space-2-5)}#recur-frequency-container label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm)}#recur-frequency{width:50%;padding:var(--space-1-5);border-radius:var(--radius-6);border:1px solid var(--theme-input-border);font-size:var(--font-size-sm)}#time-picker-section{margin-top:var(--space-2)}.frequency-time-section.hidden{display:none}.toggle-advanced-btn{margin-top:var(--space-3);background:var(--color-gray-600);color:var(--color-white);border:1px solid var(--color-gray-600);border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease}.toggle-advanced-btn:hover{background:var(--color-steel-blue);color:var(--color-white);border-color:var(--color-steel-blue)}.recur-settings-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.recur-settings-actions button{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-6);cursor:pointer;transition:background-color var(--transition-fast) ease,transform var(--transition-fast) ease}#apply-recurring-settings{background-color:var(--theme-success, var(--color-success));color:var(--color-white)}#apply-recurring-settings:hover{background-color:var(--color-success);transform:scale(1.02)}#apply-recurring-settings:active{background-color:var(--color-success);transform:scale(.98)}#cancel-recurring-settings{background-color:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-400)}#cancel-recurring-settings:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-600);transform:scale(1.02)}#cancel-recurring-settings:active{transform:scale(.98)}#open-recurring-panel:not(.menu-section-grid *){display:flex;align-items:center;justify-content:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-5);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-2xl);background-color:var(--color-gray-300);color:var(--color-gray-800);box-shadow:none;cursor:pointer;transition:background-color var(--transition-normal) ease;width:auto;margin:var(--space-2-5) auto}#open-recurring-panel:not(.menu-section-grid *):hover:not(:disabled){background-color:var(--color-gray-400)}#open-recurring-panel:not(.menu-section-grid *):disabled{background-color:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed;box-shadow:none}#open-recurring-panel:not(.menu-section-grid *) i{font-size:var(--font-size-lg)}.recurring-scroll-area{max-height:200px;overflow-y:auto;padding-right:var(--space-1);margin-top:var(--space-2-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-400);margin-bottom:var(--space-2-5)}.recurring-scroll-area::-webkit-scrollbar{width:var(--space-1-5)}.recurring-scroll-area::-webkit-scrollbar-thumb{background-color:#6464644d;border-radius:var(--radius-sm)}.recurring-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#64646480}.recurring-panel-hint{margin:0 0 var(--space-2);padding:0;font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;font-style:italic}.close-recurring-panel{background:var(--menu-close-bg, var(--color-steel-blue));color:var(--menu-close-text, var(--color-white));font-size:var(--font-size-lg);font-weight:700;padding:var(--space-3-5);border:none;border-radius:0 0 var(--radius-15) var(--radius-15);margin:var(--space-2-5) -25px -20px;width:calc(100% + 50px);cursor:pointer;transition:background var(--transition-fast) ease;display:block;text-align:center}.close-recurring-panel:hover{background:var(--menu-close-hover-bg, var(--menu-close-hover-bg))}.radio-circle{width:8px;height:8px;border:2px solid rgba(255,255,255,.7);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal) ease;position:relative;flex-shrink:0}.radio-circle:hover{border-color:var(--color-white);box-shadow:var(--shadow-glow-white)}.radio-circle.selected{background:var(--theme-success, var(--color-success));border-color:var(--theme-success, var(--color-success));box-shadow:var(--shadow-glow-green)}.radio-circle.selected:after{content:"";color:var(--color-white);font-size:10px;font-weight:700;position:absolute}.option-label{color:var(--theme-text-primary);font-size:var(--font-size-sm);font-weight:600;user-select:none;flex:1}.monthly-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-top:var(--space-2-5);padding:var(--space-2);background:var(--color-gray-300);border-radius:var(--radius-10)}.monthly-day-box{text-align:center;padding:var(--space-3) 0;background:var(--theme-input-bg, var(--color-white));border:2px solid var(--theme-input-border);border-radius:var(--radius-md);font-weight:700;cursor:pointer;position:relative;transition:background var(--transition-fast),border-color var(--transition-fast)}.monthly-day-box.selected{background:var(--theme-success, var(--color-success));border-color:var(--theme-success, var(--color-success));color:var(--color-white)}.monthly-day-box.selected:after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;background:var(--color-white);border-radius:50%}.weekly-day-box{text-align:center;padding:var(--space-2-5);background:var(--theme-input-bg, var(--color-white));border:2px solid var(--theme-input-border);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.weekly-day-box.selected{background:var(--theme-success, var(--color-success));border-color:var(--theme-success, var(--color-success));color:var(--color-white)}.weekly-day-box.selected:after{content:""}.recurring-summary{margin-top:var(--space-3-75);padding:var(--space-2-5);background:var(--theme-hover-bg);border-radius:var(--radius-md)}.summary-box{padding-bottom:var(--space-3)}#recurring-summary-preview{font-size:var(--font-size-sm);color:var(--theme-text-secondary, var(--color-gray-600))}#recurring-preview-text{font-weight:500}.change-recurring-btn{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-white);background:var(--color-steel-blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.change-recurring-btn:hover{background:var(--color-blue-medium);box-shadow:var(--shadow-md)}.toggle-check-btn{background:var(--color-blue-pale-mid);color:var(--color-steel-blue);border:1px solid var(--color-steel-blue);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background var(--transition-fast) ease}.toggle-check-btn:hover{background:var(--color-blue-pale)}#recurring-toggle-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2-5)}.recurring-check.hidden{display:none}.recurring-date-trash-icon,.recurring-trash-icon{color:var(--theme-text-muted, var(--color-gray-500));transition:color var(--transition-fast) ease}.trash-btn:hover .recurring-date-trash-icon,.trash-btn:hover .recurring-trash-icon{color:var(--theme-error, #e74c3c)}.recurring-indicator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;flex:0 0 auto;min-width:14px;min-height:14px;max-width:none;font-size:var(--font-size-sm);color:var(--color-blue-medium);margin-left:var(--space-2);margin-right:0;vertical-align:middle}.recurring-indicator .icon{display:inline-flex;flex-shrink:0;width:14px;height:14px}.recurring-indicator .icon svg{width:14px;height:14px;min-width:14px;min-height:14px}@media(max-width:768px){.monthly-days{grid-template-columns:repeat(5,1fr);gap:var(--space-1-5)}.monthly-day-box{padding:var(--space-2) 0;font-size:var(--font-size-xs)}#open-recurring-panel:not(.menu-section-grid *){width:80%}}@media(max-width:480px){.quick-recurring-options{grid-template-columns:1fr}}#daily-time-container,#weekly-time-container,#biweekly-time-container,#monthly-time-container{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2-5) 0;align-items:center;font-size:var(--font-size-base)}.time-picker-wrapper{margin:var(--space-5) auto 0 auto;max-width:350px;padding:var(--space-2-5);border:1px solid var(--theme-input-border);border-radius:var(--radius-5)}.time-picker-group{display:flex;gap:var(--space-2-5);align-items:center}.time-picker-group input[type=number],.time-picker-group select{padding:var(--space-1) var(--space-1);font-size:var(--font-size-base);border-radius:var(--radius-md);border:2px solid var(--theme-input-border);width:95px;text-align:center;transition:border-color var(--transition-fast)}.time-picker-group input[type=number]:focus,.time-picker-group select:focus{outline:none;border-color:var(--color-success)}.time-picker-group input[type=number]:focus-visible,.time-picker-group select:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}.recurring-time-input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);border-radius:var(--radius-md);border:2px solid var(--theme-input-border);text-align:center;transition:border-color var(--transition-fast)}.recurring-time-input:focus{outline:none;border-color:var(--color-success)}.recurring-time-input:focus-visible{outline:2px solid var(--theme-input-focus-border, #4c79ff);outline-offset:2px}select.hidden{display:none}.time-picker-stack{display:flex;flex-direction:column;gap:var(--space-2-5);align-items:flex-start}.section-label{font-weight:700;margin-bottom:var(--space-1)}.time-picker-group input::placeholder{color:var(--color-gray-400);font-style:italic;font-size:var(--font-size-sm)}@media(max-width:480px){.time-picker-wrapper{max-width:100%;box-sizing:border-box}.time-picker-group{gap:var(--space-1-5)}.time-picker-group input[type=number],.time-picker-group select{width:75px;flex:0 1 75px;min-width:0}}.yearly-months,.yearly-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-2-5);padding:var(--space-2-5);background:var(--color-gray-300);border-radius:var(--radius-10)}.yearly-month-box,.yearly-day-box{text-align:center;padding:var(--space-3) 0;background:var(--color-white);border:2px solid var(--theme-input-border);border-radius:var(--radius-md);font-weight:700;cursor:pointer;position:relative;transition:background var(--transition-fast),border-color var(--transition-fast);width:60px}.yearly-month-box.selected,.yearly-day-box.selected{background:var(--color-success-pale);border-color:var(--color-success);color:var(--color-black)}.yearly-month-box.selected:after,.yearly-day-box.selected:after{content:"\2714";font-size:var(--font-size-sm);position:absolute;top:4px;left:6px;color:var(--color-black)}.biweekly-day-box{text-align:center;padding:var(--space-2-5);background:var(--theme-input-bg, var(--color-white));border:2px solid var(--theme-input-border);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.biweekly-day-box.selected{background:var(--theme-success, var(--color-success));border-color:var(--theme-success, var(--color-success));color:var(--color-white)}#specific-dates-panel{margin-top:var(--space-3);padding:var(--space-3);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-10);background-color:var(--color-white)}#specific-date-list{display:flex;flex-direction:column;gap:var(--space-2-5)}.specific-date-entry{display:flex;align-items:center;gap:var(--space-2)}.specific-date-entry input[type=date]{flex:1;padding:var(--space-1-5);border:1px solid var(--theme-input-border);border-radius:var(--radius-6)}#add-recurring-task-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(0,0,0,.1)}.add-recurring-task-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-steel-blue);background:var(--color-blue-pale);border:1px dashed var(--color-steel-blue);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease}button.add-recurring-task-btn:hover{background:var(--color-blue-pale-mid);border:1px dashed var(--color-steel-blue);color:var(--color-steel-blue)}.add-recurring-task-btn i,.add-recurring-task-btn .icon{font-size:var(--font-size-sm)}.available-tasks-list{margin-top:var(--space-2-5);padding:var(--space-2-5);background:var(--color-blue-pale-light);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1)}.available-tasks-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);margin-bottom:var(--space-2)}.select-all-add-recurring-btn{font-size:var(--font-size-xs);color:var(--color-blue-medium);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.select-all-add-recurring-btn:hover{background:var(--theme-hover-bg)}#non-recurring-tasks{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto}#non-recurring-tasks li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);margin-bottom:var(--space-1);background:var(--color-blue-pale-light);border:1px solid var(--theme-border);border-radius:var(--radius-6);box-shadow:var(--shadow-inner-border);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast) ease}#non-recurring-tasks li:hover{background:var(--color-gray-100)}#non-recurring-tasks li.selected{background:var(--color-success-pale);border-color:var(--theme-success, var(--color-success))}#non-recurring-tasks li:last-child{margin-bottom:0}#non-recurring-tasks li input[type=checkbox]{accent-color:var(--theme-success, #4CAF50);cursor:pointer;flex-shrink:0;width:16px;height:16px}#non-recurring-tasks li .task-text{flex:1;overflow:hidden;text-overflow:ellipsis}.confirm-add-recurring-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-2-5);padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);background:var(--theme-success, var(--color-success));border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease}.confirm-add-recurring-btn:hover{background:var(--color-success)}.confirm-add-recurring-btn:disabled{background:var(--theme-input-border);cursor:not-allowed}.no-available-tasks{font-size:var(--font-size-sm);color:var(--theme-text-muted, var(--color-gray-600));font-style:italic;text-align:center;padding:var(--space-2-5)}.recurring-empty-state{text-align:center;padding:var(--space-5);color:var(--theme-text-muted, var(--color-gray-600));font-style:italic}.recurring-empty-state p{margin:0}.reminders-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--theme-modal-overlay);z-index:var(--z-modal);justify-content:center;align-items:center;overflow:auto}dialog.reminders-modal{background-color:var(--theme-modal-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}dialog.reminders-modal[open]{display:flex}.reminders-modal-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));padding:var(--space-5);border-radius:var(--radius-md);width:380px;max-width:90%;box-shadow:var(--shadow-lg, 0 4px 10px rgba(0, 0, 0, .3)),inset 0 1px 1px #ffffff40;position:relative;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.reminders-modal-content h2{margin-top:0;padding-left:var(--space-7)}.reminders-modal-content .close-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;color:var(--theme-text-muted, #999);font-size:var(--font-size-xl);border:none;cursor:pointer}.reminders-modal-content .close-btn:hover{color:var(--theme-text-secondary, #666)}#frequency-section{margin-top:var(--space-2-5);border-top:1px solid var(--pref-modal-border, var(--theme-modal-border, var(--theme-border)));padding-top:var(--space-2-5)}#repeat-count-row,#every-row{display:flex;align-items:center;margin:var(--space-2-5) 0}#repeat-count-row label,#every-row label{margin-right:var(--space-1-5);min-width:100px}#repeatCount,#frequencyValue{width:60px;margin-right:var(--space-1-5)}.settings-warning-details{margin:-2px 0 var(--space-2-5) 0;padding-left:var(--space-8-5)}.settings-warning-summary{font-size:var(--font-size-xs);opacity:.6;cursor:pointer;user-select:none;list-style:none}.settings-warning-summary::-webkit-details-marker{display:none}.settings-warning-summary:before{content:"\25b8  "}.settings-warning-details[open] .settings-warning-summary:before{content:"\25be  "}.settings-warning{font-size:var(--font-size-xs);opacity:.6;margin:var(--space-1) 0 0 0;padding:0;line-height:1.4}.recurring-panel-body{display:block}@media(min-width:768px){#recurring-panel.two-col-active{max-width:780px;transition:max-width var(--transition-normal) ease}#recurring-panel.two-col-active .recurring-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}#recurring-panel.two-col-active .recurring-panel-left,#recurring-panel.two-col-active .recurring-panel-right{min-width:0}#recurring-panel.two-col-active #recurring-settings-panel{margin-top:0}#recurring-panel.two-col-active .recurring-scroll-area{max-height:300px}}#history-modal-dialog[open]{display:flex;justify-content:center;align-items:center}.history-modal{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal),inset 0 1px 1px #ffffff40;transform:translateY(20px);transition:transform var(--transition-fast) ease;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.history-header{display:flex;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--theme-modal-border, var(--overlay-medium));gap:var(--space-3)}.history-back-btn{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-1) var(--space-2);color:var(--theme-modal-text, var(--color-gray-700))}.history-title{flex:1;margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--theme-modal-text, var(--color-gray-700))}.history-action-btn{background:none;border:none;font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-1) var(--space-3)}.history-action-btn--danger{color:var(--color-error)}.history-action-btn--primary{color:var(--color-primary)}.history-tabs{display:flex;border-bottom:1px solid var(--theme-modal-border, var(--overlay-medium))}.history-tab{flex:1;padding:var(--space-3);border:none;background:none;font-size:var(--font-size-sm);cursor:pointer;color:var(--theme-modal-text, var(--color-gray-700));border-bottom:2px solid transparent;transition:all var(--transition-fast) ease}.history-tabs button.history-tab:hover{background:var(--color-blue-pale-mid);color:var(--color-primary)}.history-tab.active{font-weight:600;border-bottom-color:var(--color-primary);color:var(--color-primary);background:var(--color-blue-pale-light)}.history-tab-badge{display:inline-block;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-0-25) var(--space-2);font-size:11px;font-weight:600;margin-left:var(--space-1);vertical-align:middle;line-height:1.2;min-width:var(--space-5);text-align:center}.history-modal-content{flex:1;overflow-y:auto;padding:var(--space-4)}.history-empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--color-gray-600)}.history-empty-emoji{font-size:48px;margin-bottom:var(--space-4)}.history-empty-text{margin:0}.history-empty-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-sm)}.history-group{margin-bottom:var(--space-6)}.history-group-heading{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--theme-modal-border, var(--overlay-medium))}.history-event{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-blue-pale-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.history-event-icon{font-size:var(--font-size-xl)}.history-event-content{flex:1;min-width:0}.history-event-title{font-weight:500;color:var(--theme-modal-text, var(--color-gray-700))}.history-event-details{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--space-0-5)}.history-event-timestamp{font-size:var(--font-size-xs);color:var(--color-gray-600);white-space:nowrap}.history-priority-dot{display:inline-block;width:var(--space-2-5);height:var(--space-2-5);border-radius:50%;vertical-align:middle;margin-left:var(--space-1)}.cleared-entry{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-blue-pale-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);border:2px solid transparent;transition:all var(--transition-fast) ease}.cleared-entry.selectable{cursor:pointer}.cleared-entry.selected{background:var(--color-blue-pale-mid);border-color:var(--border-blue-subtle-hover)}.cleared-entry-checkbox{width:var(--space-5);height:var(--space-5);border:2px solid var(--overlay-strong);border-radius:var(--radius-sm);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-white);font-size:var(--font-size-xs)}.cleared-entry.selected .cleared-entry-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.cleared-entry-content{flex:1;min-width:0}.cleared-entry-text{color:var(--theme-modal-text, var(--color-gray-700));word-break:break-word}.cleared-entry-metadata{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-2)}.cleared-entry-priority{color:var(--color-error);display:inline-flex;align-items:center;gap:var(--space-0-75)}.cleared-entry-due-date{color:var(--color-blue-medium)}.cleared-entry-reminders{color:var(--color-orange)}.cleared-entry-recurring{color:var(--color-success)}.cleared-entry-mode{color:var(--color-gray-500)}.history-recurring-note{padding:var(--space-3);margin-top:var(--space-2);background:var(--color-blue-pale-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.4}.history-recurring-note-icon{margin-right:var(--space-1)}.cleared-view-recurring{color:var(--color-primary);text-decoration:none;font-weight:500;margin-top:var(--space-1);display:inline-block}.history-achievement-note{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;margin:var(--space-4) 0 0;font-style:italic}.history-recurring-disclaimer{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;padding:0 var(--space-4)}.history-reset-section{padding:var(--space-3) var(--space-4);border-top:1px solid var(--theme-modal-border, var(--overlay-medium));text-align:center}.history-reset-progress-btn{background:none;border:none;font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2) var(--space-4);color:var(--color-gray-600);text-decoration:underline}.history-footer{display:none;padding:var(--space-3) var(--space-4);border-top:1px solid var(--theme-modal-border, var(--overlay-medium));gap:var(--space-3)}.history-footer.visible{display:flex}.history-cancel-btn{flex:1;padding:var(--space-2-5);border:1px solid var(--theme-modal-border, var(--overlay-medium));border-radius:var(--radius-md);background:none;cursor:pointer;color:var(--theme-modal-text, var(--color-gray-700))}.history-confirm-btn{flex:1;padding:var(--space-2-5);border:none;border-radius:var(--radius-md);background:var(--color-primary);cursor:pointer;color:var(--color-white);font-weight:500}.history-confirm-btn:disabled{opacity:.5;cursor:not-allowed}#achievements-modal-dialog[open]{display:flex;justify-content:center;align-items:center}.achievements-modal{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal),inset 0 1px 1px #ffffff40;transform:translateY(20px);transition:transform var(--transition-fast) ease;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.achievements-header{display:flex;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--theme-modal-border, var(--overlay-medium));gap:var(--space-3)}.achievements-back-btn{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-1) var(--space-2);color:var(--theme-modal-text, var(--color-gray-700))}.achievements-title{flex:1;margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--theme-modal-text, var(--color-gray-700))}.achievements-modal-content{flex:1;overflow-y:auto;padding:var(--space-4)}.achievements-summary{background:var(--color-blue-pale-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);text-align:center}.achievements-summary-row{display:flex;justify-content:space-around;gap:var(--space-4)}.achievements-stat-value{font-size:var(--font-size-2xl);font-weight:600}.achievements-stat-value--cycles{color:var(--color-primary)}.achievements-stat-value--tasks{color:var(--color-success)}.achievements-stat-value--count{color:var(--theme-modal-text, var(--color-gray-700))}.achievements-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600)}.achievements-section-heading{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3)}.achievements-section-heading--upcoming{margin-top:var(--space-5)}.achievement-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-blue-pale-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.achievement-card-emoji{font-size:28px;flex-shrink:0}.achievement-card-content{flex:1;min-width:0}.achievement-card-name{font-weight:600;color:var(--theme-modal-text, var(--color-gray-700))}.achievement-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--space-0-5)}.achievement-card-date{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:var(--space-1)}.achievement-card-reward{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--space-1);font-weight:500}.achievement-card--upcoming{opacity:.8}.achievement-card--upcoming .achievement-card-emoji{filter:grayscale(1)}.achievement-progress-bar{position:relative;background:var(--overlay-medium);border-radius:var(--radius-sm);height:8px;margin-top:var(--space-2);overflow:hidden}.achievement-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-sm);transition:width var(--transition-normal) ease}.achievement-progress-fill--cycles{background:var(--color-primary)}.achievement-progress-fill--tasks{background:var(--color-success)}.achievement-legend{display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--space-1-5);font-size:var(--font-size-xs)}.achievement-legend-items{display:flex;flex-direction:column;gap:var(--space-0-5)}.achievement-legend-cycles{color:var(--color-primary);font-weight:500}.achievement-legend-tasks{color:var(--color-success);font-weight:500}.achievement-legend-bullet{font-size:var(--font-size-sm)}.achievement-legend-reward{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:500}.achievements-empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--color-gray-600)}.achievements-empty-emoji{font-size:48px;margin-bottom:var(--space-4)}.achievements-empty-text{margin:0}.achievements-progress-note{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;margin:var(--space-4) 0 0;font-style:italic}.badge-detail-popup{border-radius:var(--radius-xl);padding:var(--space-6);min-width:260px;max-width:300px;box-shadow:var(--shadow-modal-heavy);display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-user-select:text;user-select:text;transform:scale(.9);transition:transform var(--transition-fast) ease}.badge-detail-popup{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--color-gray-700)));-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.badge-detail-popup[data-reward=habit-tracker]{background:#c87132;color:var(--color-white)}.badge-detail-popup[data-reward=fitness]{background:#22a05e;color:var(--color-white)}.badge-detail-popup[data-reward=scholar]{background:#4440c0;color:var(--color-white)}.badge-detail-popup[data-reward=cleaning]{background:#0a8db5;color:var(--color-white)}.badge-detail-popup[data-reward=whack-a-order]{background:#8b0000;color:var(--color-white)}.badge-detail-popup[data-reward] .badge-detail-secondary{color:#fffc}.badge-detail-popup[data-reward=habit-tracker] .badge-detail-reward{color:#ffe0b8}.badge-detail-popup[data-reward=fitness] .badge-detail-reward{color:#b8f0d4}.badge-detail-popup[data-reward=scholar] .badge-detail-reward{color:#c8c4ff}.badge-detail-popup[data-reward=cleaning] .badge-detail-reward{color:#b8eeff}.badge-detail-popup[data-reward=whack-a-order] .badge-detail-reward{color:#ffb8c8}.badge-spin-area{padding:var(--space-5);margin:calc(-1 * var(--space-5));perspective:300px;-webkit-user-select:none;user-select:none}.badge-spin-area.interactive{cursor:grab}.badge-detail-popup.badge-interactive{cursor:grab;-webkit-user-select:none;user-select:none}.badge-coin{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-dropdown);transform-style:preserve-3d;transition:transform .1s ease-out}.badge-coin--locked{background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-300));filter:grayscale(.8)}.badge-coin[data-reward=habit-tracker]{background:linear-gradient(135deg,#c87132,#e8924a)}.badge-coin[data-reward=fitness]{background:linear-gradient(135deg,#22a05e,#3dba74)}.badge-coin[data-reward=scholar]{background:linear-gradient(135deg,#4440c0,#6560d8)}.badge-coin[data-reward=cleaning]{background:linear-gradient(135deg,#0a8db5,#20a8d8)}.badge-coin[data-reward=whack-a-order]{background:linear-gradient(135deg,#8b0000,#dc143c)}.badge-coin-emoji{font-size:40px}.badge-coin.animate-tap[data-milestone="5"]{animation:badge-flicker var(--anim-badge-flicker) ease-out}.badge-coin.animate-tap[data-milestone="25"]{animation:badge-flex var(--anim-badge-flex) ease-out}.badge-coin.animate-tap[data-milestone="50"]{animation:badge-bob var(--anim-badge-bob) ease-out}.badge-coin.animate-tap[data-milestone="75"]{animation:badge-sweep var(--anim-badge-sweep) ease-out}.badge-coin.animate-tap[data-milestone="100"]{animation:badge-shine var(--anim-badge-shine) ease-out}.badge-coin.animate-loop[data-milestone="5"]{animation:badge-flicker var(--anim-badge-flicker-loop) ease-in-out infinite}.badge-coin.animate-loop[data-milestone="25"]{animation:badge-flex var(--anim-badge-flex-loop) ease-in-out infinite}.badge-coin.animate-loop[data-milestone="50"]{animation:badge-bob var(--anim-badge-bob-loop) ease-in-out infinite}.badge-coin.animate-loop[data-milestone="75"]{animation:badge-sweep var(--anim-badge-sweep-loop) ease-in-out infinite}.badge-coin.animate-loop[data-milestone="100"]{animation:badge-shine var(--anim-badge-shine-loop) ease-in-out infinite}.badge-detail-name{margin:var(--space-2) 0 var(--space-1);font-size:var(--font-size-xl)}.badge-detail-threshold{margin:0 0 var(--space-3);font-size:var(--font-size-sm)}.badge-detail-secondary{color:var(--color-gray-600)}.badge-detail-status{margin:0;font-size:var(--font-size-xs)}.badge-detail-drag-hint{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);font-style:italic}.badge-detail-reward{margin:var(--space-3) 0 0;font-size:var(--font-size-xs);color:var(--color-primary)}.badge-detail-reward-btn{margin:var(--space-3) auto 0;display:block;padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:600;color:var(--color-white);background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.badge-detail-reward-btn:hover{background:#ffffff59}.badge-detail-reward-btn:active{transform:scale(.95)}.badge-detail-progress{width:100%;max-width:180px;margin-top:var(--space-1)}.badge-detail-progress-legend{margin-top:var(--space-2)}.storage-bar-container{margin-top:var(--space-3-75);padding:var(--space-2-5);background:transparent;border:none;border-top:1px solid var(--border-blue-subtle);border-radius:0}.storage-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1-5)}.storage-bar-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.storage-bar-hint{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:400}.storage-refresh-btn{background:none;border:none;color:var(--theme-text-muted);cursor:pointer;padding:var(--space-1) 6px;font-size:.7rem;border-radius:var(--radius-sm);transition:all var(--transition-fast) ease}.storage-refresh-btn:hover{background:#0000001a;color:var(--theme-button-primary-bg, #4c79ff)}.storage-refresh-btn.refreshing{animation:spin var(--animation-spin) linear infinite}.storage-bar-track{width:100%;height:8px;background:#0000001a;border-radius:var(--radius-sm);overflow:hidden}.storage-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-normal) ease,background-color var(--transition-normal) ease;min-width:2px}.storage-normal{background:linear-gradient(90deg,var(--color-success),var(--color-success-light))}.storage-caution{background:linear-gradient(90deg,var(--color-warning),var(--color-yellow-light))}.storage-warning{background:linear-gradient(90deg,var(--color-orange),var(--color-orange-light))}.storage-critical{background:linear-gradient(90deg,var(--color-red),var(--color-red-light))}.storage-bar-text{font-size:.7rem;color:var(--color-gray-600);margin-top:var(--space-1-5);text-align:right}.storage-modal-overlay{position:fixed;inset:0;margin:0;border:none;padding:0;max-width:none;max-height:none;width:100%;height:100%;background:var(--theme-modal-overlay);align-items:center;justify-content:center}.storage-modal-overlay[open]{display:flex}.storage-modal-overlay::backdrop{display:none}.storage-modal-content{background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, #ffffff)));color:var(--pref-modal-text, var(--theme-modal-text, #333));border-radius:var(--radius-lg);padding:var(--space-5);width:420px;max-width:95%;box-shadow:0 8px 30px #0003,inset 0 1px 1px #ffffff40;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.storage-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3-75)}.storage-modal-header h2{margin:0;font-size:1.2rem}.storage-details{margin-top:var(--space-3-75)}.storage-detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid rgba(0,0,0,.1)}.storage-detail-row:last-child{border-bottom:none}.storage-detail-label{color:var(--theme-text-secondary, #666);font-size:var(--font-size-sm)}.storage-detail-value{font-weight:600;font-size:var(--font-size-sm)}@media(max-width:768px){.storage-bar-container{padding:var(--space-2)}.storage-bar-label{font-size:.7rem}.storage-modal-content{width:95%;padding:var(--space-3-75)}}.storage-modal-box{pointer-events:auto;width:90%;max-width:700px;max-height:90vh;background-color:var(--modal-bg, #fff);color:var(--modal-text, #333);border-radius:var(--radius-lg);box-shadow:0 6px 25px #00000040;display:flex;flex-direction:column;overflow:hidden;font-size:1rem;border:2px solid var(--modal-border, #ccc)}.storage-modal-header{font-weight:700;font-size:1.2rem;padding:var(--space-4);background-color:var(--modal-header-bg, #f5f5f5);border-bottom:1px solid var(--modal-border, #ccc)}.storage-modal-body{padding:var(--space-4);overflow-y:auto;flex:1;font-family:monospace;white-space:pre-wrap;word-break:break-word}.storage-modal-buttons{padding:var(--space-3) var(--space-4);text-align:right;border-top:1px solid var(--modal-border, #ccc);background-color:var(--modal-footer-bg, #f5f5f5);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.storage-modal-buttons .btn-confirm{padding:var(--space-2) var(--space-4);background-color:var(--btn-bg, #007bff);color:var(--btn-text, white);border:none;border-radius:var(--radius-6);font-weight:700;cursor:pointer}.storage-modal-buttons .btn-confirm:hover{background-color:var(--btn-hover-bg, #0056b3)}#storage-viewer-overlay{z-index:var(--z-modal-high);pointer-events:none}#storage-viewer-overlay.hidden{display:none}#storage-viewer-overlay .mini-modal-box.wide{width:90%;max-width:700px;max-height:90vh;background-color:var(--modal-bg, #fff);color:var(--modal-text, #333);border-radius:var(--radius-lg);box-shadow:0 6px 25px #00000040;display:flex;flex-direction:column;overflow:hidden;font-size:1rem;border:2px solid var(--modal-border, #ccc);pointer-events:auto}#storage-viewer-overlay .mini-modal-header{font-weight:700;font-size:1.2rem;padding:var(--space-4);background-color:var(--modal-header-bg, #f5f5f5);border-bottom:1px solid var(--modal-border, #ccc)}#storage-content{padding:var(--space-4);overflow-y:auto;flex:1;font-family:monospace;white-space:pre-wrap;word-break:break-word}#storage-content.scrollable{max-height:60vh;overflow-y:auto;font-family:monospace;font-size:.9em;background:var(--color-code-bg);padding:var(--space-2-5);border:1px solid var(--theme-input-border);text-align:left}.storage-key{margin-bottom:var(--space-3);padding-bottom:var(--space-1-5);color:var(--color-gray-400)}.storage-key-title{font-weight:700;margin-bottom:var(--space-0-5);color:var(--color-gray-300)}.json-entry{margin-bottom:var(--space-2);padding:var(--space-1-5);background:#0000000d;border-radius:var(--radius-sm)}.json-toggle{cursor:pointer;color:var(--theme-info, #007bff);font-weight:700}.json-toggle:hover{text-decoration:underline}.testing-modal-drag-handle{position:absolute;top:0;left:0;right:0;height:40px;cursor:move;z-index:var(--z-modal);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-shadow:var(--text-shadow-md);user-select:none;-webkit-user-select:none;transition:background var(--transition-fast) var(--ease-default),transform var(--transition-fast) var(--ease-default)}.testing-modal-drag-handle:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);transform:scale(1.02)}.testing-modal-drag-handle:active,.testing-modal-drag-handle.dragging{background:linear-gradient(135deg,#4e5ed6,#5d4284)}.test-results-overlay{position:fixed;inset:0;margin:0;width:100%;height:100%;border:none;background:transparent;display:flex;justify-content:center;align-items:center}.test-results-overlay::backdrop{background:#000c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.test-results-content{background:var(--theme-modal-bg, #fff);border:1px solid var(--theme-modal-border, #d0d0d0);border-radius:var(--radius-lg);width:90%;height:85%;max-width:1200px;display:flex;flex-direction:column;color:var(--theme-modal-text, #333);box-shadow:var(--shadow-xl);overflow:hidden}.test-results-header{padding:var(--space-5);border-bottom:1px solid var(--theme-modal-border, #e0e0e0);display:flex;justify-content:space-between;align-items:center;background:var(--theme-modal-bg, #fff);flex-shrink:0}.test-results-title{margin:0;color:var(--color-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold, 700)}.test-results-timestamp{margin:var(--space-1) 0 0 0;color:var(--color-gray-500, #888);font-size:var(--font-size-sm)}.test-results-close-btn{background:var(--color-error);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.test-results-close-btn:hover{filter:brightness(.85)}.test-results-close-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.test-results-controls{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--theme-modal-border, #e0e0e0);display:flex;gap:var(--space-3);flex-wrap:wrap;background:var(--theme-input-bg, #f5f5f5);flex-shrink:0}.test-results-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-fast);color:var(--color-white)}.test-results-btn:hover{filter:brightness(.85)}.test-results-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.test-results-btn.primary{background:var(--color-accent)}.test-results-btn.success{background:var(--color-success)}.test-results-btn.secondary{background:transparent;color:var(--theme-modal-text, #555);border:1px solid var(--color-gray-400, #aaa)}.test-results-btn.info{background:var(--color-info)}.test-results-search-bar{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--theme-modal-border, #e0e0e0);background:var(--theme-input-bg, #f5f5f5);display:none;flex-shrink:0}.test-results-search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--theme-modal-border, #ccc);border-radius:var(--radius-sm);background:var(--color-white, #fff);color:var(--theme-modal-text, #333);font-size:var(--font-size-sm)}.test-results-search-info{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--theme-text-muted)}.test-results-body{flex:1;margin:var(--space-4) var(--space-5);padding:var(--space-5);overflow-y:auto;font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-normal);background:#f4f5f7;color:#2d3748;border:1px solid #d1d5db;border-radius:var(--radius-md);white-space:pre-wrap;word-wrap:break-word}.test-results-hint{color:var(--theme-text-muted);font-size:var(--font-size-xs);margin-left:var(--space-2);font-weight:var(--font-weight-normal)}.test-runner-overlay{border:none;background:transparent;padding:var(--space-5);max-width:none;max-height:none;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.test-runner-overlay::backdrop{background:#000000d9}.test-runner-content{width:90%;max-width:450px;background:var(--color-gray-900);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);position:relative}.test-runner-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white)}.test-runner-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.test-runner-close-btn{background:#fff3;border:none;color:var(--color-white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.test-runner-close-btn:hover{background:#ffffff4d}.test-runner-close-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.test-runner-progress{padding:var(--space-10) var(--space-8);background:var(--color-gray-900);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.test-runner-emoji{font-size:4rem;margin-bottom:var(--space-6)}.test-runner-status{color:var(--color-primary-light);font-size:var(--font-size-xl);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.test-runner-time{color:#fff9;font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.test-runner-bar-track{width:100%;max-width:400px;background:#0000004d;border-radius:var(--radius-lg);height:12px;overflow:hidden;margin-bottom:var(--space-8)}.test-runner-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-lg);transition:width var(--transition-normal) var(--ease-default)}.test-runner-warning{padding:var(--space-3) var(--space-5);background:#ff6b6b1a;border-radius:var(--radius-md);border:1px solid rgba(255,107,107,.3)}.test-runner-warning-text{color:var(--color-error-light);font-size:var(--font-size-sm)}.test-runner-iframe{position:absolute;top:0;left:0;width:800px;height:600px;opacity:0;pointer-events:none;z-index:-1}.backup-restore-content{background:var(--theme-modal-bg, #1a1a1a);border:1px solid var(--theme-modal-border, #333);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:70%;padding:var(--space-5);color:var(--theme-modal-text, #fff);overflow-y:auto;box-shadow:0 10px 30px #00000080}.backup-restore-title{margin:0 0 var(--space-5) 0;color:var(--theme-modal-text, #fff)}.backup-restore-description{margin:0 0 var(--space-5) 0;color:var(--color-gray-300);font-size:var(--font-size-sm)}.backup-restore-list{max-height:300px;overflow-y:auto;margin-bottom:var(--space-5);border:1px solid var(--theme-modal-border, #333);border-radius:var(--radius-md);padding:var(--space-3)}.backup-type-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.backup-type-badge.auto{color:var(--color-success)}.backup-type-badge.manual{color:var(--color-accent)}.backup-type-badge.test{color:var(--color-warning)}.backup-type-badge.session{color:var(--color-info)}.backup-type-badge.legacy-auto{color:var(--color-warning)}.backup-type-badge.legacy-manual{color:var(--color-gray-600)}.backup-storage-label{font-size:var(--font-size-xs)}.backup-storage-label.indexeddb{color:var(--color-info)}.backup-storage-label.localstorage{color:var(--color-gray-600)}.backup-latest-label{color:var(--color-warning);font-size:var(--font-size-xs)}.backup-item{padding:var(--space-3);margin:var(--space-2) 0;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-default);background:#ffffff0d}.backup-item:hover:not(.selected){background:#ffffff1a}.backup-item.selected{border-color:var(--color-accent);background:#007bff1a}.backup-item-date{font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.backup-item-details{font-size:var(--font-size-xs);color:var(--color-gray-300)}.backup-item-name{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--space-1)}.backup-restore-buttons{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.backup-restore-cancel{padding:var(--space-3) var(--space-5);background:var(--color-gray-600);color:var(--color-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.backup-restore-cancel:hover{filter:brightness(.85)}.backup-restore-cancel:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.backup-restore-confirm{padding:var(--space-3) var(--space-5);background:var(--color-error);color:var(--color-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-bold)}.backup-restore-confirm:hover:not(:disabled){filter:brightness(.85)}.backup-restore-confirm:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.backup-restore-confirm:disabled{cursor:not-allowed;opacity:.5}.storage-empty-state{text-align:center;padding:var(--space-10);color:var(--color-gray-500);font-style:italic}.storage-key-header{display:flex;align-items:center;cursor:pointer;padding:var(--space-2) 0;border-bottom:1px solid var(--theme-modal-border, #444);margin-bottom:var(--space-2)}.storage-key-toggle{margin-right:var(--space-2);background:var(--color-success);color:var(--color-white);border:none;border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);transition:background var(--transition-fast) var(--ease-default)}.storage-key-toggle:hover{filter:brightness(.85)}.storage-key-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.storage-key-toggle.open{background:var(--color-error)}.storage-key-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-white);flex:1}.storage-key-size{color:var(--theme-text-muted);font-size:var(--font-size-xs);margin-left:var(--space-2)}.storage-value-parsed{background:var(--color-gray-50);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);overflow-x:auto;word-wrap:break-word}.storage-value-raw{background:#17a2b81a;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);overflow-x:auto;word-wrap:break-word;border-left:4px solid var(--color-info);color:var(--color-info)}.json-depth-exceeded{color:var(--color-gray-400);font-style:italic}.json-array-info{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.json-key{color:var(--color-accent);font-weight:var(--font-weight-bold)}.json-toggle{margin-right:var(--space-1-5);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-xs);padding:var(--space-0-5) var(--space-1-5);cursor:pointer;font-size:var(--font-size-xs);text-decoration:none;transition:background var(--transition-fast) var(--ease-default)}.json-toggle:hover{text-decoration:none;filter:brightness(.85)}.json-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.json-toggle.open{background:var(--color-success)}.json-value-string{color:var(--color-success)}.json-value-number{color:var(--color-accent)}.json-value-boolean{color:var(--color-warning)}.json-value-null{color:var(--color-gray-400)}.json-render-error{color:var(--color-error);font-style:italic;padding:var(--space-2);background:#dc35451a;border-radius:var(--radius-sm);margin:var(--space-1) 0}@media(max-width:768px){.test-results-content{width:95%;height:90%}.test-results-header{padding:var(--space-3);flex-direction:column;gap:var(--space-2);align-items:flex-start}.test-results-controls{padding:var(--space-3)}.test-results-btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.test-runner-content{width:95%;max-width:100%}.test-runner-progress{padding:var(--space-6) var(--space-4)}.backup-restore-content{width:95%;max-height:80%}}.testing-modal{position:fixed;inset:0;margin:0;width:100%;height:100%;background:transparent;justify-content:center;align-items:center}.testing-modal[open]{display:flex}.testing-modal::backdrop{background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backup-restore-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;background:transparent;display:flex;justify-content:center;align-items:center}.backup-restore-dialog::backdrop{background-color:#000000b3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.testing-modal-content{background:var(--theme-modal-bg, white);color:var(--theme-modal-text, #333);padding:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:700px;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.testing-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.testing-modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-white);font-weight:var(--font-weight-semibold)}.close-testing-modal{background:#fff3;border:none;color:var(--color-white);font-size:var(--font-size-2xl);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast) ease;line-height:1}.close-testing-modal:hover{background:#ffffff4d}.close-testing-modal:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.testing-modal-body{padding:var(--space-4);overflow-y:auto;flex:1}.testing-tabs{display:flex;gap:var(--space-1);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-2) var(--space-4);background:var(--theme-input-bg, #f5f5f5);border-bottom:1px solid var(--theme-modal-border, #d0d0d0);box-shadow:0 1px 3px #0000000f;flex-wrap:wrap}.testing-tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--theme-modal-text, #555);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast) ease}.testing-tab:hover{background:#0000000f}.testing-tab.active{background:var(--theme-modal-bg, white);color:var(--theme-modal-text, #333);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.testing-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.testing-tab-content{display:none}.testing-tab-content.active{display:block;padding-top:var(--space-3)}.testing-section{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--theme-input-bg, rgba(0, 0, 0, .02));border-radius:var(--radius-lg);border:1px solid var(--theme-modal-border, rgba(0, 0, 0, .06))}.testing-section:last-child{margin-bottom:0}.testing-section h3{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold, 700);color:var(--theme-modal-text, #333);letter-spacing:-.01em}.testing-section h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--theme-modal-text, #555)}.testing-hint-text{font-size:var(--font-size-xs);color:var(--theme-text-muted);margin:var(--space-2) 0}.testing-tab-content>.button-group h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold, 700);color:var(--theme-modal-text, #333);letter-spacing:-.01em}.test-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);margin:var(--space-1);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;background:var(--theme-button-secondary-bg, #6c757d);color:var(--color-white);text-decoration:none}.test-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.test-btn:active{transform:translateY(0)}.test-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.test-btn.test-primary{background:var(--color-primary)}.test-btn.test-primary:hover{background:var(--color-primary-dark)}.test-btn.test-secondary{background:var(--color-gray-600)}.test-btn.test-secondary:hover{filter:brightness(.85)}.test-btn.test-info{background:var(--color-info)}.test-btn.test-info:hover{filter:brightness(.85)}.test-btn.test-success{background:var(--color-success)}.test-btn.test-success:hover{filter:brightness(.85)}.test-btn.test-warning{background:var(--color-warning);color:var(--color-gray-900)}.test-btn.test-warning:hover{filter:brightness(.85)}.test-btn.test-danger{background:var(--color-error)}.test-btn.test-danger:hover{filter:brightness(.85)}.test-btn.test-clear,.test-btn.test-export,.test-btn.test-copy{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);background:transparent;color:var(--theme-modal-text, #555);border:1px solid var(--theme-modal-border, #ccc)}.test-btn.test-clear:hover,.test-btn.test-export:hover,.test-btn.test-copy:hover{background:var(--theme-input-bg, #f0f0f0);border-color:var(--color-gray-400);transform:none;box-shadow:none}.testing-section .button-group,.testing-tab-content>.button-group{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--theme-input-bg, rgba(0, 0, 0, .02));border-radius:var(--radius-lg);border:1px solid var(--theme-modal-border, rgba(0, 0, 0, .06))}.testing-results-area{border-top:2px solid var(--theme-modal-border, #d0d0d0);background:#f0f2f5;flex-shrink:0}.testing-results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#e8ebf0;border-bottom:1px solid rgba(0,0,0,.08)}.testing-results-header h3{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600, #666)}.testing-results-controls{display:flex;gap:var(--space-1)}.testing-results{max-height:200px;overflow-y:auto;background:var(--color-white, #fff)}.testing-output{padding:var(--space-3) var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-normal);white-space:pre-wrap;word-break:break-word;color:var(--theme-modal-text, #333)}.testing-output .welcome-message{text-align:center;color:var(--color-gray-500, #999);font-family:var(--font-family)}.testing-output .welcome-message p{margin:var(--space-1) 0}@media(max-width:768px){.testing-modal-content{width:95%;max-height:90vh;max-width:100%}.testing-modal-header{padding:var(--space-3) var(--space-4)}.testing-modal-header h2{font-size:1.1rem}.testing-modal-body{padding:var(--space-3)}.testing-tabs{gap:var(--space-1-5)}.testing-tab{padding:6px var(--space-3);font-size:.8rem}.test-btn{padding:var(--space-1-5) var(--space-2-5);font-size:.75rem;margin:var(--space-0-75)}.testing-results{max-height:150px}.testing-output{font-size:.7rem;padding:10px var(--space-3)}}#footer-container{display:block;position:fixed;bottom:18px;color:var(--pref-panel-text, var(--color-white));text-align:center;font-size:12px;font-family:Poppins,Poppins Fallback,sans-serif;z-index:var(--z-base);width:100%}#copyright{margin:0;line-height:1.5;opacity:.8;transition:opacity var(--transition-normal) ease-in-out;align-items:center;color:var(--pref-panel-text, var(--color-white))}#copyright a{color:var(--pref-panel-text, var(--color-white));text-decoration:none}#copyright a:hover{text-decoration:underline}#footer-container:hover #copyright{opacity:1}.footer-item{margin:0;line-height:1.5;opacity:.8;transition:opacity var(--transition-normal) ease-in-out;align-items:center;color:var(--pref-panel-text, var(--color-white));z-index:var(--z-content)}.footer-item:hover{text-decoration:underline;cursor:pointer}.footer-item a{color:var(--pref-panel-text, var(--color-white));text-decoration:none}.footer-item a:hover,.footer-item a:focus-visible,.footer-item button:hover,.footer-item button:focus-visible{text-decoration:underline}.footer-item button{background:none;border:none;color:var(--pref-panel-text, var(--color-white));text-decoration:none;cursor:pointer;font:inherit;padding:0}#footer-container:hover .footer-item{opacity:1}#footer-container .footer-links{gap:1em}@media(max-width:768px){#footer-container .footer-links{flex-wrap:wrap;align-items:center;gap:1em}#footer-container .footer-links>li{order:0}#footer-container .footer-links>.footer-item{display:none}#footer-container #copyright{order:99;flex-basis:100%;display:flex;justify-content:center;gap:.3em;margin-top:-10px}}.footer-links{display:flex;justify-content:center;list-style:none;padding:0;margin:0}.menu-container{font-size:var(--font-size-sm);font-weight:700;background:var(--menu-bg, linear-gradient(180deg, #e3f2fd 0%, #4a90c2 100%));position:fixed;top:calc(env(safe-area-inset-top,0px) + 50px);right:10px;padding:var(--space-2-5);border-radius:var(--radius-md);box-shadow:var(--menu-shadow, 0 4px 6px rgba(0, 0, 0, .1));display:none;flex-direction:column;gap:var(--space-2-5);z-index:var(--z-menu);min-width:280px;max-width:380px;max-height:calc(100vh - 80px);overflow:hidden;flex-shrink:0}.menu-container.visible{display:flex;opacity:1;transform:translateY(0)}.main-menu-backdrop{position:fixed;inset:0;background:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-menu) - 1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}body.main-menu-open .main-menu-backdrop,body.quick-actions-open .main-menu-backdrop{opacity:1;visibility:visible}body.main-menu-open .menu-button{position:relative;z-index:var(--z-menu)}body.quick-actions-open .fixed-header-container,body.quick-actions-open #quick-actions-window{z-index:var(--z-menu)}.main-menu-header-row{display:flex;align-items:center;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-10);background:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-white);font-size:var(--font-size-md);font-weight:700;margin-top:calc(-1 * var(--space-2-5));margin-left:calc(-1 * var(--space-2-5));margin-right:calc(-1 * var(--space-2-5));border-bottom:1px solid var(--menu-header-border, rgba(0, 0, 0, .08));margin-bottom:var(--space-1);flex-shrink:0}.menu-container.has-corner-logo:before{top:var(--space-3);left:var(--space-2-5)}.main-menu-header{flex-grow:1;display:flex;flex-direction:column;text-align:left;font-size:var(--font-size-lg);font-weight:600;color:var(--menu-header-text, #081d3ace);margin-left:var(--space-2);gap:var(--space-1)}.main-menu-header-row:after{content:"";height:0;background:none}#current-date{font-size:var(--font-size-sm);font-weight:500;color:var(--menu-date-text, rgba(0, 0, 0, .5));margin-left:0;padding-right:0}.menu-sections{display:flex;flex-direction:column;gap:var(--space-2-5);flex:1;overflow-y:auto;min-height:0;padding-right:var(--space-2)}.menu-section{background:var(--menu-section-bg, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-3);border:1px solid var(--menu-section-border, rgba(255, 255, 255, .3))}.menu-section-header{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--menu-section-header, #555);margin-bottom:var(--space-2);padding-left:var(--space-1)}.menu-section-header.collapsible{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-1-5) var(--space-2);margin:calc(-1 * var(--space-2-5)) calc(-1 * var(--space-3)) var(--space-2) calc(-1 * var(--space-3));border-radius:var(--radius-6) var(--radius-6) 0 0;transition:background var(--transition-fast) ease;-webkit-user-select:none;user-select:none}.menu-section-header.collapsible:hover{background:#0000000d}.menu-section-header.collapsible:focus-visible{outline:2px solid var(--accent-color, #007bff);outline-offset:-2px;border-radius:var(--radius-6)}.menu-section-grid button:focus-visible,.menu-section-grid .menu-link-button:focus-visible{outline:2px solid var(--accent-color, #007bff);outline-offset:2px;border-radius:var(--radius-6)}.menu-section-toggle{font-size:10px;color:var(--menu-section-header, #555);transition:transform var(--transition-fast) ease;opacity:.7}.menu-section-label{display:inline-flex;align-items:center;gap:var(--space-2)}.menu-section-label .menu-section-icon,.menu-section-label>.icon{font-size:.95em;line-height:1;width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.menu-section-label>.icon svg{width:100%;height:100%}.menu-section.collapsed .menu-section-header.collapsible{margin-bottom:calc(-1 * var(--space-2-5));border-radius:var(--radius-6)}.menu-section.collapsed .menu-section-toggle{transform:rotate(-90deg)}.menu-section{display:grid;grid-template-rows:auto 1fr;transition:grid-template-rows var(--transition-fast) ease}.menu-section.collapsed{grid-template-rows:auto 0fr}.menu-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1);overflow:hidden;min-height:0;transition:opacity var(--transition-fast) ease,visibility var(--transition-fast)}.menu-section.collapsed .menu-section-grid{opacity:0;visibility:hidden}.menu-section-grid button,.menu-section-grid .menu-link-button,.menu-section-grid .themes-menu-option button,.menu-section-grid .games-menu-option button{display:flex;align-items:center;gap:var(--space-1-5);padding:6px var(--space-3);font-size:13px;font-weight:500;color:var(--menu-button-text, var(--theme-text-on-surface));background:var(--menu-button-bg, rgba(0, 0, 0, .04));border:none;border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-fast) ease;white-space:nowrap;text-decoration:none}.menu-section-grid button:hover,.menu-section-grid .menu-link-button:hover{background:var(--menu-button-hover-bg, rgba(0, 0, 0, .1));transform:translateY(-1px)}.menu-section-grid button i,.menu-section-grid button .icon,.menu-section-grid .menu-link-button i,.menu-section-grid .menu-link-button .icon{font-size:14px;width:14px;height:14px}.menu-section-grid #delete-all-mini-cycle-tasks i,.menu-section-grid #delete-all-mini-cycle-tasks .icon{color:var(--color-error)}.menu-section-grid #open-recurring-panel i,.menu-section-grid #open-recurring-panel .icon{color:#2980b9}.menu-section-grid #new-mini-cycle i,.menu-section-grid #new-mini-cycle .icon{color:#b8860b}.menu-section-grid #open-user-manual i,.menu-section-grid #open-user-manual .icon{color:#6a1b9a}.menu-section-grid #menu-check-updates i,.menu-section-grid #menu-check-updates .icon{color:#00897b}.menu-section-grid #open-themes-panel i,.menu-section-grid #open-themes-panel .icon{color:#d81b60;margin-right:var(--space-1)}.menu-section-grid #open-games-panel i,.menu-section-grid #open-games-panel .icon{color:#2e7d32;font-size:24px;width:24px;height:24px}.menu-section-grid #menu-task-options .icon-text{font-size:16px;font-weight:900;color:#555;min-width:18px}.menu-section-grid .menu-link-button i,.menu-section-grid .menu-link-button .icon{font-size:18px;width:18px;height:18px}.main-menu-row{display:flex;justify-content:space-evenly;border-top:1px solid rgba(0,0,0,.374)}.menu-container ul{list-style:none;padding:0;margin-top:0}.menu-container ul li{margin:var(--space-1-25) 0}.menu-container ul li button{padding:var(--space-1-25) var(--space-1-25);font-size:13px;font-weight:500;text-align:left;background:none;color:var(--color-black);border:none;border-radius:var(--radius-5);transition:background var(--transition-fast) ease-in-out,transform var(--transition-fast);display:flex;align-items:center;flex-direction:column;gap:var(--space-px)}.menu-container button i,.menu-container button .icon{font-size:22px;width:22px;height:22px}#open-about-modal .icon{font-size:16px;width:16px;height:16px}.menu-container ul li button:hover{background:var(--menu-button-hover-bg);transform:scale(1.02)}.mode-description-wrapper{margin-bottom:var(--space-1-75)}.mode-description-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-1-5) var(--space-2-5);background:#0000000d;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:background var(--transition-fast) ease}.mode-description-toggle .toggle-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.mode-description-toggle:hover{background:#0000001a}.menu-container .mode-description-toggle .toggle-icon{font-size:12px;width:12px;height:12px;transition:transform var(--transition-fast) ease}.menu-container .mode-description-toggle .mode-info-icon,.menu-container .mode-description-toggle>.icon{font-size:14px;line-height:1;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--space-1);opacity:.6}.menu-container .mode-description-toggle>.icon svg{width:100%;height:100%}.menu-container .mode-description-toggle[aria-expanded=false] .toggle-icon{transform:rotate(-90deg)}.mode-description-toggle .mode-badge{font-size:12px;font-weight:500;opacity:0;margin-left:auto;margin-right:var(--space-1-5);color:inherit;opacity:.5;transition:opacity var(--transition-fast) ease;pointer-events:none;display:none}.mode-description-toggle[aria-expanded=false] .mode-badge{display:inline;opacity:.5}.mode-description{margin-top:var(--space-1-5);padding:var(--space-2) var(--space-2-5);background:var(--color-gray-100);color:var(--color-gray-800);border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014;font-size:var(--font-size-sm);font-weight:500;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;box-sizing:border-box;display:block;white-space:normal;overflow:hidden;transition:max-height var(--transition-normal) ease,opacity var(--transition-normal) ease,padding var(--transition-normal) ease,margin var(--transition-normal) ease}.mode-description.collapsed{max-height:0;opacity:0;padding:0 var(--space-2-5);margin-top:0}.mode-radio-row{display:flex;flex-wrap:wrap;gap:var(--space-1-5);justify-content:center;margin-top:var(--space-1-5);overflow:hidden;transition:max-height var(--transition-normal) ease,opacity var(--transition-normal) ease,margin var(--transition-normal) ease}.mode-description-toggle[aria-expanded=false]~.mode-radio-row{max-height:0;opacity:0;margin-top:0;pointer-events:none}.mode-radio-option{display:inline-flex;align-items:center;gap:var(--space-1-5);cursor:pointer;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-6);transition:background var(--transition-fast) ease}.mode-radio-option:hover{background:#fff6}.mode-radio-option input[type=radio]{-webkit-appearance:none;appearance:none;width:var(--space-3);height:var(--space-3);border:1.5px solid var(--theme-border, var(--color-gray-400));border-radius:50%;margin:0;cursor:pointer;position:relative;flex-shrink:0;background:transparent}.mode-radio-option input[type=radio]:checked{border-color:var(--theme-accent, var(--color-primary, var(--color-blue-medium)))}.mode-radio-option input[type=radio]:focus-visible{outline:2px solid var(--color-accent, var(--color-blue-medium));outline-offset:2px}.mode-radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--space-1-5);height:var(--space-1-5);background:var(--theme-accent, var(--color-primary, var(--color-blue-medium)));border-radius:50%}.mode-radio-label{font-size:var(--font-size-sm);font-weight:500;color:var(--theme-text-on-surface);-webkit-user-select:none;user-select:none}.menu-container button,.menu-container .menu-button{background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);text-align:left;font-size:14px;border-radius:var(--radius-6);transition:background var(--transition-fast) ease}.menu-container button:hover,.menu-container .menu-button:hover{background-color:#0000001a}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.menu-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);background:#ffffff4d;border-radius:var(--radius-md);font-size:13px;transition:background var(--transition-fast) ease}.menu-grid button:hover{background:#ffffff80}.menu-grid button i,.menu-grid button .icon{font-size:22px;width:22px;height:22px;margin-bottom:var(--space-1)}.slide-arrow{position:fixed;top:50%;transform:translateY(-50%);font-size:32px;color:var(--color-black);font-weight:700;padding:var(--space-2-5) var(--space-3-75);border-radius:var(--radius-5);cursor:pointer;transition:background var(--transition-normal) ease-in-out,opacity var(--transition-normal);z-index:var(--z-content);border:none;background:transparent;font-family:inherit;outline:none}.slide-arrow:focus-visible{outline:2px solid var(--theme-input-focus-border, rgba(76, 121, 255, .8));outline-offset:2px;background-color:#ffffffe6}.slide-arrow:hover{background-color:var(--color-white)}#slide-left{right:2%}#slide-right{left:2%}@media(min-width:768px){.slide-arrow{opacity:1;pointer-events:all}}@media(max-width:768px){.slide-arrow{opacity:0;pointer-events:none}}#slide-left.hide,#slide-right.hide{opacity:0;pointer-events:none;transition:opacity var(--transition-normal) ease;transition-delay:0s}@media(min-width:769px){#slide-left.show,#slide-right.show{opacity:.6;pointer-events:auto;transition:opacity var(--transition-normal) ease;transition-delay:var(--transition-stagger)}}.menu-sections>.menu-section[data-section=tasks],.menu-sections>.menu-section[data-section=rewards],.menu-sections>.menu-section[data-section=legal]{position:relative;margin-bottom:var(--space-5)}.menu-sections>.menu-section[data-section=tasks]:after,.menu-sections>.menu-section[data-section=rewards]:after,.menu-sections>.menu-section[data-section=legal]:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--space-4) + 1px);height:1px;background:color-mix(in srgb,currentColor 32%,transparent);pointer-events:none}@media(max-width:768px){.menu-sections>.menu-section[data-section=tasks],.menu-sections>.menu-section[data-section=rewards],.menu-sections>.menu-section[data-section=legal]{margin-bottom:var(--space-1-5)}.menu-sections>.menu-section[data-section=tasks]:after,.menu-sections>.menu-section[data-section=rewards]:after,.menu-sections>.menu-section[data-section=legal]:after{bottom:calc(-1 * var(--space-2) - 0px)}}.main-menu-primary-action-row{display:flex;justify-content:center;position:relative;padding-top:var(--space-2);margin-top:calc(-1 * var(--space-3))}.main-menu-primary-action-row:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:color-mix(in srgb,currentColor 32%,transparent);pointer-events:none}.menu-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-width:60%;padding:var(--space-2) var(--space-4);background:var(--theme-button-bg, var(--color-steel-blue));color:var(--theme-button-text, var(--color-white));border:var(--space-px) solid color-mix(in srgb,var(--color-white) 35%,transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast) ease,border-color var(--transition-fast) ease}.menu-primary-action:hover,.menu-primary-action:focus-visible{background:color-mix(in srgb,var(--theme-button-bg, var(--color-steel-blue)) 82%,var(--color-white));border-color:color-mix(in srgb,var(--color-white) 50%,transparent)}.menu-primary-action:active{background:color-mix(in srgb,var(--theme-button-bg, var(--color-steel-blue)) 92%,var(--color-black))}.menu-primary-action-icon{width:14px;height:14px;flex:0 0 auto;opacity:.9;display:inline-block}.main-menu-primary-action-row+#close-main-menu{margin-top:calc(-1 * var(--space-1-5))}.main-menu-primary-action-row{padding-bottom:0;margin-bottom:0}#close-main-menu{width:calc(100% + 2 * var(--space-2-5));margin-left:calc(-1 * var(--space-2-5));margin-right:calc(-1 * var(--space-2-5));margin-bottom:calc(-1 * var(--space-2-5));margin-top:var(--space-2);padding:var(--space-3-5);background:var(--menu-close-bg, var(--color-steel-blue));color:var(--menu-close-text, var(--color-white));border:none;border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:background var(--transition-fast) ease;flex-shrink:0;text-align:center}#close-main-menu:hover{background:var(--menu-close-hover-bg, var(--menu-close-hover-bg))}#delete-all-mini-cycle-tasks i,#delete-all-mini-cycle-tasks .icon{color:var(--color-error)}#slide-left.show:hover,#slide-left:hover:not(.hide){background-color:var(--color-white)}#slide-right.show:hover,#slide-right:hover:not(.hide){background-color:var(--color-white)}.slide-arrow:active{transform:translateY(-50%) scale(.95)}@media(prefers-contrast:high){.slide-arrow{border:2px solid currentColor}.slide-arrow:focus-visible{outline:3px solid #007BFF}}@media(max-width:768px){.menu-container{top:calc(env(safe-area-inset-top,0px) + 45px);right:5px;min-width:200px;max-height:80vh}.complete-all-and-help-window-container{gap:var(--space-2-5);flex-direction:column;align-items:center;width:100%}.help-window{width:90%;max-width:400px}.title-row{background:none;background-color:transparent;padding:0}.mini-cycle-title{max-width:100%;width:100%;border-bottom:none}}body.dark-mode{--menu-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--menu-shadow: 0 4px 12px rgba(0, 0, 0, .4);--menu-header-text: #e2e8f0;--menu-date-text: rgba(255, 255, 255, .5);--menu-section-bg: rgba(255, 255, 255, .05);--menu-section-border: rgba(255, 255, 255, .1);--menu-section-header: #94a3b8;--menu-button-bg: rgba(255, 255, 255, .08);--menu-button-text: #e2e8f0;--menu-button-hover-bg: rgba(255, 255, 255, .15);--menu-close-bg: #3d7ab5;--menu-close-text: white;--menu-close-hover-bg: #326a9e}body.dark-mode .menu-section-grid button i,body.dark-mode .menu-section-grid button .icon,body.dark-mode .menu-section-grid .menu-link-button i,body.dark-mode .menu-section-grid .menu-link-button .icon{opacity:.9}body.dark-mode .menu-section-grid #delete-all-mini-cycle-tasks i,body.dark-mode .menu-section-grid #delete-all-mini-cycle-tasks .icon{color:#ef5350}body.dark-mode .menu-section-grid #open-recurring-panel i,body.dark-mode .menu-section-grid #open-recurring-panel .icon{color:#42a5f5}body.dark-mode .menu-section-grid #new-mini-cycle i,body.dark-mode .menu-section-grid #new-mini-cycle .icon{color:#ffd54f}body.dark-mode .menu-section-grid #open-user-manual i,body.dark-mode .menu-section-grid #open-user-manual .icon{color:#ab47bc}body.dark-mode .menu-section-grid #menu-check-updates i,body.dark-mode .menu-section-grid #menu-check-updates .icon{color:#26a69a}body.dark-mode .menu-section-grid #open-themes-panel i,body.dark-mode .menu-section-grid #open-themes-panel .icon{color:#ec407a}body.dark-mode .menu-section-grid #open-games-panel i,body.dark-mode .menu-section-grid #open-games-panel .icon{color:#66bb6a}body.dark-mode .menu-section-grid #menu-task-options .icon-text{color:#e2e8f0}body.theme-dark-ocean{--menu-bg: linear-gradient(180deg, #1a3a4f 0%, #0c1724 100%);--menu-shadow: 0 4px 12px rgba(0, 0, 0, .4);--menu-header-text: #e0f7fa;--menu-date-text: rgba(224, 247, 250, .6);--menu-section-bg: rgba(36, 77, 106, .5);--menu-section-border: rgba(78, 205, 196, .2);--menu-section-header: #a2d9ff;--menu-button-bg: rgba(78, 205, 196, .1);--menu-button-text: #e0f7fa;--menu-button-hover-bg: rgba(78, 205, 196, .25);--menu-close-bg: #4ecdc4;--menu-close-text: #18304a;--menu-close-hover-bg: #36b1a8}body.theme-dark-ocean .menu-container.has-corner-logo:before{filter:brightness(1.3) contrast(1.1)}body.theme-dark-ocean .menu-section-grid #delete-all-mini-cycle-tasks i,body.theme-dark-ocean .menu-section-grid #delete-all-mini-cycle-tasks .icon{color:#ff6b6b}body.theme-dark-ocean .menu-section-grid #open-recurring-panel i,body.theme-dark-ocean .menu-section-grid #open-recurring-panel .icon{color:#4ecdc4}body.theme-dark-ocean .menu-section-grid #new-mini-cycle i,body.theme-dark-ocean .menu-section-grid #new-mini-cycle .icon{color:var(--color-warning)}body.theme-dark-ocean .menu-section-grid #open-themes-panel i,body.theme-dark-ocean .menu-section-grid #open-themes-panel .icon{color:#4ecdc4}body.theme-dark-ocean .menu-section-grid #menu-task-options .icon-text{color:#e0f7fa}body.theme-golden-glow{--menu-bg: linear-gradient(180deg, #fff9e0 0%, #ffd700 100%);--menu-shadow: 0 4px 12px rgba(255, 215, 0, .3);--menu-header-text: #3d3200;--menu-date-text: #5c4d00;--menu-section-bg: rgba(255, 255, 255, .6);--menu-section-border: rgba(180, 150, 0, .3);--menu-section-header: #5c4d00;--menu-button-bg: rgba(255, 215, 0, .2);--menu-button-text: #3d3200;--menu-button-hover-bg: rgba(255, 215, 0, .4);--menu-close-bg: #b89000;--menu-close-text: #fff;--menu-close-hover-bg: #9a7800}body.theme-golden-glow .menu-section-grid #delete-all-mini-cycle-tasks i,body.theme-golden-glow .menu-section-grid #delete-all-mini-cycle-tasks .icon{color:var(--color-error)}body.theme-golden-glow .menu-section-grid #open-recurring-panel i,body.theme-golden-glow .menu-section-grid #open-recurring-panel .icon{color:#d4a700}body.theme-golden-glow .menu-section-grid #new-mini-cycle i,body.theme-golden-glow .menu-section-grid #new-mini-cycle .icon{color:#8b6914}body.theme-golden-glow .menu-section-grid #open-themes-panel i,body.theme-golden-glow .menu-section-grid #open-themes-panel .icon{color:#d4a700}body.theme-golden-glow .menu-section-grid #menu-task-options .icon-text{color:#3d3200}.menu-section-grid .auto-uncheck-row{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:13px;font-weight:500;color:var(--menu-button-text, var(--theme-text-on-surface));background:var(--menu-button-bg, var(--overlay-faint));border-radius:var(--radius-2xl);cursor:pointer;transition:background var(--transition-fast) ease}.menu-section-grid .auto-uncheck-row:hover{background:var(--menu-button-hover-bg, var(--overlay-medium))}.menu-section-grid .auto-uncheck-row-label{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;cursor:pointer}.menu-section-grid .auto-uncheck-row input[type=checkbox]{margin:0;cursor:pointer}.menu-section-grid .auto-uncheck-row-text{flex:1}.menu-section-grid .auto-uncheck-row-time-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:12px;font-weight:600;color:var(--theme-accent, var(--color-primary));background:transparent;border:1px solid currentColor;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast) ease,color var(--transition-fast) ease}.menu-section-grid .auto-uncheck-row-time-btn:hover{background:var(--theme-accent, var(--color-primary));color:var(--color-white)}.menu-section-grid .auto-uncheck-row-time-btn.hidden{display:none}.ios-pwa .menu-container{top:104px}.quick-actions-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2);user-select:none;-webkit-user-select:none}.quick-actions-title{font-size:var(--font-size-xs);font-weight:600;color:var(--pref-panel-text, rgba(255, 255, 255, .85));white-space:nowrap;min-width:100px;text-align:center}.quick-actions-nav{background:#ffffff1a;border:none;color:var(--pref-panel-text, rgba(255, 255, 255, .7));font-size:12px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-6);cursor:pointer;transition:background var(--transition-fast) ease,color var(--transition-fast) ease;line-height:1}.quick-actions-nav:hover{background:#fff3;color:var(--pref-panel-text, rgba(255, 255, 255, .95))}.quick-actions-nav:active{transform:scale(.95)}.quick-actions-slots{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5)}.quick-actions-slot{width:44px;height:44px;border-radius:var(--radius-10);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease;position:relative;border:none;padding:0;font-size:18px;line-height:1}.quick-actions-slot.filled{background:#ffffff1f;color:var(--pref-panel-text, rgba(255, 255, 255, .9))}.quick-actions-slot.filled:hover{background:#ffffff38;transform:scale(1.08)}.quick-actions-slot.filled:active{transform:scale(.95)}.quick-actions-slot.empty{background:#ffffff0f;color:var(--pref-panel-text, rgba(255, 255, 255, .7));opacity:.7;border:1.5px dashed rgba(255,255,255,.3);font-size:20px;font-weight:300}.quick-actions-slot.empty:hover{background:#ffffff1f;color:var(--pref-panel-text, rgba(255, 255, 255, .6));opacity:.7;border-color:#ffffff59}.quick-actions-slot .slot-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.quick-actions-slot .slot-icon svg{width:18px;height:18px}.quick-actions-slot .remove-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#dc3545e6;color:var(--color-white);font-size:10px;line-height:16px;text-align:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast) ease;border:none;padding:0;pointer-events:none}.quick-actions-slot.filled:hover .remove-badge{opacity:1;pointer-events:all}.quick-actions-empty-msg{font-size:12px;color:var(--pref-panel-text, rgba(255, 255, 255, .45));text-align:center;padding:var(--space-2) var(--space-1)}.quick-actions-window,body.hide-quick-actions .quick-actions-window,body.hide-quick-actions .quick-actions-menu-row{display:none}@media(min-width:1024px){.quick-actions-window{display:block;position:absolute;right:calc(100% + 25px);top:50%;transform:translateY(-50%);background:var(--pref-panel-bg);border-radius:var(--radius-2xl);border:1px solid var(--pref-panel-border);box-shadow:0 4px 15px #00000014,inset 0 1px 1px #ffffff4d;padding:var(--space-2-5) var(--space-3);z-index:var(--z-content);backdrop-filter:blur(var(--pref-panel-blur));-webkit-backdrop-filter:blur(var(--pref-panel-blur));transition:opacity var(--transition-normal) ease}.quick-actions-window .quick-actions-header{flex-wrap:wrap;gap:var(--space-1)}.quick-actions-window .quick-actions-slots{flex-wrap:wrap;max-width:88px;margin:0 auto}}@media(min-width:1150px){.quick-actions-window .quick-actions-header{flex-wrap:nowrap;gap:var(--space-2)}.quick-actions-window .quick-actions-slots{max-width:132px;margin:0 auto}}@media(min-width:1450px){.quick-actions-window{right:calc(100% + 30px);padding:var(--space-3) 14px}.quick-actions-window .quick-actions-slots{flex-wrap:nowrap;max-width:none}.quick-actions-slot{width:40px;height:40px}}@media(min-width:1800px){.quick-actions-window{right:calc(100% + 40px);padding:var(--space-3) var(--space-4)}.quick-actions-slot{width:42px;height:42px}}.quick-actions-menu-row{padding:var(--space-0-5) var(--space-2-5)}.quick-actions-menu-row.menu-section{overflow:visible!important;max-height:none!important}.quick-actions-menu-row .quick-actions-header{margin-bottom:var(--space-1-5);gap:var(--space-1-5)}.quick-actions-menu-row .quick-actions-title{color:#000000b3;font-size:var(--font-size-xs);min-width:80px}.quick-actions-menu-row .quick-actions-nav{background:transparent;color:#00000080;font-size:10px;padding:2px var(--space-1-5)}.quick-actions-menu-row .quick-actions-nav:hover{background:transparent;color:#000000bf}.quick-actions-menu-row .quick-actions-slot.filled{background:#00000014;color:#000000b3}.quick-actions-menu-row .quick-actions-slot.filled:hover{background:#00000026}.quick-actions-menu-row .quick-actions-slot.empty{background:#0000000a;color:#0000004d;border-color:#00000026}.quick-actions-menu-row .quick-actions-slots{gap:var(--space-1-5)}.quick-actions-menu-row .quick-actions-slot{width:34px;height:34px;border-radius:var(--radius-md);font-size:15px}.quick-actions-menu-row .quick-actions-empty-msg{color:#00000080;font-size:var(--font-size-xs)}@media(min-width:1024px){.quick-actions-menu-row{display:none}}dialog.quick-actions-picker-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}dialog.quick-actions-picker-overlay::backdrop{background:#0009}dialog.quick-actions-picker-overlay:not([open]){display:none}dialog.quick-actions-picker-overlay[open]{display:flex;justify-content:center;align-items:center}.quick-actions-picker{position:relative;background:var(--pref-modal-bg, var(--theme-modal-glass-bg, var(--theme-modal-bg, var(--color-white))));color:var(--pref-modal-text, var(--theme-modal-text, var(--theme-text-on-surface)));border-radius:var(--radius-xl);padding:var(--space-5);width:420px;max-width:95%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .25)),inset 0 1px 1px #ffffff40;border:1px solid var(--theme-modal-border, rgba(0, 0, 0, .1));margin:auto;-webkit-backdrop-filter:blur(var(--theme-modal-blur));backdrop-filter:blur(var(--theme-modal-blur))}.quick-actions-picker h3{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base);font-weight:600;color:var(--theme-modal-text, var(--theme-text-on-surface));text-align:center}.quick-actions-picker-section{margin-bottom:var(--space-3)}.quick-actions-picker-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--theme-modal-text, #666);margin-bottom:var(--space-2);padding-left:var(--space-1)}.quick-actions-picker-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-actions-picker-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-10);background:var(--theme-input-bg, rgba(0, 0, 0, .05));border:1px solid var(--theme-modal-border, rgba(0, 0, 0, .1));color:var(--theme-modal-text, var(--theme-text-on-surface));font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast) ease;white-space:nowrap}.quick-actions-picker-item:hover{background:#0000001a}.quick-actions-picker-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.quick-actions-picker-item .picker-icon{font-size:var(--font-size-base);width:20px;text-align:center;flex-shrink:0}.quick-actions-picker-item .picker-icon svg{width:16px;height:16px}.quick-actions-picker-cancel{display:block;background:var(--menu-close-bg, var(--color-steel-blue));color:var(--menu-close-text, var(--color-white));font-size:var(--font-size-lg);font-weight:700;padding:var(--space-3-5);margin-top:var(--space-3);margin-left:-20px;margin-right:-20px;margin-bottom:-20px;width:calc(100% + 40px);border:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);cursor:pointer;transition:background var(--transition-fast) ease;text-align:center}.quick-actions-picker-cancel:hover{background:var(--menu-close-hover-bg, var(--menu-close-hover-bg))}.quick-actions-tooltip{position:fixed;background:#000000d9;color:var(--color-white);padding:var(--space-2) 14px;border-radius:var(--radius-md);font-size:var(--font-size-sm);z-index:calc(var(--z-modal) + 1);pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease;white-space:nowrap;box-shadow:0 2px 8px #0000004d}.quick-actions-tooltip.visible{opacity:1;pointer-events:all}.quick-actions-tooltip .tooltip-remove{display:block;margin-top:var(--space-1-5);padding:var(--space-1) 10px;background:#dc3545cc;border:none;border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--font-size-xs);cursor:pointer;text-align:center;pointer-events:all}body.dark-mode .quick-actions-slot.filled{background:#ffffff1a}body.dark-mode .quick-actions-slot.empty{background:#ffffff0a;border-color:#ffffff1f}body.dark-mode .quick-actions-menu-row .quick-actions-nav{color:#ffffff80}body.dark-mode .quick-actions-menu-row .quick-actions-nav:hover{color:#ffffffbf}body.dark-mode .quick-actions-menu-row .quick-actions-slot.filled{background:#ffffff1a;color:#ffffffe6}body.dark-mode .quick-actions-menu-row .quick-actions-slot.filled:hover{background:#ffffff2e}body.dark-mode .quick-actions-menu-row .quick-actions-slot.empty{background:#ffffff0a;color:#ffffff80;border-color:#ffffff26}body.dark-mode .quick-actions-menu-row .quick-actions-empty-msg{color:#ffffff73}.long-press-hint{position:fixed;background:#000000d9;color:var(--color-white);padding:var(--space-2) 14px;border-radius:var(--radius-md);font-size:var(--font-size-sm);z-index:calc(var(--z-modal) + 1);pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease;white-space:nowrap;box-shadow:0 2px 8px #0000004d}.long-press-hint.visible{opacity:1}.hidden{display:none!important}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.gap-sm{gap:var(--space-1)}.gap-md{gap:var(--space-2)}.gap-lg{gap:var(--space-4)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{word-wrap:break-word;overflow-wrap:break-word}.font-bold{font-weight:700}.font-normal{font-weight:400}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.p-0{padding:0}.mx-auto{margin-left:auto;margin-right:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.user-select-none{user-select:none;-webkit-user-select:none}.user-select-text{user-select:text;-webkit-user-select:text}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.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}.navigation-dots{display:flex;justify-content:center;align-items:center;gap:0;position:absolute;bottom:35px;left:50%;transform:translate(-50%);z-index:var(--z-elevated);pointer-events:auto;cursor:pointer;background:transparent;padding:0;border:none;box-shadow:none}.navigation-dots:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:47px;height:17px;background-color:#82b1fa66;box-shadow:0 4px 12px #0003;border:1px solid rgba(220,231,252,.2);border-radius:var(--radius-2xl);transition:background-color var(--transition-fast) ease;pointer-events:none}.navigation-dots:hover:before{background-color:#82b1fa8c}.dot{width:24px;height:48px;background:transparent;border:none;outline:none;padding:0;margin:0;border-radius:50%;pointer-events:auto;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.dot:after{content:"";width:7px;height:7px;border-radius:50%;background-color:var(--color-nav-dot);transition:background-color var(--transition-normal) ease;pointer-events:none}.dot:hover:after{background-color:var(--color-gray-400)}.dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.dot.active:after{background-color:var(--color-nav-dot-active);transform:scale(1.3)}.dot.active:hover:after{background-color:var(--color-primary-dark)}.dot.active:active:after{background-color:var(--color-nav-dot-press)}@media(max-width:768px){.navigation-dots{bottom:var(--nav-area-height)}}.visually-hidden{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;pointer-events:none!important}#app-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--z-debug);opacity:1;transition:opacity var(--transition-slow) ease-out}#app-loader.fade-out{opacity:0;pointer-events:none}.loader-logo{width:120px;height:96px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.loader-text{margin-top:var(--space-5);color:#fff;font-size:var(--font-size-base);font-weight:500;font-family:Inter,sans-serif;opacity:.9}.loader-bar-container{margin-top:var(--space-6);width:200px;height:6px;background:#ffffff4d;border-radius:var(--radius-xs);overflow:hidden}.loader-bar{width:100%;height:100%;background:#fff;border-radius:var(--radius-xs);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal) ease-out}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:calc(var(--z-debug) - 1)}.loading-overlay.active{display:flex}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3-75)}.loading-spinner img{width:80px;height:80px;animation:spin var(--animation-pulse) linear infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.loading-spinner-text{color:#fff;font-size:var(--font-size-base);font-weight:500;font-family:Inter,sans-serif}.edit-focus-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:var(--z-edit-focus, 50);pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}.edit-focus-overlay.active{opacity:1}dialog .edit-focus-overlay,.edit-focus-inner{position:absolute;top:0;left:0;border-radius:inherit}.edit-focus-inner{background:#00000059}#task-view.edit-focus-raised{z-index:calc(var(--z-edit-focus, 50) + 1)}.edit-focus-target{position:relative;z-index:calc(var(--z-edit-focus, 50) + 2);border-radius:var(--radius-sm);box-shadow:0 0 12px #fff6}html:not(.dark-mode) body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task.edit-focus-target,body:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow) .task.edit-focus-target{background:#fff}.mini-cycle-switch-item.edit-focus-target{background:var(--color-white, #fff)}body.dark-mode .edit-focus-target{background:#2d2d37;box-shadow:0 0 12px #0006}.pull-refresh-indicator{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;z-index:var(--z-notification);pointer-events:none;transform:translateY(-60px);transition:transform var(--transition-fast) ease-out}.pull-refresh-indicator.visible{transition:none}.pull-refresh-content{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-5);background:var(--background-color, #fff);border-radius:var(--radius-full);box-shadow:0 2px 10px #00000026}.pull-refresh-icon{font-size:1.4em;transition:transform var(--transition-fast) ease-out;color:var(--primary-color, #4a90d9)}.pull-refresh-text{font-size:.9em;color:var(--text-color, #333);font-weight:500}.pull-refresh-indicator.ready .pull-refresh-icon,.pull-refresh-indicator.ready .pull-refresh-text{color:var(--success-color, #4caf50)}.pull-refresh-indicator.refreshing .pull-refresh-icon{color:var(--primary-color, #4a90d9)}body.dark-mode .pull-refresh-content{background:var(--background-color, #1a1a2e);box-shadow:0 2px 10px #0006}body.dark-mode .pull-refresh-text{color:var(--text-color, #e0e0e0)}@media(hover:hover)and (pointer:fine){.pull-refresh-indicator{display:none}}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}.show-mobile{display:none}@media(max-width:767px){.show-mobile{display:block}}.show-desktop{display:none}@media(min-width:768px){.show-desktop{display:block}}@media(max-width:480px){.text-xs-center{text-align:center}.text-xs-left{text-align:left}}@media(max-width:768px){.text-sm-center{text-align:center}}@media(max-width:768px){.flex-sm-column{flex-direction:column}.flex-sm-wrap{flex-wrap:wrap}}@media(max-width:480px){.flex-xs-column{flex-direction:column}}@media(max-width:768px){.w-sm-full{width:100%}.max-w-sm-full{max-width:100%}}@media(max-width:480px){.w-xs-full{width:100%}}@media(max-width:768px){.gap-sm-small{gap:var(--space-1)}.p-sm-small{padding:var(--space-2)}}@media(max-width:480px){.gap-xs-small{gap:var(--space-0-5)}.p-xs-small{padding:var(--space-1-5)}}@media(hover:none){.hover-only{display:none!important}}.touch-only{display:none}@media(hover:none){.touch-only{display:block}}@media(orientation:landscape)and (max-height:500px){.landscape-compact .modal-content{max-height:85vh}.landscape-compact .task-list-container{max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}@media print{.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none}html.dark-mode,body.dark-mode{background:linear-gradient(135deg,var(--dark-bg-start),var(--dark-surface-primary));color:var(--theme-text-primary);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .5);--shadow-md: 0 1px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3);--shadow-button: 0 1px 3px rgba(0, 0, 0, .3);--shadow-button-hover: 0 2px 4px rgba(0, 0, 0, .4);--shadow-input: 0 4px 6px rgba(0, 0, 0, .4);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .4);--shadow-toast: 0 8px 20px rgba(0, 0, 0, .5);--shadow-modal-heavy: 0 0 24px rgba(0, 0, 0, .7);--shadow-modal-compound: 0 20px 60px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-inner-border: inset 0 0 0 1px rgba(255, 255, 255, .15);--text-shadow-md: 0 1px 2px rgba(0, 0, 0, .5);--pref-panel-bg: rgba(61, 61, 64, .85);--pref-panel-border: rgba(255, 255, 255, .2)}html.dark-mode:not([data-theme]),body.dark-mode:not([data-theme]){--dark-bg-start: #1c1c1c;--dark-surface-primary: #2a2a2a;--dark-surface-secondary: #333333;--dark-surface-deep: #222222;--dark-surface-muted: #5a5a5a;--dark-surface-recurrence: #656565;--dark-button-bg: #444444;--dark-button-hover-bg: #555555;--dark-button-border: rgba(255, 255, 255, .15);--dark-button-border-bottom: rgba(0, 0, 0, .3);--dark-border-subtle: #666666;--dark-border-hover: #777777;--dark-overlay-subtle: rgba(255, 255, 255, .08);--dark-overlay-light: rgba(255, 255, 255, .1);--dark-overlay-medium: rgba(255, 255, 255, .15);--dark-overlay-strong: rgba(255, 255, 255, .2);--dark-overlay-heavy: rgba(30, 30, 30, .8);--dark-overlay-faint: rgba(255, 255, 255, .03);--highlight-blue-bg: rgba(74, 144, 226, .15);--highlight-blue-border: rgba(74, 144, 226, .4);--dark-text-dim: #aaaaaa;--dark-text-subdued: #dddddd;--dark-text-light: #eaeaea;--dark-text-menu: #b1b1b1;--dark-text-date: #e3e3e3;--dark-success-bg: #225f2f;--dark-error-bg: #8c1c1c;--dark-info-bg: #1a5276;--dark-warning-bg: #8a5a00;--dark-notification-bg: #6b6b6b;--dark-checkbox-checked: #5db567;--dark-checkbox-border: #40af4d;--dark-priority-border: #ff6b6b;--dark-priority-bg: #1e1e1e;--dark-selected-bg: #70c570;--dark-accent-green: #90ee90;--dark-link-color: #7cff9e;--dark-link-hover: #aaffaa;--dark-menu-title: #4b56a7;--dark-todo-bg: #1e3a5f;--dark-todo-hover: #1a3352;--dark-mini-modal-bg: #23272e;--dark-mini-modal-cancel: #444950;--dark-mini-modal-text: #e2e8f0;--dark-next-occurrence-bg: rgba(76, 175, 80, .2);--dark-next-occurrence-text: #81c784;--dark-onboarding-heading: #cecece;--dark-cycle-edit-border: #5a9fd4;--dark-title-focus: #f8f8f8;--dark-test-scrollbar-hover: #64748b;--dark-test-surface: #1e293b;--dark-test-surface-deep: #0f172a;--dark-test-border: #334155;--dark-test-border-hover: #475569;--dark-test-text: #f1f5f9;--dark-test-text-dim: #94a3b8;--dark-test-text-secondary: #e2e8f0;--dark-test-accent: #a5b4fc;--dark-test-accent-hover: #4f46e5;--dark-test-header-gradient: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--header-bg: var(--dark-surface-primary);--header-border: rgba(255, 255, 255, .1);--header-text: var(--theme-text-primary);--modal-bg: #1f1f1f;--modal-text: var(--theme-text-primary);--modal-border: var(--dark-button-bg);--modal-header-bg: #2b2b2b;--modal-footer-bg: #2b2b2b;--btn-bg: #48bb78;--btn-hover-bg: #2f855a;--btn-text: var(--color-white);--theme-task-text: var(--theme-text-primary);--theme-task-bg: #3d3d40;--theme-task-completed-bg: rgba(40, 167, 69, .15);--theme-task-completed-text: var(--dark-text-dim);--theme-task-border: var(--dark-button-bg);--theme-progress-text: #e0e0e0;--theme-stats-text: var(--theme-text-primary);--theme-stats-bg: var(--dark-surface-primary);--theme-modal-bg: var(--dark-surface-primary);--theme-modal-glass-bg: rgba(42, 42, 42, .82);--theme-modal-glass-bg-soft: rgba(255, 255, 255, .1);--theme-modal-text: var(--theme-text-primary);--theme-modal-border: var(--dark-button-hover-bg);--theme-modal-header-bg: #2b2b2b;--theme-card-bg: #2e2e2e;--theme-card-border: var(--dark-button-hover-bg);--theme-input-bg: #3a3a3a;--theme-input-text: var(--theme-text-primary);--theme-input-border: var(--dark-button-hover-bg);--theme-input-placeholder: #888;--theme-text-primary: #f0f0f0;--theme-text-secondary: #cccccc;--theme-text-muted: #999999;--theme-text-on-surface: #e0e0e0;--theme-bg-surface: #3a3a3a;--theme-bg-surface-elevated: #4a4a4a;--theme-color-success: #4caf50;--bg-primary: var(--dark-surface-primary);--bg-secondary: var(--theme-bg-surface);--text-primary: var(--theme-text-primary);--text-secondary: var(--theme-text-secondary);--border-color: var(--dark-button-hover-bg);--theme-button-secondary-bg: var(--dark-surface-primary);--theme-button-secondary-text: var(--theme-text-primary);--theme-button-secondary-hover-bg: var(--theme-bg-surface);--theme-stats-border: var(--dark-button-hover-bg)}body.dark-mode .task{background:var(--theme-task-bg);color:var(--theme-task-text);border:1px solid var(--theme-task-border);box-shadow:var(--shadow-sm)}body.dark-mode .task:hover{background:var(--theme-bg-surface-elevated)}body.dark-mode .task input[type=checkbox]:not(:checked){border-color:var(--color-white);background-color:var(--color-white)}body.dark-mode .task input[type=checkbox]:not(:checked):hover{border-color:var(--dark-checkbox-border)}body.dark-mode .task input[type=checkbox]:checked{background-color:var(--dark-checkbox-checked);border-color:var(--dark-checkbox-border)}body.dark-mode .high-priority{border-left:5px solid var(--task-priority-color, var(--priority-color, var(--dark-priority-border)));background:var(--dark-priority-bg)}body.dark-mode .task.overdue-task{background:#dc354540;color:var(--color-red-light)}body.dark-mode .task.overdue-task:hover{background:#dc35454d}body.dark-mode .menu-container{background-color:var(--dark-surface-primary);color:var(--theme-text-primary);border:1px solid var(--dark-button-hover-bg)}body.dark-mode .modal-panel,body.dark-mode .reminders-modal-content,body.dark-mode .settings-modal-content,body.dark-mode .themes-modal-content,body.dark-mode .feedback-modal-content,body.dark-mode .mini-cycle-switch-modal-content{background-color:var(--theme-modal-glass-bg, var(--dark-surface-primary));color:var(--theme-text-primary);border:1px solid var(--dark-button-hover-bg)}body.dark-mode .stats-panel{background-color:#2a2a2aeb;color:var(--theme-text-primary);border:1px solid var(--dark-button-hover-bg)}body.dark-mode .mini-cycle-switch-title{border-bottom-color:var(--dark-overlay-medium)}body.dark-mode .routine-search-input{background:var(--theme-input-bg);color:var(--theme-text-primary);border-color:var(--dark-button-hover-bg)}body.dark-mode .routine-search-input::placeholder{color:var(--theme-text-muted)}body.dark-mode .mini-cycle-switch-list{background:var(--theme-input-bg);border-color:var(--dark-button-hover-bg)}body.dark-mode .mini-cycle-switch-item{color:var(--theme-text-primary);border-bottom-color:var(--dark-overlay-light)}body.dark-mode .mini-cycle-switch-item:hover,body.dark-mode .mini-cycle-switch-item:focus-visible{background:var(--dark-overlay-light)}body.dark-mode .routine-sort-btn{background:var(--dark-surface-secondary);color:var(--theme-text-secondary);border-color:var(--dark-button-hover-bg)}body.dark-mode .routine-sort-btn:hover{background:var(--dark-button-bg);border-color:var(--dark-border-subtle)}body.dark-mode .routine-sort-btn.active{border-color:transparent}body.dark-mode .routine-sort-label{color:var(--theme-text-muted)}body.dark-mode .routine-filter-select{background:var(--dark-surface-secondary);color:var(--theme-text-secondary);border-color:var(--dark-button-hover-bg)}body.dark-mode .routine-filter-select:hover{border-color:var(--dark-border-subtle)}body.dark-mode .switch-preview-window,body.dark-mode .desktop-preview-window{background:var(--dark-surface-secondary);border-color:var(--dark-button-hover-bg);color:var(--theme-text-secondary)}body.dark-mode .switch-preview-window .preview-task,body.dark-mode .desktop-preview-window .preview-task{background:var(--dark-surface-deep);border-bottom-color:var(--dark-overlay-light);color:var(--theme-text-secondary)}body.dark-mode .desktop-preview-hint,body.dark-mode .desktop-preview-date,body.dark-mode .switch-preview-date,body.dark-mode .switch-preview-hint{color:var(--dark-text-dim)}body.dark-mode .routine-panel-title{background:var(--dark-surface-secondary);color:var(--dark-text-light);border-bottom:1px solid var(--dark-overlay-light)}body.dark-mode .routine-list-hint{color:var(--dark-text-dim)}body.dark-mode .switch-buttons,body.dark-mode .switch-btn-label{color:var(--theme-text-secondary)}body.dark-mode .switch-buttons:hover{color:var(--theme-text-primary);background:var(--dark-overlay-light)}body.dark-mode .switch-theme[aria-expanded=true]{background:var(--dark-overlay-light);color:var(--color-primary-light)}body.dark-mode .theme-picker-row{background:var(--dark-surface-secondary);border-color:var(--dark-overlay-light)}body.dark-mode .theme-chip{background:var(--dark-overlay-subtle);color:var(--theme-text-secondary)}body.dark-mode .theme-chip:hover:not([aria-disabled=true]){background:var(--dark-overlay-medium);color:var(--theme-text-primary)}body.dark-mode .mini-cycle-switch-btn.cancel-btn{background:var(--dark-button-bg)}body.dark-mode .mini-cycle-switch-btn.cancel-btn:hover{background:var(--dark-button-hover-bg)}body.dark-mode .mini-cycle-upload-btn{background:transparent;border-color:var(--dark-border-hover);color:var(--dark-text-light)}body.dark-mode .mini-cycle-upload-btn:hover{background:var(--dark-surface-secondary)}body.dark-mode .cycle-item-title mark{background:var(--border-blue-subtle-hover)}body.dark-mode .task-options button,body.dark-mode .complete-all-btn{background:var(--dark-button-bg);color:var(--color-white);border:2px solid var(--dark-button-border);border-bottom:3px solid var(--dark-button-border-bottom);transition:background var(--transition-normal) ease}body.dark-mode .task-options .task-btn,body.dark-mode .task-options .move-btn{background:var(--dark-button-hover-bg);border:1px solid var(--dark-border-subtle);box-shadow:var(--shadow-md)}body.dark-mode .complete-all-btn.todo-mode-btn{background:var(--dark-todo-bg);border:2px solid var(--dark-button-border);border-bottom:3px solid var(--dark-button-border-bottom)}body.dark-mode .complete-all-btn.todo-mode-btn:hover{background:var(--dark-todo-hover)}body.dark-mode .task-options button:hover,body.dark-mode .complete-all-btn:hover{background:var(--dark-button-hover-bg)}body.dark-mode .task-options .task-btn:hover,body.dark-mode .task-options .move-btn:hover{background:var(--dark-border-subtle);border-color:var(--dark-border-hover)}body.dark-mode .task-options .task-btn.priority-btn.priority-active{background:var(--task-priority-color, var(--priority-color, #dc3545));border-color:transparent}body.dark-mode .task-options .task-btn.recurring-btn.active{background-color:var(--color-success);border-color:transparent}body.dark-mode .task-options .task-btn.enable-task-reminders.reminder-active{background:var(--color-primary);border-color:transparent}body.dark-mode .task-options .task-btn.set-due-date.active{background-color:var(--color-slate-500);border-color:transparent}body.dark-mode .task-options .delete-when-complete-btn.active,body.dark-mode .task-options .delete-when-complete-btn.delete-when-complete-active{background-color:var(--color-blue-medium);border-color:transparent}body.dark-mode .notification{background-color:var(--dark-notification-bg);color:var(--color-white)}body.dark-mode .notification.success{background-color:var(--dark-success-bg)}body.dark-mode .notification.error{background-color:var(--dark-error-bg)}body.dark-mode .notification.info{background-color:var(--dark-info-bg)}body.dark-mode .notification.warning{background-color:var(--dark-warning-bg);color:var(--color-white)}body.dark-mode .custom-checkbox input:checked+.checkmark{background-color:var(--theme-color-success);border-color:var(--dark-success-bg)}body.dark-mode .badge-container{background-color:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode .global-stats-container p,body.dark-mode .global-stats-container strong{color:var(--theme-text-primary)}body.dark-mode .stats-feature-btn,body.dark-mode #achievement-badges-btn{box-shadow:var(--shadow-lg)}body.dark-mode .stats-feature-btn:hover,body.dark-mode #achievement-badges-btn:hover{border-color:var(--dark-border-subtle)}body.dark-mode .current-routine-status .clickable{background-color:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--dark-button-hover-bg)}body.dark-mode .current-routine-status .clickable:hover,body.dark-mode .current-routine-status .clickable:focus-visible{background-color:var(--theme-bg-surface-elevated);transform:scale(1.02);color:var(--dark-accent-green)}body.dark-mode #current-cycle-progress-text,body.dark-mode #current-routine-cycle-count,body.dark-mode #current-routine-cleared-count{color:var(--dark-text-subdued)}body.dark-mode .doughnut-text{fill:var(--theme-text-primary)}body.dark-mode .doughnut-bg{stroke:var(--dark-button-bg)}body.dark-mode .theme-unlock-status .clickable{background-color:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--dark-button-hover-bg)}body.dark-mode .theme-unlock-status .clickable:hover,body.dark-mode .theme-unlock-status .clickable:focus-visible{background-color:var(--theme-bg-surface-elevated);transform:scale(1.02);color:var(--dark-accent-green)}body.dark-mode #theme-unlock-message,body.dark-mode #golden-unlock-message{color:var(--dark-text-subdued)}body.dark-mode #theme-unlock-message.unlocked-message,body.dark-mode #golden-unlock-message.unlocked-message{color:var(--dark-link-color)}body.dark-mode .theme-divider{border-top:1px solid var(--dark-border-subtle);opacity:.4}body.dark-mode .menu-container button,body.dark-mode .menu-container .menu-button,body.dark-mode .menu-container .menu-grid button,body.dark-mode #open-themes-panel{background-color:transparent;color:var(--dark-text-menu)}body.dark-mode #current-date{background-color:transparent;color:var(--dark-text-date)}body.dark-mode #open-themes-panel,body.dark-mode #open-games-panel{background-color:transparent;color:var(--theme-text-primary)}body.dark-mode #main-menu-mini-cycle-title{background-color:transparent;color:var(--dark-menu-title)}body.dark-mode .menu-container button:hover,body.dark-mode .menu-container .menu-button:hover,body.dark-mode .menu-container .menu-grid button:hover{background-color:var(--dark-button-bg);color:var(--color-white);border-color:var(--dark-border-hover)}body.dark-mode .quick-actions-menu-row .quick-actions-title,body.dark-mode .menu-section-header{color:var(--dark-text-dim)}body.dark-mode #about-modal .about-links{background:#ffffff14}body.dark-mode #about-modal .about-version-badge{background:#ffffff1a}body.dark-mode #about-modal a{color:var(--dark-link-color)}body.dark-mode #about-modal a:hover{color:var(--dark-link-hover)}body.dark-mode #about-modal .close-modal{color:var(--theme-text-secondary)}body.dark-mode #about-modal .close-modal:hover{color:var(--color-white);cursor:pointer}body.dark-mode .storage-bar-container{background:transparent;border-top-color:var(--dark-border-subtle)}body.dark-mode .storage-bar-label,body.dark-mode .storage-bar-hint{color:var(--dark-text-dim)}body.dark-mode .storage-bar-track{background:#ffffff26}body.dark-mode .storage-bar-text,body.dark-mode .storage-refresh-btn{color:var(--dark-text-dim)}body.dark-mode .storage-refresh-btn:hover{background:#ffffff1a;color:var(--color-primary)}body.dark-mode .cycle-item-edit-input{background:var(--dark-surface-secondary);color:var(--dark-text-light);border-color:var(--dark-cycle-edit-border)}body.dark-mode .cycle-item-size{color:var(--dark-text-dim);background:var(--dark-overlay-light)}body.dark-mode .onboarding-content{background-color:var(--dark-surface-primary);color:var(--theme-text-primary);border:1px solid var(--dark-button-bg)}body.dark-mode .onboarding-content h2{color:var(--dark-onboarding-heading)}body.dark-mode .recurring-task-item,body.dark-mode #recurring-summary-preview{background:var(--theme-bg-surface);border-color:var(--dark-button-hover-bg);color:var(--theme-text-primary)}body.dark-mode .recurring-scroll-area{border-bottom-color:var(--dark-border-subtle)}body.dark-mode .games-modal-content{background:var(--theme-modal-glass-bg, var(--dark-surface-primary));color:var(--theme-text-primary)}body.dark-mode .games-modal-content h2,body.dark-mode .games-modal-content p{color:var(--theme-text-primary)}body.dark-mode .task-options-modal{background:var(--dark-surface-primary)}body.dark-mode .task-options-modal .modal-header{background:var(--dark-surface-secondary)}body.dark-mode .task-options-modal .modal-header h2{color:var(--theme-text-primary)}body.dark-mode .task-options-modal .modal-subtitle{color:var(--dark-text-dim)}body.dark-mode .task-options-modal .modal-body{background:var(--dark-surface-deep)}body.dark-mode .task-options-modal .modal-footer{background:var(--dark-surface-secondary)}body.dark-mode .task-options-list{background:var(--dark-surface-secondary);border-color:var(--dark-button-hover-bg)}body.dark-mode .undo-redo-btn{background:#ffffff1a;color:var(--theme-progress-text);border:1px solid rgba(255,255,255,.2)}body.dark-mode .undo-redo-btn:hover{background:#fff3}body.dark-mode .recurring-task-item,body.dark-mode #recurring-summary-preview,body.dark-mode .summary-label,body.dark-mode #recurring-settings-panel,body.dark-mode .weekly-day-box,body.dark-mode .biweekly-day-box,body.dark-mode .monthly-day-box,body.dark-mode .yearly-day-box,body.dark-mode .yearly-month-box{background-color:var(--dark-surface-recurrence);color:var(--dark-text-light);border:1px solid var(--dark-button-hover-bg)}body.dark-mode .weekly-day-box:hover,body.dark-mode .biweekly-day-box:hover,body.dark-mode .monthly-day-box:hover,body.dark-mode .yearly-day-box:hover,body.dark-mode .yearly-month-box:hover{background-color:var(--theme-bg-surface);cursor:pointer}body.dark-mode .selected{background-color:var(--dark-selected-bg);color:var(--color-white);border-color:var(--color-black)}body.dark-mode .summary-label{font-weight:700;color:var(--color-white)}body.dark-mode .next-occurrence-text{background-color:var(--dark-next-occurrence-bg);color:var(--dark-next-occurrence-text)}body.dark-mode .add-recurring-task-btn{background:#ffffff14;border-color:#fff3;color:var(--dark-text-light)}body.dark-mode .add-recurring-task-btn:hover{background:#ffffff24;border-color:#ffffff4d}body.dark-mode .available-tasks-list{background:var(--dark-surface-secondary);border-color:var(--dark-button-hover-bg)}body.dark-mode #cancel-recurring-settings{color:var(--dark-text-light);border-color:#fff3}body.dark-mode #cancel-recurring-settings:hover{background-color:#ffffff14;border-color:#ffffff4d}body.dark-mode .recurring-remove-btn{color:var(--dark-text-light)}body.dark-mode .recurring-task-item.selected .recurring-task-text{color:var(--color-white)}body.dark-mode .toggle-check-btn{background:#ffffff14;color:var(--dark-text-light);border-color:#fff3}body.dark-mode .toggle-check-btn:hover{background:#ffffff24}body.dark-mode .available-tasks-header{color:var(--dark-text-light)}body.dark-mode .select-all-add-recurring-btn{color:var(--color-blue-light)}body.dark-mode .select-all-add-recurring-btn:hover{background:#ffffff1a}body.dark-mode #non-recurring-tasks li{background:var(--dark-surface-deep);border-color:var(--dark-button-hover-bg);color:var(--dark-text-light)}body.dark-mode #non-recurring-tasks li:hover{background:var(--dark-button-bg)}body.dark-mode #non-recurring-tasks li.selected{background:#4caf5026;border-color:var(--color-success)}body.dark-mode .no-available-tasks,body.dark-mode .recurring-empty-state{color:var(--dark-text-dim)}body.dark-mode .confirm-add-recurring-btn:disabled{background:var(--dark-button-bg);color:var(--dark-text-dim)}body.dark-mode .mini-modal-box{background:var(--dark-mini-modal-bg);color:var(--theme-text-primary);box-shadow:var(--shadow-modal-heavy)}body.dark-mode .mini-modal-header,body.dark-mode .mini-modal-body{color:var(--dark-mini-modal-text)}body.dark-mode .mini-modal-buttons .btn-cancel{background-color:var(--dark-mini-modal-cancel);color:var(--dark-mini-modal-text)}body.dark-mode .testing-modal{background:#0009}body.dark-mode .testing-modal-content{background:var(--dark-test-surface);color:var(--dark-test-text);border:1px solid var(--dark-test-border);box-shadow:0 20px 60px #0006}body.dark-mode .testing-modal-header{background:var(--dark-test-header-gradient)}body.dark-mode .close-testing-modal{background:#ffffff1a;border-color:#fff3}body.dark-mode .close-testing-modal:hover{background:#fff3}body.dark-mode .testing-tabs{background:var(--dark-test-surface-deep);border-bottom-color:var(--dark-test-border)}body.dark-mode .testing-tab{color:var(--dark-test-text-dim);background:transparent}body.dark-mode .testing-tab:hover{background:#6366f126;color:var(--dark-test-accent)}body.dark-mode .testing-tab.active{background:var(--dark-test-surface);color:var(--dark-test-text);box-shadow:var(--shadow-button)}body.dark-mode .testing-tab-content{background:var(--dark-test-surface)}body.dark-mode .testing-section{background:linear-gradient(135deg,var(--dark-test-surface) 0%,var(--dark-test-surface-deep) 100%);border-color:var(--dark-test-border)}body.dark-mode .testing-section:hover{border-color:var(--dark-test-accent-hover);box-shadow:var(--shadow-glow-purple)}body.dark-mode .testing-section h3{color:var(--dark-test-text)}body.dark-mode .testing-results-area{background:var(--dark-test-surface-deep);border-top-color:var(--dark-test-border);border-top-width:2px}body.dark-mode .testing-results-header{background:var(--dark-test-surface);border-bottom-color:var(--dark-test-border)}body.dark-mode .testing-results-header h3{color:var(--dark-test-text-dim)}body.dark-mode .testing-results{background:#13141a;color:#c8ccd4}body.dark-mode .testing-output{color:#c8ccd4}body.dark-mode .testing-results::-webkit-scrollbar-track{background:var(--dark-test-surface)}body.dark-mode .testing-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--dark-test-border-hover),var(--dark-test-border));border-color:var(--dark-test-surface)}body.dark-mode .testing-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--dark-test-scrollbar-hover),var(--dark-test-border-hover))}body.dark-mode .testing-modal-footer{background:linear-gradient(135deg,var(--dark-test-surface-deep) 0%,var(--dark-test-surface) 100%);border-top-color:var(--dark-test-border)}body.dark-mode .testing-modal-info{color:var(--dark-test-text-dim)}body.dark-mode .welcome-message{color:#6b7280;background:transparent}body.dark-mode .test-clear,body.dark-mode .test-export,body.dark-mode .test-copy{background:transparent;color:var(--dark-test-text-secondary);border-color:var(--dark-test-border-hover)}body.dark-mode .test-clear:hover,body.dark-mode .test-export:hover,body.dark-mode .test-copy:hover{background:var(--dark-test-border);color:var(--dark-test-text)}body.dark-mode .testing-tab-content>.button-group{background:var(--dark-test-surface-deep);border-color:var(--dark-test-border)}body.dark-mode .test-results-content{background:var(--dark-test-surface);color:var(--dark-test-text);border-color:var(--dark-test-border)}body.dark-mode .test-results-header{background:var(--dark-test-surface-deep);border-bottom-color:var(--dark-test-border)}body.dark-mode .test-results-timestamp{color:var(--dark-test-text-dim)}body.dark-mode .test-results-controls,body.dark-mode .test-results-search-bar{background:var(--dark-test-surface-deep);border-bottom-color:var(--dark-test-border)}body.dark-mode .test-results-search-input{background:var(--dark-test-surface);color:var(--dark-test-text);border-color:var(--dark-test-border)}body.dark-mode .test-results-body{background:#13141a;color:#c8ccd4;border-color:var(--dark-test-border)}body.dark-mode .test-results-btn.secondary{background:transparent;color:var(--dark-test-text-secondary);border:1px solid var(--dark-test-border-hover)}body.dark-mode .json-key{color:#7dd3fc}body.dark-mode .json-value-string{color:#86efac}body.dark-mode .json-value-number{color:#93c5fd}body.dark-mode .json-value-boolean{color:#fdba74}body.dark-mode .json-array-info{color:var(--dark-test-text-dim)}body.dark-mode .json-render-error{background:#dc354533}body.dark-mode .storage-empty-state{color:var(--dark-test-text-dim)}body.dark-mode .storage-key-header{border-bottom-color:var(--dark-test-border)}body.dark-mode .storage-value-parsed{background:var(--dark-test-surface-deep);color:var(--dark-test-text-secondary)}body.dark-mode .storage-value-raw{background:#17a2b81a;color:var(--color-info);border-left-color:var(--color-info)}body.dark-mode .mode-selector-wrapper .mode-selector{background:#1e1e1ecc;color:var(--theme-text-primary);border-color:#fff3}body.dark-mode .routine-switcher-btn,body.dark-mode .quick-actions-btn{background:var(--dark-overlay-heavy);color:var(--theme-text-primary);border-color:var(--dark-overlay-strong)}body.dark-mode .quick-actions-btn svg,body.dark-mode .routine-switcher-btn svg{fill:var(--color-white);stroke:var(--color-white)}body.dark-mode .quick-actions-menu{background:linear-gradient(135deg,var(--dark-surface-primary) 0%,var(--dark-surface-secondary) 100%);border-color:#ffffff1a}body.dark-mode .quick-action-item{color:var(--theme-text-primary)}body.dark-mode .quick-action-item:hover{background:#ffffff1a}body.dark-mode .quick-action-item:not(:last-child){border-bottom-color:#ffffff1a}body.dark-mode .help-window{color:var(--pref-panel-text)}body.dark-mode .settings-modal-content h2,body.dark-mode .settings-modal-content h3,body.dark-mode .settings-modal-content label,body.dark-mode .reminders-modal-content h2,body.dark-mode .reminders-modal-content h3,body.dark-mode .reminders-modal-content label{color:var(--theme-text-primary)}body.dark-mode .settings-modal-content input,body.dark-mode .settings-modal-content select,body.dark-mode .reminders-modal-content input,body.dark-mode .reminders-modal-content select{background:var(--theme-input-bg);color:var(--theme-text-primary);border-color:var(--dark-button-hover-bg)}body.dark-mode .settings-section.collapsible{background:var(--dark-surface-secondary);border-color:var(--dark-button-hover-bg)}body.dark-mode .settings-section.collapsible.collapsed{background:transparent;border-color:transparent;border-bottom-color:var(--dark-border-subtle)}body.dark-mode .settings-section-header{background:var(--dark-border-subtle);color:var(--dark-text-light)}body.dark-mode .settings-section.collapsed .settings-section-header{background:transparent}body.dark-mode .settings-section.collapsed .settings-section-header:hover{background:var(--overlay-light)}body.dark-mode .settings-section:not(.collapsed) .settings-section-header:hover{background:var(--dark-button-hover-bg)}body.dark-mode .preferences-section-header.collapsible{background:var(--dark-surface-secondary);color:var(--dark-text-light)}body.dark-mode .preferences-section.collapsed{border-bottom-color:var(--dark-border-subtle)}body.dark-mode .preferences-section.collapsed .preferences-section-header.collapsible{background:transparent}body.dark-mode .preferences-section:not(.collapsed) .preferences-section-header.collapsible{background:var(--dark-border-subtle)}body.dark-mode .preferences-section.collapsed .preferences-section-header.collapsible:hover{background:var(--overlay-light)}body.dark-mode .preferences-section-header.collapsible:hover{background:var(--dark-surface-muted)}body.dark-mode .preferences-preview-label.preferences-section-header.collapsible{background:transparent}body.dark-mode .preferences-section:not(.collapsed){background:var(--dark-surface-secondary)}body.dark-mode .preferences-quick-presets{background:var(--dark-surface-secondary)}body.dark-mode .preferences-color-row{background:var(--dark-overlay-subtle)}body.dark-mode .quick-preset-btn{background:var(--dark-surface-primary);border-color:var(--dark-border-subtle);color:var(--dark-text-light)}body.dark-mode .quick-preset-btn:hover{border-color:var(--color-primary)}body.dark-mode .preferences-preset-item{background:var(--dark-surface-primary);border-color:var(--dark-border-subtle)}body.dark-mode .preferences-no-presets,body.dark-mode .preferences-bg-image-hint,body.dark-mode .preferences-section-toggle{color:var(--dark-text-dim)}body.dark-mode .preferences-reset-all-btn{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--dark-text-light);border-color:var(--color-error)}body.dark-mode .preferences-footer button.preferences-reset-all-btn:hover{background:var(--color-error);color:var(--color-white)}body.dark-mode .achievements-modal{background:var(--theme-modal-glass-bg, var(--dark-surface-primary))}body.dark-mode .achievements-header{border-bottom-color:var(--dark-overlay-light)}body.dark-mode .achievements-back-btn,body.dark-mode .achievements-title{color:var(--dark-text-light)}body.dark-mode .achievements-summary{background:var(--dark-surface-secondary)}body.dark-mode .achievements-stat-value--count,body.dark-mode .achievements-stat-label,body.dark-mode .achievements-section-heading{color:var(--dark-text-dim)}body.dark-mode .achievement-card{background:var(--dark-surface-secondary)}body.dark-mode .achievement-card-name{color:var(--dark-text-light)}body.dark-mode .achievement-card-description,body.dark-mode .achievement-card-date{color:var(--dark-text-dim)}body.dark-mode .achievement-progress-bar{background:var(--dark-overlay-light)}body.dark-mode .achievement-legend-reward,body.dark-mode .achievements-empty-state,body.dark-mode .achievements-progress-note{color:var(--dark-text-dim)}body.dark-mode .history-modal{background:var(--theme-modal-glass-bg, var(--dark-surface-primary));box-shadow:var(--shadow-modal-heavy)}body.dark-mode .history-header{border-bottom-color:var(--dark-overlay-light)}body.dark-mode .history-back-btn,body.dark-mode .history-title{color:var(--dark-text-light)}body.dark-mode .history-tabs{border-bottom-color:var(--dark-overlay-light)}body.dark-mode .history-tab{color:var(--dark-text-dim)}body.dark-mode .history-tab.active{color:var(--color-primary)}body.dark-mode .history-event,body.dark-mode .cleared-entry{background:var(--dark-surface-secondary)}body.dark-mode .cleared-entry.selected{background:var(--dark-overlay-medium);border-color:var(--color-primary)}body.dark-mode .cleared-entry-checkbox{background:var(--dark-surface-primary);border-color:var(--dark-border-subtle)}body.dark-mode .cleared-entry.selected .cleared-entry-checkbox{background:var(--color-primary);border-color:var(--color-primary)}body.dark-mode .history-event-title,body.dark-mode .cleared-entry-text{color:var(--dark-text-light)}body.dark-mode .history-event-details,body.dark-mode .history-event-timestamp,body.dark-mode .cleared-entry-metadata,body.dark-mode .history-group-heading,body.dark-mode .history-empty-state{color:var(--dark-text-dim)}body.dark-mode .history-recurring-note{background:var(--dark-surface-secondary);color:var(--dark-text-dim)}body.dark-mode .history-achievement-note,body.dark-mode .history-recurring-disclaimer{color:var(--dark-text-dim)}body.dark-mode .history-reset-section{border-top-color:var(--dark-overlay-light)}body.dark-mode .history-reset-progress-btn{color:var(--dark-text-dim)}body.dark-mode .history-footer{border-top-color:var(--dark-overlay-light)}body.dark-mode .history-cancel-btn{color:var(--dark-text-light);border-color:var(--dark-border-subtle)}body.dark-mode .history-confirm-btn{background:var(--color-primary)}body.dark-mode .themes-modal-content h2,body.dark-mode .themes-modal-content p,body.dark-mode .themes-modal-content label{color:var(--theme-text-primary)}body.dark-mode .themes-modal .close-btn{background:var(--dark-button-hover-bg);color:var(--theme-text-primary)}body.dark-mode .themes-modal .close-btn:hover{background:var(--dark-border-subtle)}body.dark-mode .themes-modal-content input[type=checkbox]{accent-color:var(--theme-color-success)}body.dark-mode #theme-options-section,body.dark-mode #dark-mode-section{color:var(--theme-text-primary)}body.dark-mode .theme-radio-option{background:var(--dark-overlay-subtle)}body.dark-mode .theme-radio-option:hover{background:var(--dark-overlay-light)}body.dark-mode .theme-radio-option:has(input:checked){background:var(--dark-overlay-medium);border-color:var(--dark-border-hover)}body.dark-mode .theme-radio-option input[type=radio]{border-color:var(--dark-border-subtle)}body.dark-mode #dark-mode-section .custom-checkbox .checkmark{background:var(--dark-surface-primary);border-color:var(--dark-border-subtle)}body.dark-mode .vocab-theme-heading,body.dark-mode .vocab-theme-unlock-hint{color:var(--dark-text-dim)}body.dark-mode #footer-container,body.dark-mode #copyright,body.dark-mode .footer-item,body.dark-mode #copyright a,body.dark-mode .footer-item a{color:#fffc}body.dark-mode .miniCycle-prompt-box{background:var(--dark-surface-primary);border-color:var(--dark-button-hover-bg)}body.dark-mode .miniCycle-prompt-title{color:var(--theme-text-primary)}body.dark-mode .miniCycle-prompt-message{color:var(--theme-text-secondary)}body.dark-mode .miniCycle-prompt-input{background:var(--theme-input-bg);color:var(--theme-text-primary);border-color:var(--dark-button-hover-bg)}body.dark-mode .task-input{background:var(--color-slate-800);border:1px solid var(--color-slate-700);box-shadow:var(--shadow-input)}body.dark-mode #taskInput{background:transparent;color:var(--theme-text-primary)}body.dark-mode #taskInput::placeholder{color:var(--color-slate-400)}body.dark-mode .task-input:focus-within{box-shadow:var(--shadow-input),var(--shadow-focus-ring)}body.dark-mode #addTaskBtn{background:var(--color-slate-600);color:var(--color-slate-100)}body.dark-mode #addTaskBtn:hover{background:var(--color-slate-500)}body.dark-mode .title-row{background-color:var(--dark-surface-muted);border-radius:var(--radius-10) var(--radius-10) 0 0}body.dark-mode .mini-cycle-title{background:none;color:var(--dark-text-light);border-color:#ffffff1f;border-bottom-color:#ffffff14;box-shadow:none}body.dark-mode #mini-cycle-title:focus{background:#505050cc;color:var(--dark-title-focus)}body.dark-mode .task-list-container{background:#28282d99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-color:#ffffff14;box-shadow:0 4px 20px #0003,inset 0 1px 1px #ffffff0f}body.dark-mode .task-list-container::-webkit-scrollbar-thumb{background-color:#96969680}body.dark-mode .auto-uncheck-banner{color:var(--dark-text-dim, var(--theme-text-on-surface))}body.dark-mode .navigation-dots:before{background-color:#3c465a99;border-color:#ffffff1a}body.dark-mode .dot:after{background-color:#b4b4c8cc}body.dark-mode .dot.active:after{background-color:#6496ff}body.dark-mode .task-search-input-row,body.dark-mode .task-filter-sort-row{background:var(--theme-bg-surface-elevated)}body.dark-mode .task-search-btn,body.dark-mode .task-search-clear{color:var(--theme-text-secondary)}body.dark-mode .task-search-btn:hover,body.dark-mode .task-search-clear:hover,body.dark-mode .task-search-input{color:var(--theme-text-primary)}body.dark-mode .filter-chip,body.dark-mode .sort-chip{background:#ffffff1a;color:var(--theme-text-secondary)}body.dark-mode .filter-chip:hover,body.dark-mode .sort-chip:hover{background:#ffffff2e;color:var(--theme-text-primary)}body.dark-mode .filter-sort-divider{background:#ffffff26}body.dark-mode .chip-group-icon{color:var(--theme-text-primary)}@media(prefers-color-scheme:dark){html:not(.dark-mode):not([data-theme]){background:#1c1c1c;color:#e0e0e0}html:not(.dark-mode):not([data-theme]) body{background:linear-gradient(135deg,#1c1c1c,#2a2a2a);color:#e0e0e0}}@media(max-width:480px){:root{--first-run-welcome-body-min-height: 92px;--first-run-welcome-padding-bottom: calc(var(--space-2) + var(--space-7))}.first-run-welcome.first-run-welcome--visible{padding-top:var(--space-3)}.first-run-welcome[data-slide-index="0"]{padding-top:calc(var(--space-3) + var(--space-8))}.first-run-welcome__title,.first-run-welcome[data-slide-index="0"] .first-run-welcome__title,.first-run-splash__title{font-size:calc(var(--font-size-2xl) * .82)}.first-run-welcome__message{font-size:calc(var(--font-size-sm) * .88)}.mini-cycle-title{min-height:var(--space-7);padding-top:var(--space-0-75);padding-bottom:var(--space-0-75);font-size:calc(var(--font-size-lg) * .82)}.task-list .task,.task-list li{padding:var(--space-1-5);margin:var(--space-1) var(--space-1-5)}.task-list .task span.task-text{font-size:calc(var(--font-size-base) * .82)}.help-window{padding:var(--space-1) var(--space-2)}.help-window h4,.help-window p{font-size:var(--font-size-xs)}.progress-container{height:var(--space-2);min-height:var(--space-2)}.progress-bar{min-height:var(--space-2)}body.first-run-welcome-active .focus-mode-btn,body.onboarding-active .focus-mode-btn{width:var(--space-7-5);height:var(--space-7-5)}body.first-run-welcome-active .focus-mode-btn svg,body.onboarding-active .focus-mode-btn svg{width:var(--space-3-5);height:var(--space-3-5)}.complete-all-btn{padding:var(--space-2) var(--space-4);margin-top:var(--space-1-5);font-size:calc(var(--font-size-sm) * .85)}.task-input{padding:var(--space-1-5) var(--space-2)}.task-input input[type=text]{font-size:calc(var(--font-size-base) * .85)}.task-input button{padding:var(--space-1-5) var(--space-3);font-size:calc(var(--font-size-sm) * .85)}body.first-run-welcome-active.focus-mode:after,body.onboarding-active.focus-mode:after{opacity:0}}html:has(body.first-run-welcome-active),html:has(body.onboarding-active),body.first-run-welcome-active,body.onboarding-active{overflow-y:auto;height:auto;min-height:100vh;min-height:100dvh}body.first-run-welcome-active:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow),body.onboarding-active:not(.dark-mode):not(.theme-dark-ocean):not(.theme-golden-glow){background-attachment:fixed}body.first-run-welcome-active #task-view:not(.hide),body.onboarding-active #task-view:not(.hide){position:relative;top:auto;left:auto;transform:none;max-height:none;margin:calc(var(--first-run-welcome-height, 190px) - var(--space-7-5)) auto var(--space-10);transition:transform var(--animation-pop) ease-in-out}body.first-run-welcome-active #task-view.hide,body.onboarding-active #task-view.hide{position:relative;top:auto;left:auto;max-height:none;margin:calc(var(--first-run-welcome-height, 190px) - var(--space-7-5)) auto var(--space-10);transform:translate(-200%);transition:transform var(--animation-pop) ease-in-out}body.first-run-welcome-active .task-list-container,body.onboarding-active .task-list-container{max-height:none}body.first-run-welcome-active:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-onboarding-scrim);background:linear-gradient(to bottom,#0f194100 0,#0f19418c calc(var(--first-run-welcome-top) + var(--first-run-welcome-height, 190px) + var(--first-run-welcome-scrim-fade))),var(--theme-bg-gradient);background-attachment:fixed,fixed;-webkit-mask-image:linear-gradient(to bottom,black 0,black calc(var(--first-run-welcome-top) + var(--first-run-welcome-height, 190px)),transparent calc(var(--first-run-welcome-top) + var(--first-run-welcome-height, 190px) + var(--first-run-welcome-scrim-fade)));mask-image:linear-gradient(to bottom,black 0,black calc(var(--first-run-welcome-top) + var(--first-run-welcome-height, 190px)),transparent calc(var(--first-run-welcome-top) + var(--first-run-welcome-height, 190px) + var(--first-run-welcome-scrim-fade)))}body.first-run-welcome-active.focus-mode:after,body.onboarding-active.focus-mode:after{background:#0f19418c}
/*# sourceMappingURL=main-7XL4SIFX.css.map */