@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root,[data-theme=bluewhale]{--federal-blue: #03045e;--marian-blue: #023e8a;--honolulu-blue: #0077b6;--blue-green: #0096c7;--pacific-cyan: #00b4d8;--vivid-sky-blue: #48cae4;--non-photo-blue: #90e0ef;--non-photo-blue-2: #ade8f4;--light-cyan: #caf0f8;--brand-purple-dark: var(--marian-blue);--brand-purple-main: var(--honolulu-blue);--brand-purple-light: var(--blue-green);--brand-magenta-dark: var(--blue-green);--brand-magenta-main: var(--vivid-sky-blue);--brand-magenta-light: var(--non-photo-blue);--brand-purple-50: var(--light-cyan);--brand-purple-100: var(--non-photo-blue-2);--brand-purple-200: var(--non-photo-blue);--brand-purple-300: var(--vivid-sky-blue);--brand-purple-400: var(--pacific-cyan);--brand-purple-500: var(--blue-green);--brand-purple-600: var(--honolulu-blue);--brand-purple-700: var(--marian-blue);--brand-purple-800: var(--federal-blue);--brand-purple-900: #021c47;--brand-orange-dark: #f97316;--brand-orange-main: #fb923c;--brand-orange-light: #fed7aa;--brand-amber: #fcd34d;--brand-orange-50: #fff7ed;--brand-orange-100: #ffedd5;--brand-orange-200: #fed7aa;--brand-orange-300: #fdba74;--brand-orange-400: #fb923c;--brand-orange-500: var(--brand-orange-main);--brand-orange-600: var(--brand-orange-dark);--brand-orange-700: #c2410c;--brand-orange-800: #9a3412;--brand-orange-900: #7c2d12;--color-energy: #6fffe9;--color-energy-mid: #51ffe1;--color-energy-dim: rgba(111, 255, 233, .15);--color-energy-subtle: rgba(111, 255, 233, .08);--color-energy-glow: rgba(111, 255, 233, .25);--color-energy-glow-strong: rgba(111, 255, 233, .4);--color-energy-glow-hover: rgba(111, 255, 233, .3);--brand-gradient-purple: linear-gradient( 135deg, var(--federal-blue) 0%, var(--pacific-cyan) 100% );--brand-gradient-flame: linear-gradient( 135deg, var(--brand-orange-main) 0%, var(--brand-orange-dark) 100% );--brand-gradient-full: linear-gradient( 135deg, var(--honolulu-blue) 0%, var(--vivid-sky-blue) 100% );--surface-light: var(--color-gray-50);--surface-dark: var(--color-gray-800);--bg: var(--light-cyan);--surface-1: var(--brand-purple-50);--surface-2: var(--brand-purple-100);--surface-3: var(--brand-purple-300);--text-primary: #021c47;--text-muted: rgba(2, 28, 71, .7);--accent: var(--honolulu-blue);--accent-foreground: #ffffff;--border: rgba(2, 28, 71, .08);--shadow: 0 8px 24px rgba(2, 28, 71, .06);--glass: rgba(255, 255, 255, .6);--card-glass: rgba(255, 255, 255, .85);--radius: 12px;--pomodoro-work-start: #fb923c;--pomodoro-work-end: #f97316;--pomodoro-break-start: #22d3ee;--pomodoro-break-end: #06b6d4;--pomodoro-idle: #d1d5db}@media (prefers-color-scheme: dark){:root,[data-theme=bluewhale]{--color-primary: var(--pacific-cyan);--color-secondary: var(--vivid-sky-blue);--color-accent: var(--blue-green);--surface-light: var(--marian-blue);--surface-dark: var(--federal-blue);--color-text-primary: #f8fafc;--color-text-secondary: color-mix( in srgb, var(--non-photo-blue) 80%, #f8fafc )}}[data-theme=python]{--federal-blue: #2b1d0e;--marian-blue: #3d2817;--honolulu-blue: #5d4a3a;--blue-green: #7a6855;--pacific-cyan: #a0896f;--vivid-sky-blue: #c4ae96;--non-photo-blue: #d9c8b4;--non-photo-blue-2: #ebe0d3;--light-cyan: #f5f0ea;--brand-purple-dark: var(--marian-blue);--brand-purple-main: var(--honolulu-blue);--brand-purple-light: var(--blue-green);--brand-magenta-dark: #d4a574;--brand-magenta-main: #e6c199;--brand-magenta-light: #f2ddc5;--brand-purple-50: var(--light-cyan);--brand-purple-100: var(--non-photo-blue-2);--brand-purple-200: var(--non-photo-blue);--brand-purple-300: var(--vivid-sky-blue);--brand-purple-400: var(--pacific-cyan);--brand-purple-500: var(--blue-green);--brand-purple-600: var(--honolulu-blue);--brand-purple-700: var(--marian-blue);--brand-purple-800: var(--federal-blue);--brand-purple-900: #1a1208;--brand-orange-dark: #c4935b;--brand-orange-main: #d4a574;--brand-orange-light: #e6c199;--brand-amber: #ddb57f;--brand-orange-50: #faf7f3;--brand-orange-100: #f2ddc5;--brand-orange-200: #e6c199;--brand-orange-300: #ddb57f;--brand-orange-400: #d4a574;--brand-orange-500: var(--brand-orange-main);--brand-orange-600: var(--brand-orange-dark);--brand-orange-700: #a67a4e;--brand-orange-800: #7a5a3a;--brand-orange-900: #5d4a3a;--color-energy: #f4e6d7;--color-energy-mid: #e6d4c0;--color-energy-dim: rgba(244, 230, 215, .15);--color-energy-subtle: rgba(244, 230, 215, .08);--color-energy-glow: rgba(212, 165, 116, .25);--color-energy-glow-strong: rgba(212, 165, 116, .4);--color-energy-glow-hover: rgba(212, 165, 116, .3);--brand-gradient-purple: linear-gradient( 135deg, var(--federal-blue) 0%, var(--pacific-cyan) 100% );--brand-gradient-flame: linear-gradient( 135deg, var(--brand-orange-main) 0%, var(--brand-orange-dark) 100% );--brand-gradient-full: linear-gradient( 135deg, var(--honolulu-blue) 0%, var(--vivid-sky-blue) 100% );--surface-light: #f5f0ea;--surface-dark: #2b1d0e;--python-federal: var(--federal-blue);--python-marian: var(--marian-blue);--python-honolulu: var(--honolulu-blue);--python-bluegreen: var(--blue-green);--python-pacific: var(--pacific-cyan);--python-vivid: var(--vivid-sky-blue);--bg: var(--light-cyan);--surface-1: var(--non-photo-blue-2);--surface-2: var(--non-photo-blue);--surface-3: var(--vivid-sky-blue);--text-primary: #1a1208;--text-muted: rgba(26, 18, 8, .72);--accent: var(--brand-orange-main);--accent-foreground: #2b1d0e;--border: rgba(26, 18, 8, .06);--shadow: 0 8px 24px rgba(26, 18, 8, .05);--glass: rgba(245, 240, 234, .6);--card-glass: rgba(245, 240, 234, .9);--radius: 12px;--pomodoro-work-start: #d4a574;--pomodoro-work-end: #c4935b;--pomodoro-break-start: #a0896f;--pomodoro-break-end: #7a6855;--pomodoro-idle: #d9c8b4}:root{--color-success: #34d399;--color-success-light: #dcfce7;--color-success-dark: #059669;--color-success-darker: #047857;--color-warning: #fcd34d;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #f87171;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-error-darker: #b91c1c;--color-info: #60a5fa;--color-info-light: #dbeafe;--color-info-dark: #1e3a8a;--alert-success-bg: rgba(220, 252, 231, .9);--alert-error-bg: rgba(254, 226, 226, .9);--alert-warning-bg: rgba(254, 243, 199, .9);--alert-info-bg: rgba(219, 234, 254, .9);--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--tw-cyan-50: #ecfeff;--tw-cyan-100: #cffafe;--tw-cyan-200: #a5f3fc;--tw-cyan-300: #67e8f9;--tw-cyan-400: #22d3ee;--tw-cyan-500: #06b6d4;--tw-cyan-600: #0891b2;--tw-cyan-700: #0e7490;--tw-cyan-800: #155e75;--tw-cyan-900: #164e63;--tw-cyan-950: #083344;--glass-white-8: rgba(255, 255, 255, .08);--glass-white-12: rgba(255, 255, 255, .12);--glass-white-18: rgba(255, 255, 255, .18);--color-white: #ffffff;--color-white-80: rgba( 255, 255, 255, .8 );--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #000000;--color-primary: var(--honolulu-blue);--color-secondary: var(--vivid-sky-blue);--color-accent: var(--blue-green);--color-purple: var(--honolulu-blue);--color-orange: var(--pacific-cyan)}.text-brand-purple{color:var(--brand-purple-main)}.text-brand-orange{color:var(--brand-orange-main)}.text-brand-magenta{color:var(--brand-magenta-main)}.bg-brand-purple{background-color:var(--brand-purple-main)}.bg-brand-orange{background-color:var(--brand-orange-main)}.bg-brand-magenta{background-color:var(--brand-magenta-main)}.gradient-brand-purple{background:var(--brand-gradient-purple)}.gradient-brand-flame{background:var(--brand-gradient-flame)}.gradient-brand-full{background:var(--brand-gradient-full)}.inter{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.inter-thin{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.inter-extralight{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.inter-light{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.inter-regular{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inter-medium{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.inter-semibold{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.inter-bold{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.inter-extrabold{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.inter-black{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}:root{--font-family-primary: "Inter", sans-serif;--font-family-body: "Inter", sans-serif;--font-family-heading: "Inter", sans-serif}body{font-family:var(--font-family-primary);font-optical-sizing:auto;font-weight:400;font-style:normal}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-heading{font-family:var(--font-family-heading);font-weight:600}.font-body{font-family:var(--font-family-body);font-weight:400}.font-caption{font-family:var(--font-family-primary);font-weight:400;font-size:.875rem}.brand-title{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;letter-spacing:-.025em}.brand-subtitle{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}:root{--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: 2px;--spacing-1: 4px;--spacing-1-5: 6px;--spacing-2: 8px;--spacing-2-5: 10px;--spacing-3: 12px;--spacing-3-5: 14px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-14: 56px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-28: 112px;--spacing-32: 128px;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-16);--content-max-width: 1100px;--page-gutter: 24px;--radius-none: 0;--radius-sm: 2px;--radius-base: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--radius-button: var(--radius-lg);--radius-input: var(--radius-md);--radius-card: var(--radius-xl);--radius-modal: var(--radius-2xl);--radius-pill: var(--radius-full);--color-accent: var(--color-purple);--tag-official: var(--blue-green);--tag-personal: var(--color-success);--tag-others: var(--color-gray-400);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-none: 0 0 #0000;--shadow-xs: var(--shadow-sm);--shadow-base: var(--shadow);--shadow-blue: 0 10px 15px -3px rgb(0 119 182 / .3), 0 4px 6px -4px rgb(0 119 182 / .2);--shadow-mint: 0 10px 15px -3px rgb(111 255 233 / .3), 0 4px 6px -4px rgb(111 255 233 / .2);--shadow-button: var(--shadow-sm);--shadow-button-hover: var(--shadow-md);--shadow-card: var(--shadow);--shadow-modal: var(--shadow-2xl);--shadow-dropdown: var(--shadow-lg);--shadow-toast: var(--shadow-xl);--shadow-glass: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-glass-hover: 0 20px 25px -5px rgb(0 0 0 / .12), 0 8px 10px -6px rgb(0 0 0 / .08);--transition-fast: .15s;--transition-standard: .22s;--transition-normal: .3s;--transition-slow: .5s;--transition-modal: .6s;--transition-slower: .7s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--transition-colors: color var(--transition-fast) var(--ease-out), background-color var(--transition-fast) var(--ease-out), border-color var(--transition-fast) var(--ease-out);--transition-opacity: opacity var(--transition-fast) var(--ease-out);--transition-transform: transform var(--transition-normal) var(--ease-out);--transition-all: all var(--transition-fast) var(--ease-out);--transition-shadow: box-shadow var(--transition-normal) var(--ease-out);--transition-button: var(--transition-colors), var(--transition-shadow);--transition-card-hover: all var(--transition-standard) var(--ease-in-out);--transition-modal: opacity var(--transition-normal) var(--ease-out), transform var(--transition-normal) var(--ease-out);--transition-tooltip: opacity var(--transition-fast) var(--ease-out), transform var(--transition-fast) var(--ease-out);--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--line-height-none: 1;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--z-hide: -1;--z-auto: auto;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skiplink: 1600;--z-toast: 1700;--z-tooltip: 1800;--z-max: 2147483647;--glass-blur: 12px;--glass-blur-lg: 20px;--glass-bg: var(--glass-white-8);--glass-bg-light: var(--glass-white-12);--glass-border: var(--glass-white-18);--gradient-home-qotd-base: linear-gradient( 135deg, rgba(200, 230, 255, .85) 0%, rgba(180, 220, 255, .8) 100% );--gradient-home-qotd-hover: linear-gradient( 135deg, rgba(255, 255, 255, .98) 0%, rgba(252, 254, 255, .96) 50%, rgba(248, 252, 255, .94) 100% );--gradient-home-qotd-accent: linear-gradient( 135deg, rgba(0, 180, 216, .08) 0%, rgba(72, 202, 228, .05) 50%, transparent 100% );--gradient-home-drs-active: linear-gradient(135deg, #00b4d8, #48cae4);--gradient-home-drs-active-hover: linear-gradient(135deg, #00b4d8, #48cae4);--gradient-home-drs-orange: linear-gradient(135deg, #ff8c00, #ffa500);--gradient-home-drs-orange-hover: linear-gradient(135deg, #ffa500, #ffb340);--gradient-home-card-accent: linear-gradient( 135deg, rgba(0, 180, 216, .08) 0%, rgba(72, 202, 228, .05) 50%, transparent 100% )}:root{--type-hero-size: 36px;--type-hero-weight: 700;--type-hero-line-height: 1.1;--progress-ring-size-lg: 360px;--progress-ring-size-md: 280px;--progress-ring-size-sm: 240px;--progress-ring-stroke-lg: 21px;--progress-ring-stroke-md: 18px;--progress-ring-stroke-sm: 15px}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.transition-none{transition:none}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-transform{transition:var(--transition-transform)}.transition-shadow{transition:var(--transition-shadow)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:var(--transition-fast)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:var(--transition-normal)}.duration-500{transition-duration:var(--transition-slow)}.duration-700{transition-duration:var(--transition-slower)}.ease-linear{transition-timing-function:var(--ease-linear)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.glass-panel{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border)}.glass-panel--light{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg-light);border:1px solid var(--glass-border)}.glow-energy{box-shadow:0 0 20px var(--color-energy-glow)}.glow-energy-strong{box-shadow:0 0 32px var(--color-energy-glow-strong)}.glow-energy-hover{transition:box-shadow var(--transition-normal) var(--ease-out)}.glow-energy-hover:hover{box-shadow:0 0 24px var(--color-energy-glow-hover)}.text-display-2xl{font-size:4.5rem;line-height:1;font-weight:800;letter-spacing:-.025em}.text-display-xl{font-size:3.75rem;line-height:1;font-weight:800;letter-spacing:-.025em}.text-display-lg{font-size:3rem;line-height:1.1;font-weight:700;letter-spacing:-.025em}.text-display-md{font-size:2.625rem;line-height:1.1;font-weight:700;letter-spacing:-.025em}.text-display-sm{font-size:2.25rem;line-height:1.2;font-weight:700;letter-spacing:-.025em}.text-body-lg{font-size:1.125rem;line-height:1.75;font-weight:400}.text-body-sm{font-size:.875rem;line-height:1.5;font-weight:400}.text-body-xs{font-size:.75rem;line-height:1.5;font-weight:400}.text-muted{color:var(--color-gray-500)}.text-muted-light{color:var(--color-gray-400)}.text-muted-dark{color:var(--color-gray-600)}.text-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Inconsolata,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.text-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Inconsolata,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:400;background-color:var(--color-gray-100);color:var(--brand-text-purple);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--radius-sm)}.text-timer{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Inconsolata,Liberation Mono,Courier New,monospace;font-size:3rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1.1}.text-timer-lg{font-size:4rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1}.text-timer-sm{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1.2}.text-duration{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Inconsolata,Liberation Mono,Courier New,monospace;font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.025em}.link-subtle{color:var(--color-gray-600);text-decoration:none;transition:var(--transition-colors)}.link-subtle:hover{color:var(--brand-purple-main);text-decoration:underline}.link-subtle:focus{color:var(--brand-purple-main);outline:2px solid var(--brand-purple-main);outline-offset:2px}.link-brand{color:var(--brand-purple-main);text-decoration:none;font-weight:500;transition:var(--transition-colors)}.link-brand:hover{color:var(--brand-purple-dark);text-decoration:underline}.link-brand:focus{outline:2px solid var(--brand-purple-main);outline-offset:2px}.link-external:after{content:"↗";margin-left:var(--spacing-1);font-size:.875em;opacity:.7}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.text-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.text-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.text-helper{font-size:.75rem;color:var(--color-gray-500);line-height:1.5}.text-emphasis{font-weight:600;color:var(--brand-text-dark)}.text-quote{font-style:italic;color:var(--color-gray-600);border-left:4px solid var(--color-gray-200);padding-left:var(--spacing-4);margin:var(--spacing-4) 0}.text-stat{font-size:2.25rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--brand-purple-main)}.text-stat-sm{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--brand-purple-main)}@media (max-width: 640px){.text-display-2xl{font-size:3rem}.text-display-xl{font-size:2.625rem}.text-display-lg{font-size:2.25rem}.text-display-md{font-size:2rem}.text-display-sm{font-size:1.875rem}.text-timer-lg{font-size:3rem}.text-timer{font-size:2.25rem}.text-timer-sm{font-size:1.5rem}.text-stat{font-size:1.875rem}.text-stat-sm{font-size:1.25rem}}@media (prefers-color-scheme: dark){.text-muted{color:var(--color-gray-400)}.text-muted-light{color:var(--color-gray-500)}.text-muted-dark{color:var(--color-gray-300)}.text-code{background-color:var(--color-gray-800);color:var(--brand-purple-light)}.text-label{color:var(--color-gray-200)}.text-helper{color:var(--color-gray-400)}.text-emphasis{color:var(--brand-purple-light)}.text-quote{color:var(--color-gray-300);border-left-color:var(--color-gray-600)}.text-stat,.text-stat-sm{color:var(--brand-purple-light)}.link-subtle{color:var(--color-gray-300)}.link-subtle:hover,.link-subtle:focus{color:var(--brand-purple-light)}}.btn{font-weight:500;font-size:1rem;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:44px;min-width:44px;padding:var(--spacing-3) var(--spacing-4);border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-button)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn:focus{outline:2px solid transparent;outline-offset:2px}.btn-primary{background:var(--brand-gradient-purple);color:var(--color-white);border-color:var(--brand-purple-main);box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--brand-purple-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-primary:focus{box-shadow:var(--shadow-button-hover),0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 30%,transparent)}.btn-primary:active{background:var(--brand-purple-dark);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-secondary{background:var(--color-white);color:var(--brand-purple-main);border-color:var(--brand-purple-main);box-shadow:var(--shadow-button)}.btn-secondary:hover{background:var(--brand-purple-main);color:var(--color-white);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-secondary:focus{box-shadow:var(--shadow-button),0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 20%,transparent)}.btn-secondary:active{background:var(--brand-purple-dark);color:var(--color-white);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-ghost{background:transparent;color:var(--brand-purple-main);border-color:transparent;box-shadow:none}.btn-ghost:hover{background:color-mix(in srgb,var(--brand-purple-main) 10%,transparent);color:var(--brand-purple-dark)}.btn-ghost:focus{background:color-mix(in srgb,var(--brand-purple-main) 10%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-purple-main) 20%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--brand-purple-main) 15%,transparent);color:var(--brand-purple-dark)}.btn-orange{background:var(--brand-gradient-flame);color:var(--color-white);border-color:var(--brand-orange-main);box-shadow:var(--shadow-button)}.btn-orange:hover{background:var(--brand-orange-dark);box-shadow:var(--shadow-orange);transform:translateY(-1px)}.btn-orange:focus{box-shadow:var(--shadow-orange),0 0 0 3px color-mix(in srgb,var(--brand-orange-main) 30%,transparent)}.btn-orange:active{background:var(--brand-orange-dark);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-orange-secondary{background:var(--color-white);color:var(--brand-orange-main);border-color:var(--brand-orange-main);box-shadow:var(--shadow-button)}.btn-orange-secondary:hover{background:var(--brand-orange-main);color:var(--color-white);box-shadow:var(--shadow-orange);transform:translateY(-1px)}.btn-orange-secondary:focus{box-shadow:var(--shadow-button),0 0 0 3px color-mix(in srgb,var(--brand-orange-main) 20%,transparent)}.btn-orange-secondary:active{background:var(--brand-orange-dark);color:var(--color-white);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-xs{min-height:32px;min-width:32px;padding:var(--spacing-1-5) var(--spacing-2);font-size:.75rem}.btn-sm{min-height:36px;min-width:36px;padding:var(--spacing-2) var(--spacing-3);font-size:.875rem}.btn-lg{min-height:48px;min-width:48px;padding:var(--spacing-4) var(--spacing-6);font-size:1.125rem}.btn-xl{min-height:56px;min-width:56px;padding:var(--spacing-5) var(--spacing-8);font-size:1.25rem}.btn-rounded{border-radius:var(--radius-full)}.btn-square{border-radius:var(--radius-base);aspect-ratio:1;padding:var(--spacing-3)}.btn-circle{border-radius:var(--radius-full);aspect-ratio:1;padding:var(--spacing-3)}.btn-group{display:inline-flex;gap:0;align-items:stretch;box-shadow:none;border-radius:1.5rem;overflow:visible;background:transparent;padding:0}.ticker-controls .btn-group{width:100%}.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary,.ticker-controls .btn-orange,.ticker-controls .btn-ghost{border-radius:0;margin:0;border:none;flex:1;min-height:56px;font-size:1.0625rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:none;overflow:hidden;cursor:pointer}.ticker-controls .btn-primary:before,.ticker-controls .btn[style*=magenta]:before,.ticker-controls .btn-secondary:before,.ticker-controls .btn-orange:before,.ticker-controls .btn-ghost:before{--size: 0;content:"";position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none;z-index:0}.ticker-controls .btn-primary span,.ticker-controls .btn[style*=magenta] span,.ticker-controls .btn-secondary span,.ticker-controls .btn-orange span,.ticker-controls .btn-ghost span{position:relative;z-index:1}.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem;flex:0 0 55%;color:var(--color-white);z-index:2;box-shadow:0 6px 18px #4c1d9573,inset -2px 0 10px #ffffff1f;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#4c1d95 0%,var(--brand-purple-dark) 20%,var(--brand-magenta-main) 70%,var(--brand-magenta-light) 100%)}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .ticker-controls .btn-ghost:hover{transform:perspective(400px) scale(1.15) translateZ(20px);box-shadow:0 18px 44px #5028785c;z-index:10}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .ticker-controls .btn-primary{background:linear-gradient(135deg,#4c1d95 0%,var(--brand-purple-dark) 20%,var(--brand-magenta-main) 70%,var(--brand-magenta-light) 100%);box-shadow:0 10px 30px #4c1d957a}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .btn-magenta{background:linear-gradient(135deg,#a855c7 0%,var(--brand-magenta-main) 30%,#e879f9 70%,#f0abfc 100%);color:var(--color-white);border-color:var(--brand-magenta-main);box-shadow:var(--shadow-button)}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .btn-magenta:hover{background:linear-gradient(135deg,#c575e7 0%,var(--brand-magenta-main) 40%,#f0b3ff 100%);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .ticker-controls .btn-magenta{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem;flex:0 0 50%;z-index:2;position:relative}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .ticker-controls .btn-magenta:before{--size: 0;content:"";position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none;z-index:0;background:radial-gradient(circle closest-side,#f472b6,transparent)}:is(.ticker-controls .btn-primary,.ticker-controls .btn[style*=magenta],.ticker-controls .btn-secondary) .ticker-controls .btn-magenta:hover:before{--size: 500px}.ticker-controls .btn[style*=magenta]{background:linear-gradient(135deg,#a855c7 0%,var(--brand-magenta-main) 30%,#e879f9 70%,#f0abfc 100%);box-shadow:0 4px 12px #a855c766,inset -2px 0 8px #ffffff1a}.ticker-controls .btn-secondary{background:linear-gradient(135deg,#312e81 0%,#4c1d95 30%,var(--brand-purple-dark) 70%,var(--brand-purple-main) 100%);box-shadow:0 4px 12px #312e8166,inset -2px 0 8px #ffffff1a}.ticker-controls .btn-primary:before,.ticker-controls .btn[style*=magenta]:before,.ticker-controls .btn-secondary:before{background:radial-gradient(circle closest-side,#06b6d4,transparent)}.ticker-controls .btn-primary:hover:before,.ticker-controls .btn[style*=magenta]:hover:before,.ticker-controls .btn-secondary:hover:before{--size: 500px}.ticker-controls .btn-primary:hover,.ticker-controls .btn[style*=magenta]:hover,.ticker-controls .btn-secondary:hover{transform:perspective(400px) scale(1.15) translateZ(20px);box-shadow:0 16px 40px #7b47b466,0 0 60px #06b6d44d;z-index:10}.ticker-controls .btn-orange{flex:0 0 30%;background:linear-gradient(135deg,var(--brand-purple-dark) 0%,var(--brand-purple-main) 50%,var(--brand-magenta-main) 100%);color:var(--color-white);z-index:1;box-shadow:0 4px 12px #7b47b466}.ticker-controls .btn-orange:before{background:radial-gradient(circle closest-side,var(--brand-magenta-light),transparent)}.ticker-controls .btn-orange:hover:before{--size: 500px}.ticker-controls .btn-orange:hover{transform:perspective(400px) scale(1.15) translateZ(20px);box-shadow:0 16px 40px #7b47b480,0 0 60px #a855c74d;z-index:10}.ticker-controls .btn-ghost{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem;flex:0 0 15%;background:linear-gradient(135deg,#1e1e23b3,#5b2c8799 40%,#8b5cf680);color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9375rem;z-index:0;box-shadow:0 4px 12px #1e1e2366,inset 2px 0 8px #0000004d;border-left:1px solid rgba(0,0,0,.2)}.ticker-controls .btn-ghost:before{background:radial-gradient(circle closest-side,#ef4444,transparent)}.ticker-controls .btn-ghost:hover:before{--size: 400px}.ticker-controls .btn-ghost:hover{transform:perspective(400px) scale(1.15) translateZ(20px);background:linear-gradient(135deg,#28282dcc,#5b2c87b3 40%,#8b5cf699);box-shadow:0 16px 40px #1e1e2380,0 0 60px #ef444466;z-index:10}.btn-loading{pointer-events:none;position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite;color:inherit}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{padding:var(--spacing-2)}.btn-icon svg{width:20px;height:20px}.btn-full{width:100%}.btn-danger{background:var(--color-error);color:var(--color-white);border-color:var(--color-error);box-shadow:var(--shadow-button)}.btn-danger:hover{background:var(--color-error-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-danger:focus{box-shadow:var(--shadow-button-hover),0 0 0 3px color-mix(in srgb,var(--color-error) 30%,transparent)}.btn-danger:active{background:var(--color-error-darker);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-warning{background:linear-gradient(135deg,var(--color-warning-dark) 0%,var(--brand-amber) 50%,var(--brand-orange-light) 100%);color:var(--color-white);border-color:var(--brand-amber);box-shadow:var(--shadow-button)}.btn-warning:hover{background:var(--color-warning-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-warning:focus{box-shadow:var(--shadow-button-hover),0 0 0 3px color-mix(in srgb,var(--brand-amber) 30%,transparent)}.btn-warning:active{background:var(--brand-orange-dark);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-success{background:var(--color-success);color:var(--color-white);border-color:var(--color-success);box-shadow:var(--shadow-button)}.btn-success:hover{background:var(--color-success-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-success:focus{box-shadow:var(--shadow-button-hover),0 0 0 3px color-mix(in srgb,var(--color-success) 30%,transparent)}.btn-success:active{background:var(--color-success-darker);box-shadow:var(--shadow-xs);transform:translateY(0)}@media (max-width: 640px){.btn{min-height:44px;min-width:44px}.btn-xs{min-height:40px;min-width:40px}.btn-sm{min-height:42px;min-width:42px}}@media (prefers-color-scheme: dark){.btn-secondary{background:var(--color-gray-800);color:var(--brand-purple-light);border-color:var(--brand-purple-light)}.btn-secondary:hover{background:var(--brand-purple-light);color:var(--color-gray-900)}.btn-ghost{color:var(--brand-purple-light)}.btn-ghost:hover{background:color-mix(in srgb,var(--brand-purple-light) 20%,transparent);color:var(--brand-purple-light)}}.btn-selected{box-shadow:var(--shadow-button-hover);transform:scale(1.03);opacity:.95;transition:all .25s ease}.input{font-weight:400;font-size:1rem;line-height:1.5;display:block;width:100%;min-height:44px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);color:var(--color-gray-900);transition:var(--transition-colors);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::-moz-placeholder{color:var(--color-gray-400);opacity:1}.input::placeholder{color:var(--color-gray-400);opacity:1}.input:focus{border-color:var(--brand-purple-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 10%,transparent)}.input:hover:not(:focus):not(:disabled){border-color:var(--color-gray-400)}.input:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed;opacity:.6}.input:invalid:not(:focus){border-color:var(--color-error)}.input-search{padding-left:var(--spacing-10)}.input-search::-moz-placeholder{color:var(--color-gray-400)}.input-search::placeholder{color:var(--color-gray-400)}.input-time{font-variant-numeric:tabular-nums;letter-spacing:.025em}.input-date{font-variant-numeric:tabular-nums}.input-number{font-variant-numeric:tabular-nums;text-align:right}.textarea{font-weight:400;font-size:1rem;line-height:1.5;display:block;width:100%;min-height:88px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);color:var(--color-gray-900);transition:var(--transition-colors);outline:none;resize:vertical}.textarea::-moz-placeholder{color:var(--color-gray-400);opacity:1}.textarea::placeholder{color:var(--color-gray-400);opacity:1}.textarea:focus{border-color:var(--brand-purple-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 10%,transparent)}.textarea:hover:not(:focus):not(:disabled){border-color:var(--color-gray-400)}.textarea:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed;opacity:.6;resize:none}.select{font-weight:400;font-size:1rem;line-height:1.5;display:block;width:100%;min-height:44px;padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-input);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:16px 12px;color:var(--color-gray-900);transition:var(--transition-colors);outline:none;cursor:pointer}.select:focus{border-color:var(--brand-purple-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 10%,transparent)}.select:hover:not(:focus):not(:disabled){border-color:var(--color-gray-400)}.select:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed;opacity:.6}.input-sm,.textarea-sm,.select-sm{min-height:36px;padding:var(--spacing-2) var(--spacing-3);font-size:.875rem}.input-lg,.textarea-lg,.select-lg{min-height:48px;padding:var(--spacing-4) var(--spacing-5);font-size:1.125rem}.textarea-sm{min-height:72px}.textarea-lg{min-height:96px}.select-sm{padding-right:var(--spacing-8)}.select-lg{padding-right:var(--spacing-12)}.input-error,.textarea-error,.select-error{border-color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 5%,white)}:is(.input-error,.textarea-error,.select-error):focus{border-color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 8%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 10%,transparent)}.input-success,.textarea-success,.select-success{border-color:var(--color-success)}:is(.input-success,.textarea-success,.select-success):focus{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 10%,transparent)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-label{font-weight:500;font-size:.875rem;color:var(--color-gray-700);margin-bottom:var(--spacing-1)}.form-label-required:after{content:" *";color:var(--color-error)}.form-help{font-size:.75rem;color:var(--color-gray-500);margin-top:var(--spacing-1)}.form-error{font-size:.75rem;color:var(--color-error);margin-top:var(--spacing-1)}.form-success{font-size:.75rem;color:var(--color-success);margin-top:var(--spacing-1)}.input-group{display:flex;position:relative}.input-group .input{flex:1}.input-group .input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group .input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-with-icon{position:relative}.input-with-icon .input{padding-left:var(--spacing-10)}.input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-gray-400);pointer-events:none}.timer-input{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.05em;border:2px solid transparent;background:transparent;color:var(--brand-purple-main);min-height:64px;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors)}.timer-input:focus{border-color:var(--brand-purple-main);background-color:color-mix(in srgb,var(--brand-purple-main) 5%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 10%,transparent)}.timer-input::-moz-placeholder{color:var(--color-gray-400)}.timer-input::placeholder{color:var(--color-gray-400)}.duration-input{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.025em;min-width:120px}.task-input{font-weight:500;border-width:2px}.task-input:focus{border-color:var(--brand-purple-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-main) 15%,transparent)}.task-input::-moz-placeholder{color:var(--color-gray-400);font-weight:400}.task-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width: 640px){.input,.textarea,.select{min-height:44px}.input-sm,.textarea-sm,.select-sm{min-height:40px}.timer-input{font-size:1.75rem;min-height:56px}}@media (prefers-color-scheme: dark){.input,.textarea,.select{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-100)}:is(.input,.textarea,.select)::-moz-placeholder{color:var(--color-gray-400)}:is(.input,.textarea,.select)::placeholder{color:var(--color-gray-400)}:is(.input,.textarea,.select):focus{border-color:var(--brand-purple-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-light) 15%,transparent)}:is(.input,.textarea,.select):disabled{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-400)}.form-label{color:var(--color-gray-200)}.form-help{color:var(--color-gray-400)}.timer-input{color:var(--brand-purple-light)}.timer-input:focus{border-color:var(--brand-purple-light);background-color:color-mix(in srgb,var(--brand-purple-light) 8%,transparent)}.input-icon{color:var(--color-gray-400)}}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--brand-purple-light);box-shadow:var(--shadow-lg)}.card-interactive:focus{outline:2px solid var(--brand-purple-main);outline-offset:2px}.card-flat{box-shadow:none;border:1px solid var(--color-gray-200)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-outlined{background-color:transparent;border:2px solid var(--color-gray-200);box-shadow:none}.card-ghost{background-color:transparent;border:1px solid transparent;box-shadow:none}.card-ghost:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.card-sm{padding:var(--spacing-3);border-radius:var(--radius-md)}.card-lg{padding:var(--spacing-6);border-radius:var(--radius-xl)}.card-xl{padding:var(--spacing-8);border-radius:var(--radius-2xl)}.timer-card{background:linear-gradient(135deg,var(--brand-purple-light),var(--brand-purple-main));color:var(--color-white);border:none;text-align:center;padding:var(--spacing-6);position:relative;overflow:hidden}.timer-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);pointer-events:none}.timer-card-active{background:var(--brand-gradient);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--brand-purple-main) 30%,transparent)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--brand-purple-main) 60%,transparent)}}.timer-card-paused{background:linear-gradient(135deg,var(--color-gray-400),var(--color-gray-500));color:var(--color-white)}.timer-card-completed{background:linear-gradient(135deg,var(--brand-orange-light),var(--brand-orange-main));color:var(--color-white)}.timer-display{font-size:3rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;margin:var(--spacing-2) 0}.timer-label{font-size:.875rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.timer-progress{height:4px;background-color:color-mix(in srgb,var(--color-white) 20%,transparent);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-4)}.timer-progress-bar{height:100%;background-color:var(--color-white);border-radius:var(--radius-full);transition:width .3s ease}.session-icon{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--brand-purple-main);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;flex-shrink:0}.session-icon-completed{background-color:var(--brand-orange-main)}.session-content{flex:1;min-width:0}.session-title{font-weight:600;color:var(--brand-text-dark);margin-bottom:var(--spacing-1)}.session-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;color:var(--color-gray-500)}.session-duration{font-variant-numeric:tabular-nums;font-weight:500}.session-status{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.session-status-active{background-color:var(--brand-purple-100);color:var(--brand-purple-dark)}.session-status-completed{background-color:var(--brand-orange-100);color:var(--brand-orange-dark)}.session-status-paused{background-color:var(--color-gray-100);color:var(--color-gray-600)}.widget-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-100)}.widget-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em}.widget-value{font-size:2.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand-purple-main);line-height:1.1;margin-bottom:var(--spacing-1)}.widget-label{font-size:.875rem;color:var(--color-gray-500)}.widget-trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;font-weight:500;margin-top:var(--spacing-2)}.widget-trend-up{color:var(--color-success)}.widget-trend-down{color:var(--color-error)}.widget-trend-neutral{color:var(--color-gray-500)}.modal-card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:0;max-width:90vw;max-height:90vh;overflow:hidden}.modal-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:1.5rem;font-weight:600;color:var(--brand-text-dark);margin:0}.modal-body{padding:var(--spacing-6);overflow-y:auto}.modal-footer{padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end}.info-panel{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.info-panel-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.info-panel-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.info-panel-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.info-panel-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}@media (max-width: 640px){.card{padding:var(--spacing-3);border-radius:var(--radius-md)}.card-lg{padding:var(--spacing-4)}.card-xl{padding:var(--spacing-6)}.timer-card{padding:var(--spacing-4)}.timer-display{font-size:2.5rem}.session-card{padding:var(--spacing-3);gap:var(--spacing-3)}.session-icon{width:36px;height:36px}.widget-card{padding:var(--spacing-3)}.widget-value{font-size:1.875rem}.modal-card{border-radius:var(--radius-lg);max-width:95vw}.modal-header,.modal-body{padding:var(--spacing-4)}.modal-footer{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4);flex-direction:column}}@media (prefers-color-scheme: dark){.card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.card-ghost:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-600)}.session-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.session-card:hover{background-color:var(--color-gray-700);border-color:var(--brand-purple-light)}.session-card-active{background-color:var(--brand-purple-900)}.session-card-completed{background-color:var(--brand-orange-900)}.session-title{color:var(--color-white)}.widget-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.widget-header{border-bottom-color:var(--color-gray-600)}.widget-title{color:var(--color-gray-200)}.widget-value{color:var(--brand-purple-light)}.modal-card{background-color:var(--color-gray-800)}.modal-header,.modal-footer{border-color:var(--color-gray-700)}.modal-title{color:var(--color-white)}.info-panel{background-color:var(--color-gray-700);border-color:var(--color-gray-600)}}.spinner{width:20px;height:20px;border:2px solid var(--color-gray-200);border-top:2px solid var(--brand-purple-main);border-radius:var(--radius-full);animation:spin 1s linear infinite}.spinner-sm{width:16px;height:16px;border-width:1.5px}.spinner-lg{width:24px;height:24px;border-width:2.5px}.spinner-xl{width:32px;height:32px;border-width:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-orange{border-top-color:var(--brand-orange-main)}.spinner-white{border-color:#ffffff4d;border-top-color:var(--color-white)}.loader-dots{display:inline-flex;gap:var(--spacing-1);align-items:center}.loader-dot{width:6px;height:6px;background-color:var(--brand-purple-main);border-radius:var(--radius-full);animation:pulse-dot 1.4s ease-in-out infinite both}.loader-dot:nth-child(1){animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}.loader-dot:nth-child(3){animation-delay:0s}@keyframes pulse-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-4);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-text{font-size:.875rem;color:var(--color-gray-600);font-weight:500}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--spacing-2)}.skeleton-text-sm{height:.875rem}.skeleton-text-lg{height:1.25rem}.skeleton-heading{height:1.5rem;width:60%;margin-bottom:var(--spacing-3)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.toast-container{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-2);max-width:400px}.toast{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3);transform:translate(100%);animation:toast-slide-in .3s ease-out forwards}.toast-success{border-color:var(--color-success);background-color:var(--color-success-light)}.toast-error{border-color:var(--color-error);background-color:var(--color-error-light)}.toast-warning{border-color:var(--color-warning);background-color:var(--color-warning-light)}.toast-info{border-color:var(--color-info);background-color:var(--color-info-light)}@keyframes toast-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.toast-icon{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;margin-top:2px}.toast-success .toast-icon{background-color:var(--color-success);color:var(--color-white)}.toast-error .toast-icon{background-color:var(--color-error);color:var(--color-white)}.toast-warning .toast-icon{background-color:var(--color-warning);color:var(--color-white)}.toast-info .toast-icon{background-color:var(--color-info);color:var(--color-white)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;color:var(--brand-text-dark);margin-bottom:var(--spacing-1);font-size:.875rem}.toast-message{font-size:.875rem;color:var(--color-gray-600);line-height:1.4}.toast-close{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:var(--transition-colors);flex-shrink:0}.toast-close:hover{color:var(--color-gray-600);background-color:var(--color-gray-100)}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid;display:flex;align-items:flex-start;gap:var(--spacing-3);margin:var(--spacing-4) 0}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.alert-icon{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;margin-top:2px}.alert-success .alert-icon{background-color:var(--color-success);color:var(--color-white)}.alert-error .alert-icon{background-color:var(--color-error);color:var(--color-white)}.alert-warning .alert-icon{background-color:var(--color-warning);color:var(--color-white)}.alert-info .alert-icon{background-color:var(--color-info);color:var(--color-white)}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:var(--spacing-1);font-size:.875rem}.alert-message{font-size:.875rem;line-height:1.4}.progress{width:100%;height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-sm{height:4px}.progress-lg{height:12px}.progress-xl{height:16px}.progress-bar{height:100%;background-color:var(--brand-purple-main);border-radius:var(--radius-full);transition:width .3s ease;position:relative}.progress-bar-orange{background-color:var(--brand-orange-main)}.progress-bar-success{background-color:var(--color-success)}.progress-bar-animated{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-circle{width:60px;height:60px;position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle-sm{width:40px;height:40px}.progress-circle-lg{width:80px;height:80px}.progress-circle svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--color-gray-200);stroke-width:4}.progress-circle-bar{fill:none;stroke:var(--brand-purple-main);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .3s ease}.progress-circle-text{font-size:.75rem;font-weight:600;color:var(--brand-text-dark);z-index:1}.empty-state{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--color-gray-500)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-gray-300)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.empty-state-message{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--spacing-4);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block;margin-right:var(--spacing-2)}.status-dot-success{background-color:var(--color-success)}.status-dot-error{background-color:var(--color-error)}.status-dot-warning{background-color:var(--color-warning)}.status-dot-info{background-color:var(--color-info)}.status-dot-active{background-color:var(--brand-purple-main);animation:pulse-dot 2s ease-in-out infinite}.status-pulse{position:relative}.status-pulse:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-full);background-color:currentColor;opacity:.3;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:.3}to{transform:scale(.8);opacity:.7}}@media (max-width: 640px){.toast-container{top:var(--spacing-2);right:var(--spacing-2);left:var(--spacing-2);max-width:none}.toast{padding:var(--spacing-3)}.alert{padding:var(--spacing-3);margin:var(--spacing-3) 0}.empty-state{padding:var(--spacing-6) var(--spacing-3)}.empty-state-icon{width:40px;height:40px}}@media (prefers-color-scheme: dark){.spinner{border-color:var(--color-gray-600);border-top-color:var(--brand-purple-light)}.loading-overlay{background-color:#000c}.loading-text{color:var(--color-gray-300)}.skeleton{background:linear-gradient(90deg,var(--color-gray-700) 25%,var(--color-gray-600) 50%,var(--color-gray-700) 75%);background-size:200% 100%}.toast{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.toast-title{color:var(--color-white)}.toast-message{color:var(--color-gray-300)}.toast-close{color:var(--color-gray-400)}.toast-close:hover{color:var(--color-gray-200);background-color:var(--color-gray-700)}.progress{background-color:var(--color-gray-700)}.progress-circle-bg{stroke:var(--color-gray-700)}.progress-circle-bar{stroke:var(--brand-purple-light)}.progress-circle-text{color:var(--color-white)}.empty-state-icon{color:var(--color-gray-600)}.empty-state-title{color:var(--color-gray-200)}.empty-state-message{color:var(--color-gray-400)}}@font-face{font-family:Digital-7;src:url(/fonts/digital-7-mono-italic.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.app-layout{display:grid;grid-template-rows:auto 1fr;grid-template-areas:"topbar" "main";height:100vh;overflow:hidden}.topbar{position:sticky;top:0;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:linear-gradient(to right,#0f172af5,#1e293bf0,#0f172af5),radial-gradient(ellipse at center,rgba(123,71,180,.12) 0%,transparent 70%);border-bottom:1px solid rgba(155,103,212,.3);grid-area:topbar;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 28px;isolation:isolate;z-index:100;box-shadow:0 2px 16px color-mix(in srgb,var(--brand-purple-600) 15%,transparent),0 1px color-mix(in srgb,var(--brand-purple-500) 10%,transparent)}.topbar-left{display:flex;flex-direction:column;justify-content:center}.brand-row{display:flex;align-items:center;gap:var(--spacing-2)}.topbar-brand{font-size:clamp(2.5rem,5vw,3rem);font-weight:700;background:linear-gradient(135deg,var(--brand-orange-dark) 100%,var(--brand-orange-light) 50%,var(--brand-orange-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 12px color-mix(in srgb,var(--brand-orange-600) 30%,transparent)}.topbar-subtitle{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;color:#fffffff2;margin:.2em 0 0;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.3)}.topbar-qotd{display:flex;align-items:center;flex:1;justify-content:flex-end}.topbar-auth{display:flex;align-items:center;margin-left:var(--spacing-4)}.app-qotd{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;padding:0;box-shadow:none;text-align:left}.app-qotd .qotd-quote{color:var(--color-white);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:500;display:block;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.2)}.app-qotd .qotd-author{background:linear-gradient(90deg,var(--brand-orange-main) 0%,var(--brand-orange-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(.875rem,2vw,.95rem);font-style:italic;font-weight:600;display:block;margin-top:.25em;text-shadow:0 1px 4px rgba(255,122,0,.2)}.topbar-right{display:flex;gap:var(--spacing-3);align-items:center}.app-layout-main{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"sidebar content";overflow:hidden}.sidebar{grid-area:sidebar;background:linear-gradient(180deg,#0f172af2,#1e293beb),radial-gradient(ellipse at top,rgba(123,71,180,.15) 0%,transparent 70%);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border-right:1px solid rgba(155,103,212,.35);padding:var(--spacing-2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;isolation:isolate;box-shadow:inset -1px 0 color-mix(in srgb,var(--brand-purple-500) 20%,transparent),6px 0 32px -4px color-mix(in srgb,var(--brand-purple-600) 30%,transparent),3px 0 16px -2px color-mix(in srgb,var(--pacific-cyan) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--brand-purple-500) 15%,transparent)}.sidebar-toggle{align-self:flex-end;margin-bottom:var(--spacing-2);padding:var(--spacing-2);background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(72,202,228,.2);border-radius:var(--radius-lg);cursor:pointer;font-size:1.2rem;line-height:1;color:#ffffffd9;transition:all .22s cubic-bezier(.4,0,.2,1);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003,0 0 0 1px color-mix(in srgb,var(--pacific-cyan) 10%,transparent),inset 0 1px #fff3}.sidebar-toggle:hover{background:#48cae426;color:#fffffffa;border-color:#48cae466;box-shadow:0 4px 12px color-mix(in srgb,var(--pacific-cyan) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--pacific-cyan) 30%,transparent),inset 0 1px #ffffff4d;transform:scale(1.05)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-lg);text-decoration:none;color:#cbd5e1e6;font-weight:500;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;isolation:isolate;border-left:3px solid transparent;padding-left:calc(var(--spacing-2) - 3px)}.sidebar-item:hover{background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fffffffa;border-left-color:#48cae466;transform:translate(4px) translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--pacific-cyan) 20%,transparent),0 0 0 1px color-mix(in srgb,var(--pacific-cyan) 15%,transparent),inset 0 1px #ffffff26}.sidebar-item.active{background:#00b4d82e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fffffffa;font-weight:600;border-left-color:var(--pacific-cyan);box-shadow:0 4px 12px color-mix(in srgb,var(--pacific-cyan) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--pacific-cyan) 40%,transparent),inset 0 1px #ffffff40,inset 3px 0 color-mix(in srgb,var(--pacific-cyan) 30%,transparent)}.sidebar-item:hover .sidebar-icon{color:var(--vivid-sky-blue);transform:scale(1.08);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--pacific-cyan) 40%,transparent))}.sidebar-icon{font-size:1.25rem;flex-shrink:0;color:#90e0efbf;transition:all .22s cubic-bezier(.4,0,.2,1)}.sidebar-item.active .sidebar-icon{color:var(--vivid-sky-blue);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pacific-cyan) 60%,transparent))}.sidebar-label{white-space:nowrap}[data-motion=off] .sidebar-item:hover{transform:none}[data-motion=off] .sidebar-item:hover .sidebar-icon{transform:none;filter:none}@media (prefers-reduced-motion: reduce){.sidebar-item,.sidebar-icon,.sidebar-toggle{transition:opacity .15s ease!important}.sidebar-item:hover,.sidebar-item:hover .sidebar-icon{transform:none!important}}.app-content{grid-area:content;overflow-y:auto;padding:var(--spacing-4);background:transparent;display:flex;justify-content:center}.page-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-4)}.page-content-inner{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--page-gutter);box-sizing:border-box;width:100%}.manual-page,.sessions-page{width:100%}.manual-page h2,.sessions-page h2{margin-bottom:var(--spacing-4);color:var(--brand-purple-dark)}.manual-page .form-group{margin-bottom:var(--spacing-3)}.manual-page .form-group label{display:block;margin-bottom:var(--spacing-1);font-weight:600;color:var(--color-gray-700)}.manual-page .form-group input,.manual-page .form-group textarea{width:100%;padding:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-colors)}.manual-page .form-group input:focus,.manual-page .form-group textarea:focus{outline:none;border-color:var(--brand-purple-main);box-shadow:0 0 0 3px var(--brand-purple-100)}.manual-page .button-row{display:flex;gap:var(--spacing-2);justify-content:flex-end;margin-top:var(--spacing-4)}.manual-page .validation-error{padding:var(--spacing-2);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-md);color:var(--color-red-700);margin-top:var(--spacing-2)}@media (max-width: 768px){.page-container{padding:var(--spacing-3)}.app-content{padding:var(--spacing-2)}.manual-page .button-row{flex-direction:column}.manual-page .button-row button{width:100%}}@media (max-width: 480px){.page-container{padding:var(--spacing-2)}.app-content{padding:var(--spacing-1)}.manual-page h2,.sessions-page h2{font-size:1.5rem}}.home-layout{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.home-row-1{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);width:100%}.home-row-1.home-row-1--realtime.single-column{backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:linear-gradient(to right,#0f172af5,#1e293bf0,#0f172af5),radial-gradient(ellipse at center,rgba(123,71,180,.12) 0%,transparent 70%);border:2px solid rgba(255,122,0,.3);border-radius:var(--radius-2xl);box-shadow:0 2px 16px color-mix(in srgb,var(--brand-orange-main) 15%,transparent),0 1px color-mix(in srgb,var(--brand-orange-main) 10%,transparent);padding:var(--spacing-4)}.home-row-1.single-column{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-6);align-items:center;justify-items:center}.home-row-1.single-column>.pomodoro-panel{width:100%}.home-row-1.single-column>.progress-ring-wrapper{grid-column:1 / 3;grid-row:1 / 3;justify-self:center;align-self:center;z-index:1}.home-row-1.single-column>.work-position{grid-column:1 / 2;grid-row:2 / 3;justify-self:start;align-self:end;z-index:2}.home-row-1.single-column>.break-position{grid-column:1 / 2;grid-row:2 / 3;justify-self:start;align-self:end;z-index:2;margin-left:90px}.home-row-1.single-column>.pomodoro-bottom-right-controls{grid-column:2 / 3;grid-row:2 / 3;justify-self:end;align-self:end;z-index:2}.home-row-1.single-column>.ring-view-controls{grid-column:2 / 3;grid-row:2 / 3;justify-self:end;align-self:end;z-index:2}.home-row-1.ticker{display:block}.home-row-1.ticker>.home-timer-display,.home-row-1.ticker>.home-timer-display.ticker-card,.home-row-1.ticker>.home-timer-display .ticker-card{width:100%;box-sizing:border-box;grid-column:1 / -1;min-height:180px}.home-row-1.ticker .ticker-card{display:flex!important;align-items:center;justify-content:center;grid-template-columns:none!important;grid-template-rows:none!important;gap:0!important;padding:var(--spacing-4) var(--spacing-6);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:2px solid rgba(103,232,249,.4);background:linear-gradient(to right,#0f172af5,#1e293bf0,#0f172af5),radial-gradient(ellipse at center,rgba(123,71,180,.12) 0%,transparent 70%);border:1px solid rgba(155,103,212,.3);box-shadow:0 2px 16px color-mix(in srgb,var(--brand-purple-600) 15%,transparent),0 1px color-mix(in srgb,var(--brand-purple-500) 10%,transparent)}.home-row-1.ticker .ticker-display-area,.home-row-1.ticker .ticker-controls,.home-row-1.ticker .ticker-hint{display:block;width:100%}.home-row-1.ticker .ticker-hint{display:none}.home-row-1.ticker .ticker-display{display:inline-flex;align-items:center;justify-content:center;gap:.02em;font-family:Digital-7,Courier New,monospace;font-weight:400;letter-spacing:0;font-size:4rem}.home-row-1.ticker .odometer-digit{--digit-step: 4rem;width:2.4rem;height:4rem;position:relative;display:inline-block;overflow:hidden;vertical-align:middle;background:none;box-shadow:none;border-radius:0}.home-row-1.ticker .odometer-digit .reel{display:flex;flex-direction:column;align-items:center;transform:translateY(calc(var(--digit) * -1 * var(--digit-step)));transition:transform .24s cubic-bezier(.4,0,.2,1);will-change:transform}.home-row-1.ticker .odometer-digit .reel>span{display:flex;align-items:center;justify-content:center;width:100%;line-height:4rem;height:4rem;font-weight:400;font-size:3rem;font-family:Digital-7,Courier New,monospace;background:var(--brand-gradient-flame)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 0 8px rgba(255,122,0,.5),0 0 15px rgba(255,122,0,.3)}.home-row-1.ticker .ticker-display .colon{opacity:.95;font-weight:400;font-size:3.3rem;line-height:1;margin:0 .02em;font-family:Digital-7,Courier New,monospace;color:#ff7a00f2;text-shadow:0 0 8px rgba(255,122,0,.5),0 0 15px rgba(255,122,0,.3);background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:currentColor!important;background-clip:unset!important}.ticker-view-controls{position:absolute;bottom:var(--spacing-3);right:var(--spacing-3);display:flex;gap:var(--spacing-2);z-index:10}.ticker-view-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#0f172ab3;border:1px solid rgba(255,122,0,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ticker-view-btn:hover{background:#ff7a0026;border-color:#ff7a0080;transform:scale(1.05)}.ticker-view-icon{width:18px;height:18px;color:#ff7a00cc;transition:color .2s ease}.ticker-view-btn:hover .ticker-view-icon{color:#ff7a00}.home-row-1.ticker .ticker-card.wide-screen{min-height:240px;font-size:1.2em}.home-row-1.ticker .ticker-card:fullscreen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to right,#0f172afa,#1e293bf5,#0f172afa),radial-gradient(ellipse at center,rgba(123,71,180,.15) 0%,transparent 70%)}.home-row-1.ticker .ticker-card:fullscreen .ticker-display{font-size:clamp(6rem,10vw,12rem)}.home-row-1.ticker .ticker-card:fullscreen .odometer-digit{--digit-step: clamp(6rem, 10vw, 12rem);width:clamp(3.6rem,6vw,7.2rem);height:clamp(6rem,10vw,12rem)}.home-row-1.ticker .ticker-card:fullscreen .odometer-digit .reel>span{line-height:clamp(6rem,10vw,12rem);height:clamp(6rem,10vw,12rem);font-size:clamp(4.5rem,7.5vw,9rem)}.home-row-1.ticker .ticker-card:fullscreen .ticker-view-controls{bottom:var(--spacing-6);right:var(--spacing-6)}.home-row-1.ticker .ticker-card:fullscreen .ticker-view-btn{width:48px;height:48px}.home-row-1.ticker .ticker-card:fullscreen .ticker-view-icon{width:24px;height:24px}.home-row-1--realtime{position:relative}.home-row-1__col{width:100%}.home-row-1__col--left{grid-column:1 / 2}.home-row-1__col--right{grid-column:2 / 3}.home-row-1__full{grid-column:1 / -1;width:100%;min-height:320px}.home-row-1 .home-timer-display{grid-column:1 / -1;height:100%;min-height:360px;padding:0;border-radius:var(--radius-2xl);background:linear-gradient(180deg,#f7f7f7,#e6e6e6);box-shadow:var(--shadow-card);border:1px solid var(--color-gray-200)}.home-row-1 .home-timer-display .ticker-display{font-size:4rem;color:var(--color-gray-900)}.home-row-1 .home-timer-display .odometer-digit{--digit-step: 4rem;background:none;box-shadow:none;border-radius:0}.home-row-1 .home-timer-display .ticker-display .odometer-digit:last-of-type{background:none}.home-row-1 .home-timer-display .odometer-digit .reel{transition:transform .24s cubic-bezier(.4,0,.2,1)}.home-row-1 .home-timer-display .colon{color:var(--color-gray-700);text-shadow:none}.home-row-1 .pomodoro-placeholder{background:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;align-items:center;justify-content:center;min-height:200px}.home-row-1 .pomodoro-placeholder.full-width{grid-column:1 / -1}.home-row-1 .placeholder-content{text-align:center;color:var(--color-gray-600)}.home-row-1 .placeholder-content h3{font-size:1.5rem;margin-bottom:var(--spacing-2);color:var(--brand-purple-main)}.home-row-1 .placeholder-content p{margin:0;font-size:1rem}.session-summary{background:linear-gradient(135deg,var(--brand-purple-50) 0%,var(--color-white) 100%);border:1px solid var(--brand-purple-200);border-radius:var(--radius-xl);padding:var(--spacing-5)}.session-summary-title{font-size:1.25rem;font-weight:600;color:var(--brand-purple-dark);margin-bottom:var(--spacing-3);border-bottom:1px solid var(--brand-purple-200);padding-bottom:var(--spacing-2)}.session-summary-grid{display:flex;flex-direction:column;gap:var(--spacing-2)}.session-summary-grid .row{display:grid;grid-template-columns:5rem 1fr;gap:var(--spacing-3);align-items:baseline}.session-summary-grid .label{font-weight:600;color:var(--color-gray-600);font-size:.875rem}.session-summary-grid .value{color:var(--color-gray-900);font-size:.95rem;word-break:break-word}.home-row-2{width:100%}.input-panel-form{display:contents}.home-row-2 .collapsible-section{background:var(--gradient-home-qotd-base);border:1px solid rgba(123,71,180,.06);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-glass);transition:var(--transition-card-hover)}.collapsible-section .input-panel-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);align-items:start}.collapsible-section .input-panel-grid>[data-testid^=tag-picker-col]{min-width:0;z-index:10}.collapsible-section .input-panel-grid>[data-testid^=project-col]{min-width:0;z-index:1}.collapsible-section .input-row{margin-bottom:var(--spacing-3)}.collapsible-section .input-row.input-panel-grid{margin-bottom:var(--spacing-1)}.collapsible-section .input-row:last-of-type{margin-bottom:0}.collapsible-section .input-row-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.collapsible-section .form-group{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2);align-items:stretch}.collapsible-section .form-group label{display:inline-flex;align-items:center;justify-content:center;height:42px;width:80px;padding:0 var(--spacing-3);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--marian-blue) 0%,var(--honolulu-blue) 100%);border:1px solid color-mix(in srgb,var(--marian-blue) 75%,transparent);font-weight:700;color:var(--color-white);letter-spacing:.01em;font-size:.875rem;white-space:nowrap;box-shadow:0 2px 6px #03045e26;transition:var(--transition-shadow),var(--transition-colors),var(--transition-transform)}.collapsible-section .form-group:focus-within label{background:linear-gradient(135deg,var(--honolulu-blue) 0%,var(--vivid-sky-blue) 100%);color:var(--color-white);box-shadow:0 3px 10px #0077b640}.collapsible-section .form-group input,.collapsible-section .form-group textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-colors),var(--transition-shadow),var(--transition-transform);background:var(--color-white);box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;font-family:inherit}.collapsible-section .form-group input{height:42px}.collapsible-section .form-group textarea{min-height:42px}.collapsible-section .form-group select.tag-select{height:42px;padding:0 var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-gray-300);background:var(--color-white);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-flex;align-items:center}.collapsible-section .form-group select.tag-select option[data-kind=Official]{color:var(--brand-indigo-main, #4338ca)}.collapsible-section .form-group select.tag-select option[data-kind=Personal]{color:var(--brand-green-main, #059669)}.collapsible-section .form-group select.tag-select option[data-kind=Others]{color:var(--color-gray-600)}.collapsible-section .form-group input::-moz-placeholder{color:var(--color-gray-400);opacity:.8}.collapsible-section .form-group input::placeholder{color:var(--color-gray-400);opacity:.8}.collapsible-section .form-group input[placeholder=mandatory]::-moz-placeholder{color:#ef4444;font-style:italic;opacity:.6}.collapsible-section .form-group input[placeholder=mandatory]::placeholder{color:#ef4444;font-style:italic;opacity:.6}.collapsible-section .form-group input.mandatory-input::-moz-placeholder{color:var(--color-error)!important;font-style:italic;opacity:.9}.collapsible-section .form-group input.mandatory-input::placeholder{color:var(--color-error)!important;font-style:italic;opacity:.9}.collapsible-section .form-group textarea{resize:vertical;min-height:42px;line-height:1.5}.collapsible-section .form-group textarea::-moz-placeholder{color:var(--color-gray-400);opacity:.8}.collapsible-section .form-group textarea::placeholder{color:var(--color-gray-400);opacity:.8}.collapsible-section .form-group input:focus,.collapsible-section .form-group textarea:focus{outline:none;border-color:var(--tw-cyan-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--tw-cyan-500) 25%,transparent),0 4px 12px #00000026;background:var(--color-white);transform:translateY(-1px)}.collapsible-section .form-group input.input-error,.collapsible-section .form-group textarea.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433,0 2px 8px #0000001a}.collapsible-section .form-group input:disabled,.collapsible-section .form-group textarea:disabled{background:var(--color-gray-100);color:var(--color-gray-600);cursor:not-allowed;box-shadow:0 1px 3px #0000000d}.others-nudge-hint{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fffbeb;border:1px solid #fbbf24;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:.875rem;color:var(--color-gray-700);animation:slideDown .3s ease-out}.others-nudge-text{flex:1;line-height:1.5}.others-nudge-dismiss{flex-shrink:0;width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--color-gray-600);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.others-nudge-dismiss:hover{background:#0000000d;color:var(--color-gray-800)}.others-nudge-dismiss:focus{outline:2px solid var(--brand-purple-main);outline-offset:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.input-panel .validation-error{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-md);color:var(--color-red-700);font-size:.875rem}.home-row-3{display:flex;gap:var(--spacing-3);align-items:stretch;width:100%}.controls-grid{display:flex;gap:var(--spacing-3);flex:85}.controls-grid .control.start{flex:45}.controls-grid .control.complete{flex:25}.controls-grid .control.reset{flex:15}.controls-grid .control.import{flex:1}.controls-grid:has(.control.import) .control.start{flex:2}.controls-grid:has(.control.import) .control.reset{flex:1}.controls-grid .control button{width:100%!important;min-width:100%;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 var(--spacing-2);font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;position:relative;overflow:hidden;color:var(--color-white);flex-shrink:0;flex-grow:1!important;flex-basis:auto!important}.controls-grid .control.start .btn-primary{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 4px 12px #fb923c66}.controls-grid .control.start .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:scale(1.05);box-shadow:0 6px 16px #ea580c80}.controls-grid .control.start .btn-primary:disabled{background:linear-gradient(135deg,#fed7aa,#fdba74);opacity:.6;cursor:not-allowed;box-shadow:none}.controls-grid .control.start .btn-secondary{background:linear-gradient(135deg,var(--brand-purple-main),var(--brand-purple-dark));box-shadow:0 4px 12px #7b47b466}.controls-grid .control.start .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-purple-dark),#4c1d95);transform:scale(1.05);box-shadow:0 6px 16px #7b47b480}.controls-grid .control.start .btn-magenta{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}.controls-grid .control.start .btn-magenta:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.05);box-shadow:0 6px 16px #d9770680}.controls-grid .control.complete .btn-orange{background:linear-gradient(135deg,var(--brand-purple-main),var(--brand-magenta-main));box-shadow:0 4px 12px #7b47b466}.controls-grid .control.complete .btn-orange:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-magenta-main),var(--brand-magenta-dark));transform:scale(1.05);box-shadow:0 6px 16px #a855c780}.controls-grid .control.complete .btn-orange:disabled{background:linear-gradient(135deg,#c4b5fd,#a78bfa);opacity:.6;cursor:not-allowed;box-shadow:none}.controls-grid .control.reset .btn-ghost{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d;color:var(--color-white)}.controls-grid .control.reset .btn-ghost:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:scale(1.05);box-shadow:0 6px 16px #4b556366}.controls-grid .control.reset .btn-ghost:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);opacity:.6;cursor:not-allowed;box-shadow:none}.controls-grid .control.import .btn-import{background:linear-gradient(135deg,var(--marian-blue) 0%,var(--honolulu-blue) 100%);box-shadow:0 2px 6px #03045e26;color:var(--color-white);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid color-mix(in srgb,var(--marian-blue) 75%,transparent)}.controls-grid .control.import .btn-import:hover:not(:disabled){background:linear-gradient(135deg,var(--honolulu-blue) 0%,var(--vivid-sky-blue) 100%);transform:scale(1.05);box-shadow:0 3px 10px #0077b640;border-color:var(--honolulu-blue)}.controls-grid .control.import .btn-import:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);opacity:.6;cursor:not-allowed;box-shadow:none;border-color:#94a3b8}.home-timer-display{flex:15;height:42px;min-height:42px;padding:0 var(--spacing-2);display:flex;align-items:center;justify-content:center;background:#0f1012;border-radius:var(--radius-md);box-shadow:inset 0 2px 6px #0009,0 4px 14px #00000040;border:1px solid rgba(255,255,255,.06)}.home-timer-display .ticker-display{font-size:1.25rem;line-height:1;display:flex;align-items:center;gap:.2em;color:#efe8df}.home-timer-display .odometer-digit{--digit-step: 1.25rem;width:.82em;height:var(--digit-step);position:relative;display:inline-block;overflow:hidden;border-radius:.25em;background:linear-gradient(180deg,#ffffff14,#0003),radial-gradient(120% 120% at 50% 0%,rgba(255,255,255,.08),transparent 60%);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 6px #0000008c,0 2px 4px #00000040;margin:0 .12em}.home-timer-display .ticker-display .odometer-digit:last-of-type{background:linear-gradient(180deg,#ffffff2e,#0003),radial-gradient(120% 120% at 50% 0%,rgba(255,255,255,.18),transparent 60%)}.home-timer-display .odometer-digit .reel{display:inline-flex;flex-direction:column;transform:translateY(calc(var(--digit) * -1 * var(--digit-step)));transition:transform .24s cubic-bezier(.4,0,.2,1)}.home-timer-display .odometer-digit.bump{animation:ticker-bump .18s ease}@keyframes ticker-bump{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.home-timer-display .odometer-digit .reel>span{display:block;line-height:var(--digit-step);height:var(--digit-step);font-weight:700;text-align:center;color:#efe8df}.home-timer-display .colon{color:#efe8df;opacity:.75;font-weight:700;margin:0 .2em;text-shadow:0 1px 0 rgba(0,0,0,.6)}@media (max-width: 768px){.home-row-1{grid-template-columns:1fr}.home-row-1 .pomodoro-placeholder.full-width{grid-column:1}.home-row-3{flex-direction:column}.controls-grid{flex-direction:column;flex:1}.controls-grid .control.start,.controls-grid .control.complete,.controls-grid .control.reset{flex:1}.home-timer-display{flex:1;height:42px;min-height:42px}.input-panel .input-row-split{grid-template-columns:1fr}.input-panel .input-panel-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.input-panel .pomodoro-toggle-container{justify-self:start}}.alert-container{width:100%;margin-top:var(--spacing-4);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-container.fade-out{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-sm)}.alert-icon{font-size:1.25rem;line-height:1;margin-right:var(--spacing-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.alert-heading-row{display:flex;align-items:center;gap:var(--spacing-2)}.alert-label{background:#ffffffbf;color:#1a0a2e;border-radius:999px;padding:.15rem .6rem;font-size:.85rem;font-weight:700}.alert-heading{font-weight:600;font-size:1rem;margin:0}.alert-details{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.875rem;margin-top:var(--spacing-1)}.alert-detail-row{display:grid;grid-template-columns:6rem 1fr;gap:var(--spacing-2)}.detail-label{font-weight:600;opacity:.8}.detail-value{opacity:.9}.alert-details-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-4);margin-top:var(--spacing-3);font-size:.875rem}.alert-section{display:grid;grid-template-columns:max-content .5rem minmax(0,1fr);-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2);row-gap:var(--spacing-2);align-items:center}.alert-field-row{display:contents}.alert-field-label{background:#ffffffbf;color:#1a0a2e;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:700;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.alert-field-colon{font-weight:600;opacity:.7;flex-shrink:0}.alert-field-value{opacity:.95;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-separator{width:1px;background:#ffffff4d;align-self:stretch}.alert-close{background:transparent;border:none;font-size:1.5rem;line-height:1;padding:0;margin-left:var(--spacing-3);cursor:pointer;opacity:.6;transition:opacity .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.alert-close:hover{opacity:1}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.alert-success .alert-close{color:#065f46}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.alert-error .alert-close{color:#991b1b}.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#78350f}.alert-warning .alert-close{color:#78350f}.alert-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e3a8a}.alert-info .alert-close{color:#1e3a8a}.home-row-1{position:relative}.alert-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;z-index:5;pointer-events:none}.manual-time-card{background:linear-gradient(135deg,#9b67d414,#ff7a000f,#9b67d414);border:1px solid var(--brand-purple-200);border-radius:var(--radius-xl);padding:var(--spacing-5);min-height:200px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7b47b41a}.home-row-1 .manual-time-card.full-width{grid-column:1 / -1}.manual-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5);width:100%;max-width:720px}.manual-time-inputs .time-input{display:flex;flex-direction:column;gap:var(--spacing-2)}.datetime-label-pill{display:inline-block;background:linear-gradient(135deg,var(--brand-purple-main),var(--brand-purple-600));color:var(--color-white);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);box-shadow:0 2px 4px #7b47b44d;width:-moz-fit-content;width:fit-content}.manual-time-inputs .time-input input.datetime-input{width:100%;padding:var(--spacing-3) var(--spacing-3);border:2px solid var(--brand-purple-200);border-radius:var(--radius-lg);font-size:1.05rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--color-white);font-family:inherit;color:var(--color-gray-900);box-shadow:0 2px 4px #0000000d}.manual-time-inputs .time-input input.datetime-input:focus{outline:none;border-color:var(--brand-purple-main);box-shadow:0 0 0 4px var(--brand-purple-100),0 4px 12px #7b47b433;transform:translateY(-1px)}.manual-time-inputs .time-input input.datetime-input:hover:not(:focus){border-color:var(--brand-purple-300);box-shadow:0 2px 8px #7b47b426}.datetime-group{display:flex;gap:var(--spacing-2);align-items:center}.datetime-group .date-input,.datetime-group .time-input{padding:var(--spacing-3) var(--spacing-3);border:2px solid var(--brand-purple-200);border-radius:var(--radius-lg);font-size:1.05rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--color-white);font-family:inherit;color:var(--color-gray-900);box-shadow:0 2px 4px #0000000d}.datetime-group .date-input{flex:2}.datetime-group .time-input{flex:1}.datetime-group .date-input:focus,.datetime-group .time-input:focus{outline:none;border-color:var(--brand-purple-main);box-shadow:0 0 0 4px var(--brand-purple-100),0 4px 12px #7b47b433;transform:translateY(-1px)}.datetime-group .date-input:hover:not(:focus),.datetime-group .time-input:hover:not(:focus){border-color:var(--brand-purple-300);box-shadow:0 2px 8px #7b47b426}.datetime-group .date-input::-webkit-calendar-picker-indicator,.datetime-group .time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s;filter:brightness(0) saturate(100%) invert(26%) sepia(84%) saturate(1636%) hue-rotate(254deg) brightness(88%) contrast(93%)}.datetime-group .date-input::-webkit-calendar-picker-indicator:hover,.datetime-group .time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.manual-time-inputs .time-input input.datetime-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s;filter:brightness(0) saturate(100%) invert(26%) sepia(84%) saturate(1636%) hue-rotate(254deg) brightness(88%) contrast(93%)}.manual-time-inputs .time-input input.datetime-input::-webkit-calendar-picker-indicator:hover{opacity:1}@media (max-width: 768px){.manual-time-inputs{grid-template-columns:1fr;gap:var(--spacing-4)}}.alert-overlay .alert{background:#7b47b42e;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px color-mix(in srgb,var(--brand-purple-700) 25%,transparent);color:var(--color-white);width:100%;height:100%;border-radius:var(--radius-xl);pointer-events:auto;display:flex;align-items:center;justify-content:center}.alert-overlay .alert-content{text-align:left;max-width:90%}.alert-overlay .alert-success{background:radial-gradient(100% 100% at 50% 0%,#c575e759,#7b47b447 60%,#7b47b438),#9b67d447;border-color:#e295f7a6;color:#1a0a2e;font-weight:600}.alert-overlay .alert-warning{background:radial-gradient(100% 100% at 50% 0%,#ff9a3352,#ff7a0047 60%,#5b2c8733),#ff7a0042;border-color:#ffb366b3;color:#1a0a2e;font-weight:600}.alert-overlay .alert-error{background:radial-gradient(100% 100% at 50% 0%,#ef444459,#5b2c8733),#ef444442;border-color:#ef4444a6;color:#1a0a2e;font-weight:600}.alert-overlay .alert-info{background:radial-gradient(100% 100% at 50% 0%,#9b67d459,#7b47b447 60%,#7b47b438);border-color:#9b67d4a6;color:#1a0a2e;font-weight:600}.alert-overlay .alert-close{color:#1a0a2e;opacity:.7}.alert-overlay .alert-close:hover{opacity:1}@media (max-width: 480px){.home-layout{gap:var(--spacing-4)}.home-row-1 .pomodoro-placeholder{min-height:150px;padding:var(--spacing-4)}.session-summary{padding:var(--spacing-4)}.controls-grid .control button{padding:var(--spacing-2) var(--spacing-3);font-size:.9rem}}[data-motion=full] .home-row-1,[data-motion=full] .home-row-2,[data-motion=full] .home-row-3{animation:cardEnter .5s ease-out backwards}[data-motion=full] .home-row-1{animation-delay:.05s}[data-motion=full] .home-row-2{animation-delay:.15s}[data-motion=full] .home-row-3{animation-delay:.25s}@media (prefers-reduced-motion: reduce){[data-motion] .home-row-1,[data-motion] .home-row-2,[data-motion] .home-row-3{animation:none!important;transition:opacity .15s ease!important}}:root{--color-bg: var(--bg);--color-card-bg: var(--surface-1);--color-surface: var(--surface-1);--color-border: var(--border);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-muted);--color-text-tertiary: color-mix(in srgb, var(--text-muted) 70%, #ffffff 30%);--color-text: var(--color-text-primary)}.app-qotd{flex-direction:column;align-items:flex-end}.app-qotd .qotd-quote{width:100%;word-break:break-word}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;overflow:hidden;height:100%}body{font-family:var(--font-family-primary);font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.55;color:var(--color-gray-900);background:linear-gradient(to bottom,#021a6b,#023e8a 18%,#06c 40%,#0077b6 60%,#005f99 82%,#04121c);min-height:100vh;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#0f172ab3;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9b67d4d9,#48cae4bf);border-radius:8px;border:3px solid rgba(15,23,42,.5);-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9b67d4,#48cae4f2);box-shadow:0 0 12px #9b67d499}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#9b67d4,#48cae4)}*{scrollbar-width:auto;scrollbar-color:rgba(155,103,212,.85) rgba(15,23,42,.7)}.mandatory-input::-moz-placeholder{color:var(--color-error);font-style:italic}.mandatory-input::placeholder{color:var(--color-error);font-style:italic}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:1.25;margin-bottom:var(--spacing-2);color:var(--brand-text-dark)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-4);line-height:1.6}a{color:var(--brand-purple-main);text-decoration:underline;transition:var(--transition-colors)}a:hover{color:var(--brand-purple-dark)}a:focus{outline:2px solid var(--brand-purple-main);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}li{margin-bottom:var(--spacing-1)}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:100%}button{cursor:pointer}:focus-visible{outline:2px solid var(--brand-purple-main);outline-offset:2px}::-moz-selection{background-color:var(--brand-purple-200);color:var(--brand-text-dark)}::selection{background-color:var(--brand-purple-200);color:var(--brand-text-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.container-sm{max-width:640px}.container-lg{max-width:1400px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}@media (max-width: 640px){.hidden-mobile{display:none}}@media (min-width: 641px){.hidden-desktop{display:none}}.alert{position:relative;padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:var(--font-base);line-height:var(--line-height-relaxed);box-shadow:var(--shadow-md);animation:alertSlideIn var(--transition-normal) var(--ease-out);overflow:hidden}.alert:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:radial-gradient(circle at center,#fffffff2,#ffffffd9,#ffffffb3 60%,#ffffff80);z-index:-1;pointer-events:none}.alert-content{position:relative;z-index:1}.alert-success{border-color:#10b98166;background:var(--alert-success-bg);color:var(--color-success-dark)}.alert-error{border-color:#ef444466;background:var(--alert-error-bg);color:var(--color-error-dark)}.alert-warning{border-color:#f59e0b66;background:var(--alert-warning-bg);color:var(--color-warning-dark)}.alert-info{border-color:#8b5cf666;background:var(--alert-info-bg);color:var(--color-info-dark)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes alertCurtainFadeOut{0%{max-height:200px;opacity:1;padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);margin-top:0;margin-bottom:0}to{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}}.alert.alert-fade-out{animation:alertCurtainFadeOut var(--transition-modal) var(--ease-in-out) forwards}@media (prefers-reduced-motion: reduce){.alert{animation:none}.alert.alert-fade-out{animation:none;opacity:0;display:none}}.toast{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-toast);min-width:280px;max-width:400px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-toast);font-size:var(--font-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);pointer-events:auto;transform:translate(0);opacity:1;transition:transform var(--transition-modal) var(--ease-in-out),opacity var(--transition-modal) var(--ease-in-out)}.toast-success{background:linear-gradient(135deg,var(--brand-purple-600) 0%,var(--brand-purple-500) 100%);color:var(--color-white);border:1px solid var(--brand-purple-700)}.toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--color-white);border:1px solid #991b1b}.toast-info{background:linear-gradient(135deg,var(--brand-cyan-main) 0%,var(--brand-cyan-dark) 100%);color:var(--color-white);border:1px solid var(--brand-cyan-dark)}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-white);border:1px solid #b45309}.toast-fade-out{animation:toastFadeOut var(--transition-modal) var(--ease-in-out) forwards}@keyframes toastFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.toast{transition:opacity var(--transition-fast) var(--ease-out)}.toast-fade-out{animation:none;opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.alert,.toast,.modal-card{animation:none!important;transition:opacity var(--transition-fast) var(--ease-out)}}@media (prefers-contrast: high){.alert{border-width:2px;border-style:solid}.btn,.filter-input,input[type=text],input[type=date],input[type=time],select{border-width:2px}}:focus-visible{outline:2px solid var(--brand-purple-main);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (max-width: 768px){.alert{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--brand-purple-600);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-skiplink);transition:top var(--transition-fast) var(--ease-out)}.skip-to-main:focus{top:var(--spacing-2);outline:2px solid var(--color-white);outline-offset:2px}.app-container{min-height:100vh;display:flex;flex-direction:column}.entrymode-zone{display:flex;justify-content:center;align-items:center;padding:var(--spacing-4) 0;background:linear-gradient(180deg,var(--brand-purple-100) 0%,var(--color-white) 100%)}.entrymode-toggle .btn-group{background:linear-gradient(135deg,#1e1e23cc,#5b2c87b3,#4c1d95cc);padding:3px;border-radius:50px;display:inline-flex;gap:0;position:relative;width:100%;max-width:800px;box-shadow:0 4px 12px #00000026}.entrymode-toggle .btn-group .btn{border-radius:50px;border:none;margin:0;min-height:56px;padding:var(--spacing-3) var(--spacing-6);font-weight:600;font-size:1.0625rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;box-shadow:none;overflow:hidden;cursor:pointer;flex:1}.entrymode-toggle .btn-group .btn:before{--size: 0;content:"";position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:var(--size);height:var(--size);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none;z-index:0}.entrymode-toggle .btn-group .btn span{position:relative;z-index:1}.entrymode-toggle .btn-group .btn:not(.btn-selected){background:linear-gradient(135deg,#4c1d954d,#7b47b433,#5b2c8740);color:#ffffffb3;z-index:1}.entrymode-toggle .btn-group .btn.btn-selected{z-index:2;color:var(--color-white)}.entrymode-toggle .btn-group .btn:first-child{padding-right:var(--spacing-7);margin-right:-12px}.entrymode-toggle .btn-group .btn:first-child.btn-selected{background:linear-gradient(135deg,var(--brand-purple-dark) 0%,var(--brand-purple-main) 90%,var(--brand-purple-light) 100%);box-shadow:none}.entrymode-toggle .btn-group .btn:first-child:before{background:radial-gradient(circle closest-side,var(--brand-purple-light) 60%,transparent)}.entrymode-toggle .btn-group .btn:first-child:hover:before{--size: 500px}.entrymode-toggle .btn-group .btn:first-child:hover{transform:scale(1.07);background:linear-gradient(135deg,var(--brand-purple-main) 0%,var(--brand-purple-light) 100%);z-index:10}.entrymode-toggle .btn-group .btn:last-child{padding-left:var(--spacing-7);margin-left:-12px}.entrymode-toggle .btn-group .btn:last-child.btn-selected{background:linear-gradient(135deg,var(--brand-orange-dark) 0%,var(--brand-orange-main) 90%,var(--brand-orange-light) 100%);box-shadow:none}.entrymode-toggle .btn-group .btn:last-child:before{background:radial-gradient(circle closest-side,var(--brand-orange-light) 60%,transparent)}.entrymode-toggle .btn-group .btn:last-child:hover:before{--size: 500px}.entrymode-toggle .btn-group .btn:last-child:hover{transform:scale(1.07);background:linear-gradient(135deg,var(--brand-orange-main) 0%,var(--brand-orange-light) 100%);z-index:10}.app-header{background:linear-gradient(135deg,var(--brand-purple-main) 0%,var(--brand-purple-600) 100%);color:var(--color-white);padding:var(--spacing-8) var(--spacing-4);text-align:left;border-bottom:2px solid var(--brand-purple-dark);box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--spacing-2) var(--spacing-6);align-items:center}.app-title{font-size:3rem;font-weight:700;margin-bottom:0;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--brand-orange-main) 0%,var(--brand-orange-light) 50%,var(--brand-purple-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;grid-column:1;grid-row:1}.app-subtitle{font-size:1.25rem;font-weight:400;opacity:.9;max-width:600px;margin:0;line-height:1.5;grid-column:1;grid-row:2}.app-qotd{grid-column:2;grid-row:1 / span 2;justify-self:end;max-width:520px;padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-3xl);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000002e;color:var(--color-white);display:flex;flex-direction:column;align-items:flex-end;gap:.5em}.app-qotd .qotd-quote{font-size:1rem;line-height:1.4;font-weight:500;width:100%;word-break:break-word}.app-qotd .qotd-author{display:block;width:100%;text-align:right;font-size:.85rem;font-style:italic;color:var(--brand-orange-200);opacity:.8;font-weight:500;font-weight:400;margin-top:.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-qotd .qotd-skel{width:420px;height:1.2rem;border-radius:999px;background:linear-gradient(90deg,#ffffff26,#ffffff0d,#ffffff26);background-size:200% 100%;animation:qotdShine 1.6s linear infinite}@keyframes qotdShine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.app-qotd{grid-column:1 / span 2;grid-row:3;justify-self:stretch;margin-top:var(--spacing-3)}}.app-main{flex:1;padding:var(--spacing-8) var(--spacing-4);background-color:transparent}.app-footer{background:linear-gradient(to right,#0f172af5,#1e293bf0,#0f172af5),radial-gradient(ellipse at center,rgba(123,71,180,.12) 0%,transparent 70%);color:#ffffffd9;padding:25px 28px;text-align:center;font-size:.75rem;isolation:isolate;border-top:1px solid rgba(155,103,212,.3);box-shadow:0 -2px 16px #7b47b426,0 -1px #9b67d41a}.app-footer p{margin:0;line-height:1.6;font-weight:400;opacity:.65}.intro-section{max-width:800px;margin:0 auto;text-align:center}.intro-title{color:var(--brand-purple-dark);margin-bottom:var(--spacing-4);font-size:2.5rem}.intro-description{font-size:1.125rem;line-height:1.6;color:var(--color-gray-700);margin-bottom:var(--spacing-8)}.button-group{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.app-header{padding:var(--spacing-6) var(--spacing-4)}.app-title{font-size:2.5rem}.app-subtitle{font-size:1.125rem}.intro-title{font-size:2rem}.button-group{flex-direction:column;align-items:center}.button-group .btn{width:100%;max-width:300px}}@media (prefers-color-scheme: dark){body{color:var(--color-gray-100);background-color:var(--color-gray-900)}h1,h2,h3,h4,h5,h6{color:var(--color-white)}a{color:var(--brand-purple-light)}a:hover{color:var(--brand-purple-300)}::-moz-selection{background-color:var(--brand-purple-800);color:var(--brand-purple-100)}::selection{background-color:var(--brand-purple-800);color:var(--brand-purple-100)}::-webkit-scrollbar-track{background:var(--color-gray-800)}::-webkit-scrollbar-thumb{background:var(--color-gray-600)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.app-main{background-color:var(--color-gray-800)}.intro-title{color:var(--brand-purple-light)}.intro-description{color:var(--color-gray-300)}.app-footer{background-color:var(--color-gray-950);border-top-color:var(--color-gray-800)}.ticker-card{background:linear-gradient(135deg,var(--brand-purple-700) 0%,var(--brand-magenta-main) 50%,var(--brand-purple-500) 100%);box-shadow:0 8px 16px #00000029,0 2px 4px #0000001f}.ticker-card.is-running{animation:tickerGradientBreathe var(--ticker-duration) var(--ticker-ease) infinite alternate,tickerShadowBreathe var(--ticker-breathe-shadow) var(--ticker-ease) infinite alternate;background:linear-gradient(135deg,var(--brand-purple-700) 0%,var(--brand-magenta-main) 50%,var(--brand-purple-500) 100%);background-size:200% 200%}}:root{--ticker-ease: cubic-bezier(.4, 0, .2, 1);--ticker-duration: 14s;--ticker-breathe-shadow: 14s}@keyframes tickerGradientBreathe{0%{background:linear-gradient(135deg,var(--brand-purple-600) 0%,var(--brand-purple-400) 35%,var(--brand-orange-400) 65%,var(--brand-orange-200) 100%)}33%{background:linear-gradient(135deg,var(--brand-purple-400) 0%,var(--brand-orange-400) 40%,var(--brand-orange-200) 70%,var(--brand-purple-400) 100%)}66%{background:linear-gradient(135deg,var(--brand-orange-400) 0%,var(--brand-orange-200) 30%,var(--brand-purple-600) 60%,var(--brand-purple-400) 100%)}to{background:linear-gradient(135deg,var(--brand-purple-600) 0%,var(--brand-purple-400) 35%,var(--brand-orange-400) 65%,var(--brand-orange-200) 100%)}}@keyframes tickerShadowBreathe{0%,to{box-shadow:0 8px 16px #00000014,0 2px 4px #0000000f}50%{box-shadow:0 14px 24px #0000001f,0 4px 8px #00000014}}.ticker-card{margin:0 auto;border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:0 8px 16px #00000014,0 2px 4px #0000000f;background:linear-gradient(135deg,var(--brand-purple-600) 0%,var(--brand-magenta-main) 50%,var(--brand-purple-400) 100%);background-size:200% 200%;transition:background .2s var(--ticker-ease),box-shadow .2s var(--ticker-ease),transform .2s var(--ticker-ease);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-4) var(--spacing-6);align-items:center;justify-items:center}.home-row-1.ticker .ticker-card{display:block;grid-template-columns:none;grid-template-rows:none;gap:0;padding:var(--spacing-6)}.ticker-display-area{grid-column:1;grid-row:1;text-align:left}.ticker-controls{grid-column:1;grid-row:2;text-align:left;width:100%}.ticker-hint{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:1rem;font-weight:500;color:var(--brand-cyan-light);background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:1rem 1.25rem;border-radius:var(--radius-3xl);text-align:left;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff26;line-height:1.5;height:100%}.ticker-hint .alert-success,.ticker-hint .alert-info,.ticker-hint .alert-warning,.ticker-hint .alert-error{width:100%}.ticker-hint .alert-success{color:#10b981}.ticker-hint .alert-info{color:var(--brand-cyan-light)}.ticker-hint .alert-warning{color:#f59e0b}.ticker-hint .alert-error{color:#ef4444}.feedback-grid{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.75rem;font-size:.875rem}.grid-row{display:grid;grid-template-columns:5rem 1fr;gap:.75rem;align-items:baseline}.grid-label{font-weight:600;color:#fff9;text-align:right}.grid-value{color:var(--brand-text-dark);word-break:break-word}.feedback-message{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.15)}@keyframes tickerGradientBreathe{0%{background-position:0% 50%}to{background-position:100% 50%}}.ticker-card.is-running{animation:tickerGradientBreathe var(--ticker-duration) var(--ticker-ease) infinite alternate,tickerShadowBreathe var(--ticker-breathe-shadow) var(--ticker-ease) infinite alternate;background:linear-gradient(135deg,var(--brand-purple-600) 0%,var(--brand-magenta-main) 50%,var(--brand-purple-400) 100%);background-size:200% 200%}.ticker-card.is-running .odometer-digit{background:linear-gradient(135deg,#4c1d954d,#7b47b433,#5b2c8740);box-shadow:inset 0 1px 3px #00000040,0 2px 8px #0003,0 0 8px #06b6d426}@keyframes pausedPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.85}}.ticker-card.is-paused .ticker-display{animation:pausedPulse 1.5s ease-in-out infinite}.ticker-display{display:inline-flex;align-items:center;gap:.15em;font-family:Inter,sans-serif;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;letter-spacing:0;position:relative}.odometer-digit{--digit-step: 1.1em;position:relative;display:inline-block;width:.72em;height:var(--digit-step);overflow:hidden;z-index:1}.entrymode-toggle .btn-group .btn:first-child:not(.btn-selected){background:linear-gradient(135deg,#4c1d951a,#7b47b414,#5b2c871f);color:#ffffff73;border:1px solid rgba(76,29,149,.12);box-shadow:inset 0 1px 6px #4c1d951a,0 1px 2px #4c1d9514;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.entrymode-toggle .btn-group .btn:last-child:not(.btn-selected){background:linear-gradient(135deg,#ff7a001a,#ffb86c14,#ffb86c1f);color:#ffffff73;border:1px solid rgba(255,122,0,.12);box-shadow:inset 0 1px 6px #ff7a001a,0 1px 2px #ff7a0014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.odometer-digit:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 50%,rgba(0,0,0,.05) 100%);border-radius:.12em;pointer-events:none;z-index:1}.odometer-digit .reel{display:inline-flex;flex-direction:column;transform:translateY(calc(var(--digit) * -1 * var(--digit-step)));transition:transform .24s cubic-bezier(.4,0,.2,1);will-change:transform;font-family:Inter,sans-serif}.odometer-digit .reel>span{display:block;line-height:var(--digit-step);font-weight:700;text-align:center;background:linear-gradient(135deg,var(--brand-orange-100) 0%,var(--color-white) 50%,var(--brand-purple-100) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(0,0,0,.25)}.odometer-digit.bump{animation:digitBump .18s cubic-bezier(.4,0,.2,1)}@keyframes digitBump{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:inset 0 1px 4px #00000040,0 3px 8px #0003,0 0 12px #c575e74d}to{transform:scale(1)}}.ticker-display .colon{opacity:.9;font-weight:700;font-family:Inter,sans-serif;background:linear-gradient(180deg,var(--brand-orange-200) 0%,var(--brand-amber) 60%,var(--brand-orange-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 .06em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.ticker-display .ticker-unit{opacity:.85;font-weight:600;font-family:Inter,sans-serif}@media (prefers-reduced-motion: reduce){.ticker-card{animation:none!important}.odometer-digit .reel{transition:none}.odometer-digit.bump{animation:none}}.manual-ticker-card{background:#f9f9f9;border:1px solid #ddd;border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:0 4px 10px #0000000f}.manual-ticker-card label{font-weight:600;color:var(--brand-text-dark)}.manual-ticker-card input[type=datetime-local]{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:inherit}.manual-ticker-card input[type=datetime-local]:focus{outline:2px solid var(--brand-orange-300);outline-offset:2px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-slideIn{animation:slideIn .2s ease-out}.home-row-2 .collapsible-section{background:var(--gradient-home-qotd-base);border:1px solid rgba(123,71,180,.06);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}@media (hover: hover){.home-row-2 .collapsible-section:hover{background:var(--gradient-home-qotd-base);box-shadow:var(--shadow-glass-hover);transform:translateY(-1px)}}.home-row-2 .collapsible-section .form-group label{background:linear-gradient(135deg,var(--marian-blue) 0%,var(--honolulu-blue) 100%);border:1px solid color-mix(in srgb,var(--marian-blue) 75%,transparent);color:var(--color-white);box-shadow:0 2px 6px #03045e26}.home-row-2 .input-panel .form-group:focus-within label{background:linear-gradient(135deg,var(--honolulu-blue) 0%,var(--vivid-sky-blue) 100%);color:var(--color-white);box-shadow:0 3px 10px #0077b640}.home-row-2 .input-panel .form-group input,.home-row-2 .input-panel .form-group textarea{background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border:1px solid var(--glass-border);box-shadow:var(--shadow-inner)}.home-row-2 .input-panel .form-group input:focus,.home-row-2 .input-panel .form-group textarea:focus{border-color:var(--tw-cyan-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--tw-cyan-500) 25%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-white) 88%,transparent),color-mix(in srgb,var(--color-white) 94%,transparent));transform:translateY(-1px)}.pomodoro-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:320px;padding:var(--spacing-3);background:transparent;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:var(--transition-shadow)}.pomodoro-panel:hover{box-shadow:var(--shadow-md)}.pomodoro-toggle-container{display:flex;align-items:center;margin:0}.pomodoro-toggle-label{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pomodoro-toggle-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:200px;padding:0 21px;border-radius:9999px;border:none;cursor:pointer;color:var(--color-white);font-weight:700;transition:background var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);background:var(--brand-gradient-purple);box-shadow:0 6px 16px #00000014}.pomodoro-toggle-switch.off{background:linear-gradient(135deg,#9ca3af,#d1d5db);color:#1f2937}.pomodoro-toggle-switch.active{background:var(--brand-gradient-purple);color:var(--color-white)}.pomodoro-toggle-switch.disabled{opacity:.6;cursor:not-allowed}.pomodoro-toggle-inner{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.pomodoro-toggle-label{font-size:1.25rem;line-height:1;text-transform:none}.pomodoro-toggle-knob{position:absolute;top:50%;left:0;transform:translateY(-50%);width:42px;height:42px;background:var(--gradient-home-drs-orange);border-radius:50%;box-shadow:0 6px 18px #0000001f;transition:left var(--transition-normal) var(--ease-out)}.pomodoro-toggle-switch.active .pomodoro-toggle-knob{left:calc(100% - 42px)}.progress-ring-wrapper{position:relative;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) var(--ease-out)}.progress-ring-wrapper.wide-screen{width:100%;height:auto;max-height:600px;padding:var(--spacing-6) 0}.progress-ring-wrapper.wide-screen .progress-ring-container{transform:scale(2);transform-origin:center;width:var(--progress-ring-size-md, 280px)!important;height:var(--progress-ring-size-md, 280px)!important;margin:calc(var(--progress-ring-size-md, 280px) / 2)}.progress-ring-wrapper:fullscreen{background:linear-gradient(to right,#0f172afa,#1e293bf5,#0f172afa),radial-gradient(ellipse at center,rgba(123,71,180,.15) 0%,transparent 70%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;padding:64px;width:100vw;height:100vh;box-sizing:border-box}.progress-ring-wrapper:fullscreen .progress-ring-container{width:var(--progress-ring-size-md, 280px)!important;height:var(--progress-ring-size-md, 280px)!important;transform:scale(calc(min(100vh,100vw) / 350))!important;transform-origin:center!important;margin:0!important;max-width:none!important;max-height:none!important}@media (min-height: 800px){.progress-ring-wrapper:fullscreen .progress-ring-container{transform:scale(2.8)!important}}@media (min-height: 1080px){.progress-ring-wrapper:fullscreen .progress-ring-container{transform:scale(3.4)!important}}@media (min-height: 1440px){.progress-ring-wrapper:fullscreen .progress-ring-container{transform:scale(4.5)!important}}.ring-view-controls{display:flex;gap:var(--spacing-2);z-index:10}.ring-view-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fb923c;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:1px solid rgba(251,146,60,.3)}.ring-view-btn:hover{background:#fff3;color:#f97316;border-color:#fb923c80;transform:scale(1.05)}.ring-view-btn:active{transform:scale(.95)}.ring-view-icon{width:20px;height:20px}.status-indicator{display:flex;align-items:center;gap:var(--spacing-2);opacity:0;animation:statusSlideIn .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes statusSlideIn{to{opacity:1}}.status-indicator.work-indicator{transform:translateY(10px)}.status-indicator.work-indicator.work-position{animation:workSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes workSlideIn{to{opacity:1;transform:translateY(0)}}.status-indicator.break-indicator{transform:translateY(10px)}.status-indicator.break-indicator.break-position{animation:breakSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes breakSlideIn{to{opacity:1;transform:translateY(0)}}.status-indicator-text{font-size:1rem;line-height:1;font-weight:700;text-transform:capitalize}.status-indicator.work-indicator .status-indicator-text{color:#fb923c}.status-indicator.break-indicator .status-indicator-text{color:#22d3ee}.status-indicator-checkbox{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;box-shadow:0 1.5px 6px #00000026;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.status-indicator.work-indicator .status-indicator-checkbox{border:2px solid #fb923c}.status-indicator.work-indicator .status-indicator-check{color:#fb923c}.status-indicator.break-indicator .status-indicator-checkbox{border:2px solid #22d3ee}.status-indicator.break-indicator .status-indicator-check{color:#22d3ee}.status-indicator-check{width:18px;height:18px;stroke-width:3}.progress-ring-container{position:relative;display:flex;align-items:center;justify-content:center;width:var(--progress-ring-size-md, 280px);height:var(--progress-ring-size-md, 280px);margin:0;background:transparent}.pomodoro-ring-only{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:transparent!important;border:none!important;box-shadow:none!important}.progress-ring-svg{display:block;will-change:stroke-dashoffset}.progress-ring-circle{transition:stroke-dashoffset var(--transition-normal) var(--ease-out),opacity var(--transition-fast) var(--ease-out),filter var(--transition-normal) var(--ease-out)}@keyframes idle-breathe{0%,to{opacity:.85;transform:scale(1)}25%{opacity:.9;transform:scale(1.01)}50%{opacity:1;transform:scale(1.02)}75%{opacity:.9;transform:scale(1.01)}}@media (prefers-reduced-motion: reduce){.progress-ring-circle{transition:none!important}}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.progress-ring-time{font-size:var(--type-hero-size, var(--font-4xl));font-weight:var(--type-hero-weight, var(--font-weight-bold));line-height:var(--type-hero-line-height, var(--line-height-tight));margin-bottom:var(--spacing-2);font-variant-numeric:tabular-nums}.progress-ring-label{font-size:var(--font-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:transparent}.progress-ring-time,.progress-ring-label{background:transparent}.progress-ring-time.pomodoro-odometer{margin-bottom:0;line-height:1}.progress-ring-time.pomodoro-odometer .ticker-display{display:inline-flex;align-items:center;justify-content:center;gap:.02em}.progress-ring-time.pomodoro-odometer .odometer-digit{--digit-step: 3rem;width:1.8rem;height:3rem;position:relative;display:inline-block;overflow:hidden;vertical-align:middle;background:none;box-shadow:none;border-radius:0}.progress-ring-time.pomodoro-odometer .odometer-digit .reel{display:flex;flex-direction:column;align-items:center;transform:translateY(calc(var(--digit) * -1 * var(--digit-step)));transition:transform .24s cubic-bezier(.4,0,.2,1);will-change:transform}.progress-ring-time.pomodoro-odometer .odometer-digit .reel>span{display:flex;align-items:center;justify-content:center;width:100%;line-height:3rem;height:3rem;font-weight:400;font-size:2.25rem;font-family:Digital-7,Courier New,monospace;background:var(--brand-gradient-flame)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 0 8px rgba(255,122,0,.5),0 0 15px rgba(255,122,0,.3)}.progress-ring-time.pomodoro-odometer .colon{opacity:.95;font-weight:400;font-size:2.5rem;line-height:1;margin:0 .02em;font-family:Digital-7,Courier New,monospace;color:#ff7a00f2;text-shadow:0 0 8px rgba(255,122,0,.5),0 0 15px rgba(255,122,0,.3);background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:currentColor!important;background-clip:unset!important}.progress-ring-time.pomodoro-odometer .odometer-digit.bump{animation:pomodoro-digit-bump .18s cubic-bezier(.4,0,.2,1)}@keyframes pomodoro-digit-bump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.pomodoro-disabled-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.pomodoro-disabled-icon{font-size:4rem;opacity:.5}.pomodoro-disabled-text{font-size:var(--font-lg);color:var(--color-gray-500);margin:0}.pomodoro-content{display:flex;align-items:stretch;justify-content:space-between;width:100%;gap:var(--spacing-4);padding:var(--spacing-3)}.pomodoro-session-info{height:100%;display:flex;flex-direction:column;justify-content:flex-start;min-width:220px}.pomodoro-session-info__inner{padding:var(--spacing-3)}.pomodoro-session-info__title{font-weight:600;margin-bottom:var(--spacing-1)}.pomodoro-session-info__line{font-size:var(--font-sm);margin-bottom:var(--spacing-1)}.pomodoro-session-info__line--muted{margin-bottom:var(--spacing-2);color:var(--color-gray-600)}.pomodoro-session-info--card{background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-gray-900);border-radius:var(--radius-md);min-width:220px;height:100%}.pomodoro-session-info__divider{height:0;border-top:1px solid var(--color-gray-300);margin:var(--spacing-2) 0 var(--spacing-2) 0}.pomodoro-bottom-right-controls{display:flex;align-items:center;gap:var(--spacing-3)}.rotating-icon-col{display:flex;align-items:center;justify-content:center;animation:iconTransition 5s ease-in-out}@keyframes iconTransition{0%{opacity:1;filter:brightness(1)}25%{opacity:.3;filter:brightness(3)}50%{opacity:.1;filter:brightness(5)}75%{opacity:.3;filter:brightness(3)}to{opacity:1;filter:brightness(1)}}.rotating-icon-col svg{width:56px;height:56px;color:inherit;transition:transform var(--transition-normal) var(--ease-out);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pomodoro-control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-lg);background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pomodoro-control-btn:hover{background:#fff3;color:#fffffff2;transform:scale(1.15)}.pomodoro-control-btn:active{transform:scale(1.05)}.pomodoro-control-btn svg{width:24px;height:24px;pointer-events:none}.keep-on-top-btn.active .keep-on-top-inactive{display:none}.keep-on-top-btn.active .keep-on-top-active{display:block!important}.keep-on-top-btn.active{background:#ffffff40;color:var(--color-white)}.pomodoro-expanded-overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;background:none;pointer-events:auto}.pomodoro-expanded-content{position:relative;background:#0f172ad9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:32px;box-shadow:0 8px 40px #00000040;padding:48px 48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:480px;min-height:480px;max-width:90vw;max-height:90vh}.pomodoro-expanded-ring{transform:scale(2);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.pomodoro-expanded-close{position:absolute;top:24px;right:24px;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) var(--ease-out);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.pomodoro-expanded-close:hover{background:#fff3;color:var(--color-white);transform:scale(1.05);border-color:#ffffff4d}.pomodoro-expanded-close:active{transform:scale(.95)}.pomodoro-expanded-close svg{width:28px;height:28px}.pomodoro-expanded-ring .pomodoro-bottom-right-controls,.pomodoro-expanded-ring .status-indicator{display:none}@media (max-width: 768px){.pomodoro-panel{min-height:280px;padding:var(--spacing-4)}.progress-ring-container{width:var(--progress-ring-size-sm, 240px);height:var(--progress-ring-size-sm, 240px)}.progress-ring-time{font-size:var(--font-3xl)}.progress-ring-label{font-size:var(--font-base)}.rotating-icon-col svg{width:44px;height:44px}.status-pill{min-width:160px;font-size:1rem}}.settings-page-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-nav-card{background:var(--card-glass);backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2vw,1.5rem);box-shadow:var(--shadow);transition:var(--transition-card-hover);display:flex;gap:var(--spacing-3);flex-wrap:wrap;animation:fadeInUp .5s ease-out backwards}.settings-nav-pill{display:inline-flex;align-items:center;padding:.875rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);letter-spacing:.3px;text-decoration:none;border:none;cursor:pointer;min-height:3rem;transition:var(--transition-card-hover);background:var(--card-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);box-shadow:var(--shadow)}.settings-nav-pill.active{background:var(--accent);color:var(--accent-foreground);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12))}.settings-nav-pill.active:hover{background:var(--gradient-home-drs-active-hover);transform:translateY(-2px);box-shadow:0 8px 24px -6px #00b4d880,0 0 0 1px #ffffff1a}.settings-nav-pill:not(.active):hover{transform:translateY(-2px);background:#ffffff1f;box-shadow:0 6px 18px -4px #000000a6,0 0 0 1px #ffffff14}.settings-nav-pill:active{transform:translateY(0)}.settings-nav-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-section-card{background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:clamp(2rem,4vw,3rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80;transition:var(--transition-card-hover);position:relative;isolation:isolate;animation:fadeInUp .6s ease-out .1s backwards}.settings-section-card:before{content:"";position:absolute;inset:0;background:var(--gradient-home-qotd-accent);z-index:-1;pointer-events:none;border-radius:inherit}.settings-coming-soon{padding:var(--spacing-8);text-align:center;font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.pomodoro-settings,.motion-settings{display:flex;flex-direction:column;gap:var(--spacing-6)}.pomodoro-settings h2,.motion-settings h2{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-top:0;margin-bottom:var(--spacing-4)}.setting-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.setting-label{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.realtime-mode-row{display:flex;align-items:center;gap:var(--spacing-6);background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:var(--spacing-4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80}.realtime-mode-heading{margin:0!important;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;line-height:1;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;align-self:center}.realtime-mode-selector{display:flex;gap:var(--spacing-3);padding:var(--spacing-2);background:#94a3b826;border:1px solid var(--border);border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content}.realtime-pill-wrap{position:relative;display:inline-flex}.realtime-mode-help{position:absolute;top:-10px;right:10px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#fff3;color:#fffffff2;font-size:.75rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-card-hover)}.realtime-mode-help:hover{background:#ffffff59}.realtime-mode-hint{margin-top:var(--spacing-2)}.realtime-mode-pill{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);letter-spacing:.3px;border:1px solid var(--border);cursor:pointer;min-height:2.5rem;min-width:100px;transition:var(--transition-card-hover);background:color-mix(in srgb,var(--card-glass) 70%,transparent);color:var(--text-primary)}.realtime-mode-pill.selected{background:var(--accent);color:var(--accent-foreground);box-shadow:0 4px 12px -2px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.1))}.realtime-mode-pill:not(.selected):hover:not(:disabled){background:#ffffff61;color:var(--text-primary);border-color:var(--honolulu-blue)}.realtime-mode-pill.selected:hover:not(:disabled){background:var(--honolulu-blue);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12));transform:translateY(-1px)}.realtime-mode-pill:disabled{cursor:not-allowed;opacity:.5}.realtime-mode-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.realtime-mode-row .realtime-mode-pill:first-of-type{margin-left:auto}.animations-row{display:flex;align-items:center;gap:var(--spacing-6);background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:var(--spacing-4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80}.animations-heading{margin:0!important;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;line-height:1;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;align-self:center}.motion-dropdown{margin-left:auto;padding:.75rem 3rem .75rem 1.5rem;font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-full);transition:all var(--transition-slow) var(--ease-out);cursor:pointer;min-width:120px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:.65rem;background-color:var(--accent);color:var(--accent-foreground);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");box-shadow:0 4px 12px -2px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.1))}.motion-dropdown:hover{background-color:var(--honolulu-blue);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12));transform:translateY(-2px)}.motion-dropdown:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.motion-dropdown:active{transform:translateY(0);transition-duration:var(--transition-fast)}.motion-dropdown option{background-color:#fff;color:var(--text-primary);padding:var(--spacing-2)}.themes-row{display:flex;align-items:center;gap:var(--spacing-6);background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:var(--spacing-4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80}.themes-heading{margin:0!important;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;line-height:1;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;align-self:center}.heading-help{margin-left:var(--spacing-2);font-weight:800;color:var(--honolulu-blue);text-decoration:none;font-size:.85em;vertical-align:super}.heading-help:hover{text-decoration:underline}.theme-dropdown{margin-left:auto;padding:.75rem 3rem .75rem 1.5rem;font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-full);transition:all var(--transition-slow) var(--ease-out);min-width:220px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:.65rem;background-color:var(--accent);color:var(--accent-foreground);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");box-shadow:0 4px 12px -2px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.1))}.theme-dropdown:hover{background-color:var(--honolulu-blue);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12));transform:translateY(-2px)}.theme-dropdown:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.theme-dropdown:active{transform:translateY(0);transition-duration:var(--transition-fast)}.theme-dropdown:disabled{opacity:.7;cursor:not-allowed}.focus-duration-row{display:flex;align-items:center;gap:var(--spacing-6);background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:var(--spacing-4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80}.focus-duration-heading{margin:0!important;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;line-height:1;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;align-self:center}.focus-duration-inputs{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto}.duration-label{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);white-space:nowrap}.duration-dropdown{padding:.75rem 3rem .75rem 1.5rem;font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-full);transition:all var(--transition-slow) var(--ease-out);cursor:pointer;min-width:120px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:.65rem}.work-dropdown{background-color:var(--accent);color:var(--accent-foreground);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");box-shadow:0 4px 12px -2px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.1))}.work-dropdown:hover{background-color:var(--honolulu-blue);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12));transform:translateY(-2px)}.break-dropdown{background-color:var(--vivid-sky-blue);color:var(--accent-foreground);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");box-shadow:0 4px 12px -2px #48cae440}.break-dropdown:hover{background-color:var(--pacific-cyan);box-shadow:0 6px 18px -4px #6fffe94d;transform:translateY(-2px)}.duration-dropdown:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.duration-dropdown:active{transform:translateY(0);transition-duration:var(--transition-fast)}.duration-dropdown:disabled{opacity:.5;cursor:not-allowed}.duration-dropdown:disabled:hover{transform:none;box-shadow:0 4px 12px -2px #00000026}.duration-dropdown option{background-color:#fff;color:var(--text-primary);padding:var(--spacing-2)}.setting-label-with-badge{justify-content:space-between}.coming-soon-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background:var(--honolulu-blue);color:#fffffff2;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.setting-input{width:200px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--text-primary);background:#fffffff2;border:2px solid var(--border);border-radius:var(--radius-input);transition:var(--transition-card-hover);box-shadow:var(--shadow-sm)}.setting-input:hover{border-color:var(--honolulu-blue);background:#fff}.setting-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.setting-input:disabled{background:#ffffff80;cursor:not-allowed;opacity:.6}.setting-hint{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.toggle-container{display:flex;align-items:center;gap:var(--spacing-3)}.toggle-switch{position:relative;width:52px;height:28px;background:#94a3b84d;border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-card-hover);padding:0;box-shadow:var(--shadow-sm)}.toggle-switch:not(.disabled):hover{background:#94a3b866;border-color:var(--honolulu-blue)}.toggle-switch.active{background:var(--accent);border-color:var(--accent)}.toggle-switch.active:hover{background:var(--honolulu-blue);box-shadow:0 4px 8px -2px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.1))}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fffffff2;border-radius:var(--radius-full);transition:transform .2s ease;box-shadow:var(--shadow)}.toggle-switch.active .toggle-slider{transform:translate(24px)}.toggle-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.save-button{align-self:flex-start;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:700;color:var(--accent-foreground);background:var(--accent);border:none;border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-card-hover);box-shadow:0 4px 12px -2px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.1))}.save-button:hover{background:var(--honolulu-blue);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12));transform:translateY(-2px)}.save-button:active{transform:translateY(0);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--accent) 25%,rgba(0,0,0,.1))}.save-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.settings-page-container{padding:clamp(.75rem,3vw,1rem);gap:var(--spacing-4)}.settings-nav-card{padding:var(--spacing-3)}.settings-nav-pill{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.875rem}.settings-section-card{padding:clamp(1rem,4vw,1.5rem);border-radius:var(--radius-xl)}.setting-input{width:100%;max-width:300px}.setting-label-with-badge{flex-direction:column;align-items:flex-start}}@media (max-width: 1024px){.settings-page-container{padding:clamp(1rem,3vw,1.5rem)}.settings-section-card{padding:clamp(1.5rem,4vw,2rem)}}@media (prefers-reduced-motion: reduce){.settings-nav-card,.settings-section-card,.settings-nav-pill{transition:opacity .15s ease}.settings-nav-pill:hover,.settings-nav-pill:not(.active):hover{transform:none}.save-button:hover{transform:none}}.dashboard-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.page-heading{font-size:clamp(1.6rem,3.8vw,2.2rem);font-weight:600;color:var(--text-primary, #021c47);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--spacing-md) 0;text-shadow:0 2px 4px rgba(0,0,0,.08)}@media (hover: hover){.page-heading:hover{text-shadow:0 2px 6px rgba(0,0,0,.12)}}.page-heading-card{position:sticky;top:0;z-index:100;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:linear-gradient(135deg,color-mix(in srgb,var(--glass-bg) 70%,transparent),color-mix(in srgb,var(--glass-bg-light) 85%,transparent)),radial-gradient(120% 120% at 10% 0%,color-mix(in srgb,var(--color-energy) 18%,transparent) 0%,transparent 65%);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-glass);margin:0 0 var(--spacing-md) 0}.page-heading-card .page-heading{margin:0}@media (hover: hover){.page-heading-card:hover{box-shadow:var(--shadow-glass);transform:none}}.dashboards-grid .chart-card,.dashboards-grid .heatmap-card,.dashboards-grid .pomodoro-stats-card,.dashboards-grid .metric-card,.page-heading-card{background:var(--gradient-home-qotd-base)!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 6px #0000000f;border:1px solid rgba(255,255,255,.35)}.dashboards-grid .metric-card:hover,.dashboards-grid .chart-card:hover,.dashboards-grid .pomodoro-stats-card__metric:hover,.dashboards-grid .heatmap-card__cell:hover{transform:none!important;box-shadow:none!important;background:var(--gradient-home-qotd-base)!important;border-color:#ffffff59!important;filter:none!important}.dashboards-grid .heatmap-card__cell:hover{stroke-width:1;stroke:var(--brand-purple-main)}.dashboards-grid .pomodoro-stats-card__metric{background:var(--gradient-home-qotd-base)!important;border:1px solid rgba(255,255,255,.25)}.section-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.metric-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:var(--transition-fast)}.metric-card:hover{border-color:var(--color-purple);box-shadow:var(--shadow-button)}.metric-card-primary{border-color:var(--brand-magenta-main);background:linear-gradient(135deg,var(--color-card-bg) 0%,rgba(168,85,247,.05) 100%)}.metric-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-purple);line-height:1.2}.metric-card-primary .metric-value{color:var(--brand-magenta-main)}.mode-split-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.mode-split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.mode-split-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:center;transition:var(--transition-fast)}.mode-split-card:hover{border-color:var(--color-purple);box-shadow:var(--shadow-card)}.mode-split-icon{font-size:var(--font-size-2xl);line-height:1}.mode-split-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.mode-split-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.mode-split-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mode-split-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.chart-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.chart-placeholder{background:var(--color-card-bg);border:2px dashed var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:center;min-height:200px}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.placeholder-icon{font-size:48px;opacity:.5}.placeholder-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.recent-sessions-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.recent-sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-session-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:center;transition:var(--transition-fast)}.recent-session-card:hover{border-color:var(--color-purple);box-shadow:var(--shadow-card)}.session-mode-icon{font-size:var(--font-size-xl);line-height:1;min-width:32px;text-align:center}.session-details{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.session-task{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;gap:var(--spacing-xs);align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap}.session-mode-label{font-weight:var(--font-weight-medium);color:var(--color-purple)}.session-separator{color:var(--color-text-tertiary)}.session-duration{color:var(--color-text-secondary)}.session-project{color:var(--color-text-tertiary);font-style:italic}.empty-state{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.empty-state p{margin:0;font-size:var(--font-size-base)}@media (max-width: 768px){.dashboard-wrapper{padding:var(--spacing-md);gap:var(--spacing-lg)}.metrics-grid,.mode-split-grid{grid-template-columns:1fr}.page-heading{font-size:var(--font-size-2xl)}.section-heading{font-size:var(--font-size-lg)}.metric-value{font-size:var(--font-size-2xl)}.chart-placeholder{padding:var(--spacing-xl);min-height:150px}.placeholder-icon{font-size:36px}}.coming-soon-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.coming-soon-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;text-align:center}.coming-soon-icon{font-size:72px;line-height:1;opacity:.8}.coming-soon-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.coming-soon-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px;margin:0;line-height:1.6}.coming-soon-features{width:100%;background:var(--color-bg);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:left}.features-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.features-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative}.features-list li:before{content:"•";position:absolute;left:0;color:var(--color-purple);font-weight:var(--font-weight-bold)}.coming-soon-note{background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:var(--border-radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);width:100%;text-align:left}.note-label{font-weight:var(--font-weight-semibold);color:var(--color-purple)}.inline-link{color:var(--color-purple);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.inline-link:hover{text-decoration:underline;color:var(--brand-magenta-main)}@media (max-width: 768px){.coming-soon-wrapper{padding:var(--spacing-md)}.coming-soon-card{padding:var(--spacing-xl)}.coming-soon-icon{font-size:56px}.coming-soon-title{font-size:var(--font-size-xl)}}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.chart-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.chart-card__title{font-size:var(--font-size-md);color:var(--color-text)}.chart-card__body{width:100%;min-width:0;min-height:0}.chart-empty{color:var(--color-gray-500);font-size:var(--font-size-sm)}.date-range-selector{display:inline-flex;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.drs-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer}.drs-btn.active{background:var(--brand-purple-main);border-color:var(--brand-purple-main);color:#fff}.drs-btn:hover{filter:brightness(.98)}.range-subtitle{margin:var(--spacing-xs) 0 var(--spacing-md);color:var(--color-gray-600);font-size:var(--font-size-sm)}.charts-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%;min-width:0}.charts-grid>.chart-card{min-width:0}@media (min-width: 640px){.charts-grid{grid-template-columns:1fr 1fr}}.page-container[data-motion]{position:relative;background:transparent;isolation:isolate}.page-container[data-motion]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,140,220,.18),transparent 60%),radial-gradient(circle at 85% 70%,rgba(32,124,200,.22),transparent 65%);mix-blend-mode:screen;pointer-events:none;z-index:0}.page-container[data-motion]>*{position:relative;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home-qotd{background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,4vw,2rem);width:100%;box-sizing:border-box;margin-bottom:clamp(1rem,2vw,1.5rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);isolation:isolate;animation:fadeInUp .5s ease-out backwards}.home-qotd:before{content:"";position:absolute;inset:0;background:var(--gradient-home-qotd-accent);opacity:1;z-index:-1;pointer-events:none}.home-date-range-section{display:flex;justify-content:center;margin-bottom:clamp(2.5rem,5vw,4rem)}.home-date-range-section .date-range-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:600px;width:100%}.home-date-range-section .date-range-selector .drs-btn{width:100%;padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;letter-spacing:.3px;border:none;cursor:pointer;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1d9;box-shadow:0 2px 4px #0006,0 0 0 1px #ffffff0f;transition:all .22s cubic-bezier(.4,0,.2,1)}.home-date-range-section .date-range-selector .drs-btn:not(.active){color:#cbd5e1d9}.home-date-range-section .date-range-selector .drs-btn.active{background:var(--gradient-home-drs-active);color:#04121c;border-color:transparent;box-shadow:0 6px 18px -4px #00b4d866,0 0 0 1px #ffffff14}.home-date-range-section .date-range-selector .drs-btn:hover{transform:translateY(-2px);background:#ffffff1f;box-shadow:0 6px 18px -4px #000000a6,0 0 0 1px #ffffff14}.home-date-range-section .date-range-selector .drs-btn.active:hover{background:var(--gradient-home-drs-active-hover);transform:translateY(-2px);box-shadow:0 8px 24px -6px #00b4d880,0 0 0 1px #ffffff1a}.home-date-range-section .date-range-selector .drs-btn:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}@media (prefers-reduced-motion: reduce){.home-date-range-section .date-range-selector .drs-btn:hover{transform:none}}@media (max-width: 480px){.home-date-range-section .date-range-selector{grid-template-columns:1fr}}.metrics-section{display:grid;grid-template-columns:140px repeat(4,1fr);grid-template-rows:repeat(3,minmax(50px,auto));grid-template-areas:"drs-day    metric-streak   metric-sessions metric-avg      metric-perday" "drs-week   metric-streak   metric-sessions metric-avg      metric-perday" "drs-month  metric-streak   metric-sessions metric-avg      metric-perday";gap:clamp(.75rem,2vw,1.25rem);margin-bottom:0;align-items:stretch}.metrics-section [data-grid-area=drs-day]{grid-area:drs-day}.metrics-section [data-grid-area=drs-week]{grid-area:drs-week}.metrics-section [data-grid-area=drs-month]{grid-area:drs-month}.metrics-section .drs-btn{width:100%;padding:0;border-radius:10px;font-weight:600;font-size:.95rem;letter-spacing:.3px;border:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;background:#1e1e3c80;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:#cbd5e1bf;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff0d;transition:all .22s cubic-bezier(.4,0,.2,1)}.metrics-section .drs-btn:not(.active){color:#cbd5e1b3;opacity:.85}.metrics-section .drs-btn.active{background:var(--gradient-home-drs-orange);color:#04121c;border:2px solid rgba(255,140,0,.8);box-shadow:0 4px 12px -1px #ff8c0099,0 2px 6px -1px #0003,inset 0 1px #fff6;font-weight:700;opacity:1}.metrics-section .drs-btn:hover:not(.active){transform:translateY(-1px);background:#2d2d50a6;border-color:#fff3;box-shadow:0 4px 8px -1px #0000004d,0 2px 4px -1px #00000026,inset 0 1px #ffffff1a;opacity:1}.metrics-section .drs-btn.active:hover{background:var(--gradient-home-drs-orange-hover);transform:translateY(-1px);box-shadow:0 6px 16px -2px #ff8c00b3,0 3px 8px -1px #0003,inset 0 1px #ffffff80}.metrics-section .drs-btn:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}.metrics-section [data-grid-area=metric-streak]{grid-area:metric-streak}.metrics-section [data-grid-area=metric-sessions]{grid-area:metric-sessions}.metrics-section [data-grid-area=metric-avg]{grid-area:metric-avg}.metrics-section [data-grid-area=metric-perday]{grid-area:metric-perday}@media (prefers-reduced-motion: reduce){.metrics-section .drs-btn:hover,.metrics-section .drs-btn.active:hover{transform:none}}@media (max-width: 1024px){.metrics-section{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:none;gap:clamp(1rem,2.5vw,1.5rem)}.metrics-section [data-grid-area]{grid-area:auto}.metrics-section .drs-btn{min-height:3rem;padding:1rem 1.5rem;font-size:1rem}}.metrics-hero-row{display:grid;grid-template-columns:1fr;gap:clamp(1.2rem,3.5vw,2.5rem)}.metrics-compact-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(.75rem,2vw,1.5rem)}.home-main-grid{display:grid;grid-template-columns:7fr 3fr;grid-template-rows:auto 1px 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;width:100%}.home-milestones-title-cell{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-start;padding-left:var(--spacing-2);padding-bottom:0;min-height:52px}.home-milestones-title-cell .milestones-card__title{font-size:1.125rem;font-weight:600;color:var(--marian-blue);margin:0}.home-milestones-title-cell .milestones-pill{display:inline-block;padding:1.2rem 4rem;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--marian-blue) 0%,var(--pacific-cyan) 100%);color:var(--color-white);font-weight:600;letter-spacing:.01em;line-height:1}.home-row-divider{grid-column:1 / -1;grid-row:2;height:1px;background:var(--color-gray-200)}.home-col-left{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:3rem;min-width:0}.home-col-right{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);min-width:0}.home-main-grid.with-divider{position:relative}.home-main-grid.with-divider:before{content:"";position:absolute;top:0;bottom:0;left:70%;width:1px;background:var(--color-gray-200);opacity:.6}@media (max-width: 1024px){.home-main-grid{grid-template-columns:1fr;grid-template-rows:auto auto 1px auto auto}.home-main-grid.with-divider:before{display:none}.home-milestones-title-cell{grid-column:1;grid-row:2}.home-row-divider{grid-column:1;grid-row:3}.home-col-left{grid-column:1;grid-row:4}.home-col-right{grid-column:1;grid-row:5}}@media (max-width: 640px){.home-col-left,.home-col-right{gap:clamp(1rem,4vw,1.5rem)}.home-qotd{margin-bottom:clamp(2rem,6vw,2.5rem)}}.home-qotd:hover{transform:translateY(-4px);background:var(--gradient-home-qotd-hover);border-color:#00b4d866;box-shadow:0 12px 24px -4px #00000026,0 6px 12px -2px #00000014,0 0 0 1px #00b4d84d,inset 0 1px #fff9}.home-qotd__heading{font-size:1rem;font-weight:600;color:#ffffffd9;margin:0 0 1rem;letter-spacing:.02em}.home-qotd .app-qotd{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;box-shadow:none;display:block;width:100%;max-width:none;justify-self:auto;align-items:flex-start}.home-qotd .qotd-quote{color:#03045ee6;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:500;line-height:1.6;display:block;margin-bottom:.5rem;text-align:left}.home-qotd .qotd-author{color:#03045ea6;font-size:clamp(.8rem,1.8vw,.875rem);font-style:italic;font-weight:500;display:block;text-align:right}@media (prefers-reduced-motion: reduce){.home-qotd:hover{transform:none}}@media (max-width: 768px){.home-qotd{padding:1rem 1.25rem;margin-bottom:1.5rem}.home-qotd__heading{font-size:.875rem}.home-qotd .qotd-quote{font-size:.9rem}.home-qotd .qotd-author{font-size:.75rem}}[data-motion=off] .home-qotd{animation:none!important;background:linear-gradient(135deg,var(--federal-blue) 0%,var(--honolulu-blue) 100%)}[data-motion=off] .home-qotd:hover{transform:none!important}[data-motion=off] .metric-card{transition:none!important}[data-motion=subtle] .home-qotd{animation:none;background:linear-gradient(135deg,var(--federal-blue) 0%,var(--marian-blue) 40%,var(--honolulu-blue) 70%,var(--pacific-cyan) 100%)}[data-motion=subtle] .home-qotd:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}[data-motion=subtle] .metric-card{transition:all .22s ease}[data-motion=full] .home-qotd{animation:gradientShift 10s ease-in-out infinite}[data-motion=full] .home-qotd:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}[data-motion=full] .metric-card{transition:all .22s cubic-bezier(.4,0,.2,1)}[data-motion=full] .page-container{position:relative}[data-motion=full] .page-container:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 50% 50%,rgba(111,255,233,.08),transparent 70%);animation:pulseGlow 10s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:1}}[data-motion=full] .metric-card:active{animation:cardPulse .15s ease-out}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-motion=full] .metric-card,[data-motion=full] .heatmap-card,[data-motion=full] .milestones-card{animation:cardEnter .5s ease-out backwards}[data-motion=full] .metric-card:nth-child(1){animation-delay:.05s}[data-motion=full] .metric-card:nth-child(2){animation-delay:.1s}[data-motion=full] .metric-card:nth-child(3){animation-delay:.15s}[data-motion=full] .metric-card:nth-child(4){animation-delay:.2s}[data-motion=full] .heatmap-card{animation-delay:.25s}[data-motion=full] .milestones-card{animation-delay:.3s}@media (prefers-reduced-motion: reduce){[data-motion] .home-qotd,[data-motion] .metric-card,[data-motion] .heatmap-card,[data-motion] .milestones-card,[data-motion] .page-container:before{animation:none!important;transition:opacity .15s ease!important}[data-motion] .home-qotd:hover,[data-motion] .metric-card:hover{transform:none!important}}.collapsible-section{border:1px solid color-mix(in srgb,var(--marian-blue) 75%,transparent);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);background:#e0f7fa26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.collapsible-section__header{width:100%;padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);background:linear-gradient(135deg,color-mix(in srgb,var(--marian-blue) 75%,transparent),color-mix(in srgb,var(--honolulu-blue) 75%,transparent),color-mix(in srgb,var(--pacific-cyan) 75%,transparent));border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:1rem;font-weight:600;color:#fffffff2;text-align:left;transition:all .18s ease}.collapsible-section__header:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--marian-blue) 85%,#000),color-mix(in srgb,var(--honolulu-blue) 85%,#000),color-mix(in srgb,var(--pacific-cyan) 85%,#000));transform:scale(1.02)}.collapsible-section__header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.collapsible-section__chevron{font-size:.75rem;color:#fffffff2;transition:transform .22s ease;display:inline-block}.collapsible-section__title{flex:1;font-weight:600;text-transform:uppercase;letter-spacing:.025em;font-size:var(--font-size-sm)}.collapsible-section__help-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#ffffffe6;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0}.collapsible-section__help-icon:hover{background:#fff3;border-color:#fffffff2;transform:scale(1.1)}.collapsible-section__help-icon:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:2px}.collapsible-section__export-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0}.collapsible-section__export-icon:hover{background:#fff3;border-color:#fffffff2;transform:scale(1.1)}.collapsible-section__export-icon:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:2px}.collapsible-section__nav-icon{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#fffffff2;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin-left:auto}.collapsible-section__nav-icon:hover{background:#fff3;border-color:#fffffff2;transform:scale(1.1)}.collapsible-section__nav-icon:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:2px}.collapsible-section__check-icon{width:24px;height:24px;color:var(--accent);margin-left:auto;flex-shrink:0}.collapsible-section__content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.collapsible-section__content--open{max-height:2000px}.collapsible-section__inner{padding:var(--spacing-4);color:var(--text-primary);line-height:1.7;background:transparent;font-size:var(--font-size-base)}.collapsible-section__inner p{margin-bottom:var(--spacing-3)}.collapsible-section__inner p:last-child{margin-bottom:0}.collapsible-section__inner h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-3);margin-top:var(--spacing-2)}.collapsible-section__inner img{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: reduce){.collapsible-section__content,.collapsible-section__chevron{transition:none}}.tag-combobox{position:relative}.tag-select-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 var(--spacing-3);border-radius:var(--radius-md);border:2px solid rgba(0,0,0,.15);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;background:var(--color-white);color:var(--color-gray-700);gap:var(--spacing-2)}.tag-select-button:hover:not(:disabled){border-color:#00000040;box-shadow:0 2px 8px #0000001a}.tag-select-button:disabled{cursor:not-allowed;opacity:.5}.tag-select-button--empty{color:var(--color-error);font-weight:400;font-style:italic}.tag-select-button--empty .tag-select-arrow{color:var(--color-error)}.tag-select-button--official{background:linear-gradient(135deg,#93c5fd,#60a5fa);color:#1e3a8a;border-color:#3b82f6}.tag-select-button--personal{background:linear-gradient(135deg,#fdba74,#fb923c);color:#7c2d12;border-color:#f97316}.tag-select-button--others{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#1f2937;border-color:#6b7280}.tag-select-button--invalid{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444433}.tag-select-text{flex:1;text-align:left}.tag-select-arrow{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.tag-select-button[aria-expanded=true] .tag-select-arrow{transform:rotate(180deg)}.tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a}.tag-option{display:flex;align-items:center;justify-content:center;height:38px;padding:0 var(--spacing-3);border-radius:var(--radius-md);border:2px solid transparent;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.tag-option:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.tag-option--official{background:linear-gradient(135deg,#93c5fd,#60a5fa);color:#1e3a8a}.tag-option--personal{background:linear-gradient(135deg,#fdba74,#fb923c);color:#7c2d12}.tag-option--others{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#1f2937}.tag-option--selected{border-color:currentColor;box-shadow:0 3px 12px #0003}.project-combobox-wrapper{position:relative;width:100%}.combobox-input-wrapper{position:relative}.combobox-options{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);margin-top:var(--spacing-xs, 4px);max-height:200px;overflow-y:auto;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);box-shadow:0 4px 12px #0000001a;list-style:none;padding:var(--spacing-xs, 4px) 0}.combobox-option{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);cursor:pointer;transition:background-color .15s ease}.combobox-option:hover,.combobox-option.active{background:var(--color-gray-light, #f3f4f6)}.combobox-option:focus{outline:2px solid var(--color-focus, #3b82f6);outline-offset:-2px}.fuzzy-hint{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info, #3b82f6);border-radius:var(--radius-sm, 4px);font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.fuzzy-hint-text{flex:1}.fuzzy-hint-text strong{font-weight:600;color:var(--color-text-primary, #111827)}.fuzzy-hint-button{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:var(--color-info, #3b82f6);color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.fuzzy-hint-button:hover{background:var(--color-info-dark, #2563eb)}.fuzzy-hint-button:focus{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}.fuzzy-hint-dismiss{padding:0;width:24px;height:24px;background:transparent;border:none;font-size:1.25rem;line-height:1;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:background-color .15s ease}.fuzzy-hint-dismiss:hover{background:#0000000d}.fuzzy-hint-dismiss:focus{outline:2px solid var(--color-focus, #3b82f6);outline-offset:0}.user-avatar-container{position:relative}.user-avatar-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(155,103,212,.35);border-radius:var(--radius-lg);cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #7b47b433,0 0 0 1px #9b67d41a,inset 0 1px #ffffff26}.user-avatar-button:hover{background:#9b67d433;border-color:#9b67d480;transform:translateY(-1px);box-shadow:0 4px 16px #7b47b459,0 0 0 1px #9b67d44d,inset 0 1px #ffffff40}.user-avatar-button:active{transform:translateY(0);box-shadow:0 2px 8px #7b47b440,0 0 0 1px #9b67d433,inset 0 1px #ffffff1a}.user-avatar-button img,.user-avatar-button .user-avatar-fallback{width:36px;height:36px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0003,0 0 0 2px #9b67d44d}.user-avatar-button .user-avatar-fallback{background:linear-gradient(135deg,var(--brand-purple-main) 0%,var(--brand-purple-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-avatar-name{font-size:.95rem;font-weight:600;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.01em}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:240px;z-index:1000;background:linear-gradient(180deg,#0f172afa,#1e293bf5),radial-gradient(ellipse at top right,rgba(123,71,180,.15) 0%,transparent 70%);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(155,103,212,.4);border-radius:var(--radius-xl);box-shadow:0 8px 32px #7b47b44d,0 4px 16px #0006,0 0 0 1px #9b67d433,inset 0 1px #ffffff1a;overflow:hidden;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid rgba(155,103,212,.25);background:#9b67d414}.user-dropdown-name{font-size:.95rem;font-weight:600;color:#fffffff2;margin-bottom:var(--spacing-1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-dropdown-email{font-size:.8rem;color:#90e0efd9;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-dropdown-signout{width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;text-align:left;cursor:pointer;font-size:.9rem;font-weight:600;color:#ffffffe6;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-2)}.user-dropdown-signout:hover:not(:disabled){background:#ef444426;color:#fffffffa;box-shadow:inset 0 0 0 1px #ef44444d}.user-dropdown-signout:active:not(:disabled){background:#ef444440}.user-dropdown-signout:disabled{opacity:.5;cursor:wait}.user-dropdown-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.login-button-container{display:flex;flex-direction:column;align-items:flex-end}.login-button-container .button-primary{background:linear-gradient(135deg,var(--brand-purple-main) 0%,var(--brand-purple-dark) 100%);border:1px solid rgba(155,103,212,.5);color:#fff;font-weight:600;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:.95rem;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #7b47b459,0 2px 6px #0003,0 0 0 1px #9b67d44d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-button-container .button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-purple-dark) 0%,var(--brand-purple-main) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #7b47b480,0 4px 12px #0000004d,0 0 0 1px #9b67d480,inset 0 1px #ffffff4d}.login-button-container .button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #7b47b466,0 1px 4px #00000040,0 0 0 1px #9b67d466,inset 0 1px #ffffff26}.login-button-container .button-primary:disabled{opacity:.6;cursor:wait;transform:none}.login-error{color:#ff6b6bf2;font-size:.8rem;margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:500}@media (max-width: 768px){.user-avatar-name{display:none}.user-dropdown{min-width:200px}.login-button-container .button-primary{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem}}.home-row-4{display:flex;justify-content:center;margin-top:var(--spacing-md)}.csv-import-trigger{min-width:200px}.csv-instructions-section{background:linear-gradient(135deg,#9b67d41f,#9b67d414);border:1px solid rgba(155,103,212,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.csv-instructions-header{width:100%;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;font-size:1.05rem;font-weight:600;color:var(--brand-purple-dark);transition:background .2s ease;text-align:left}.csv-instructions-header:hover{background:#9b67d40d}.csv-instructions-icon{font-size:.8rem;color:var(--brand-purple-main);transition:transform .2s ease}.csv-instructions-title{flex:1}.csv-instructions-content{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);animation:expandDown .2s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.csv-instructions-list{margin:0;padding-left:var(--spacing-lg);color:var(--color-gray-800);font-size:.95rem;line-height:1.7}.csv-instructions-list li{margin-bottom:var(--spacing-2)}.csv-instructions-list li:last-child{margin-bottom:0}.csv-instructions-list strong{color:var(--brand-purple-dark);font-weight:600}.csv-drop-zone{border:2px dashed rgba(155,103,212,.4);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#9b67d408,#9b67d40f);transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center}.csv-drop-zone--active{border-color:var(--brand-purple-main);background:linear-gradient(135deg,#9b67d41f,#9b67d42e);border-width:3px;transform:scale(1.01)}.csv-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;width:100%}.csv-drop-icon{font-size:3.5rem;opacity:.7}.csv-drop-text{font-size:1.1rem;font-weight:600;color:var(--brand-purple-dark);margin:0}.csv-drop-subtext{font-size:.9rem;color:var(--color-gray-600);margin:var(--spacing-xs) 0}.csv-file-button{padding:var(--spacing-3) var(--spacing-5);font-size:1rem;font-weight:600}.csv-filename-display{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,#9b67d414,#9b67d40d);border:1px solid rgba(155,103,212,.25);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.csv-filename-label{font-weight:600;color:var(--brand-purple-dark);font-size:.9rem}.csv-filename-text{color:var(--color-gray-800);font-family:monospace;font-size:.95rem}.csv-stats-card{background:linear-gradient(135deg,#9b67d41a,#9b67d40d);border:1px solid rgba(155,103,212,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:0 2px 8px #9b67d41a}.csv-stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:#ffffffb3;border-radius:var(--radius-md);border:1px solid rgba(155,103,212,.15)}.csv-stat-item--success{background:linear-gradient(135deg,#10b98114,#10b9810d);border-color:#10b9814d}.csv-stat-item--error{background:linear-gradient(135deg,#ef444414,#ef44440d);border-color:#ef44444d}.csv-stat-label{font-weight:500;color:var(--color-gray-700);font-size:.95rem}.csv-stat-value{font-weight:700;font-size:1.25rem;color:var(--brand-purple-dark)}.csv-stat-item--success .csv-stat-value{color:#059669}.csv-stat-item--error .csv-stat-value{color:#dc2626}.csv-import-footer-buttons{display:flex;gap:var(--spacing-3);align-items:center;justify-content:center;width:100%}.csv-error-report-btn{margin-right:auto}.csv-import-footer-buttons .csv-example-link{text-decoration:none;color:var(--brand-purple-main);font-weight:600;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);transition:all .2s ease;background:#9b67d414;border:1px solid rgba(155,103,212,.25)}.csv-import-footer-buttons .csv-example-link:hover{background:#9b67d426;border-color:#9b67d466;transform:translateY(-1px)}.csv-import-modal{max-width:1200px;width:90%;max-height:90vh}.csv-import-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#9b67d426,#9b67d414);border-bottom:1px solid rgba(155,103,212,.3)}.csv-import-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--brand-purple-dark)}.csv-import-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:.875rem;color:var(--text-muted);font-weight:400}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-button:hover{color:var(--text-color)}.csv-import-body{padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto;flex:1}.csv-import-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-purple);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{display:inline-block;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffe6;border-radius:50%;width:14px;height:14px;animation:spin .6s linear infinite;margin-right:var(--spacing-xs)}.csv-import-file-picker{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-xl)}.csv-import-instructions{text-align:center;max-width:600px}.csv-import-instructions p{margin:var(--spacing-sm) 0;color:var(--text-color)}.csv-import-help-text{font-size:.9rem;color:var(--text-muted);margin:var(--spacing-xs) 0}.csv-import-help-text code{background-color:var(--bg-secondary);padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.85em;color:var(--color-purple)}.csv-file-label{display:inline-block;cursor:pointer}.csv-file-input{display:none}.csv-file-button{display:inline-block;padding:var(--spacing-md) var(--spacing-lg)}.csv-import-example{margin-top:var(--spacing-md)}.csv-example-link{text-decoration:none;color:var(--color-purple);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.csv-example-link:hover{text-decoration:underline}.csv-import-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.csv-import-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);gap:var(--spacing-md);flex-wrap:wrap}.csv-import-filename{font-weight:600;color:var(--text-color);font-size:.95rem}.csv-import-stats{display:flex;gap:var(--spacing-md);font-size:.9rem}.csv-stat-valid{color:var(--color-green);font-weight:500}.csv-stat-error{color:var(--color-red);font-weight:500}.csv-preview-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);max-height:400px;overflow-y:auto}.csv-preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.csv-preview-table thead{position:sticky;top:0;background:var(--bg-secondary);z-index:1}.csv-preview-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color);white-space:nowrap}.csv-preview-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.csv-preview-row--valid{background:transparent}.csv-preview-row--valid:hover{background:var(--bg-hover)}.csv-preview-row--error{background:rgba(var(--color-red-rgb),.05)}.csv-preview-row--error:hover{background:rgba(var(--color-red-rgb),.1)}.csv-preview-cell-row{font-weight:600;color:var(--text-muted);text-align:center;width:50px}.csv-preview-cell-status{text-align:center;width:60px}.csv-status-icon{font-size:1.1rem;cursor:help}.csv-preview-cell-task{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-cell-project{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-cell-tag{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--text-muted)}.csv-preview-cell-time{white-space:nowrap;font-family:monospace;font-size:.8rem}.csv-preview-cell-duration{white-space:nowrap;font-weight:500}.csv-preview-cell-notes{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.8rem}.csv-error-message{color:var(--color-red);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.csv-project-hint{margin-left:var(--spacing-xs);font-size:.75rem;color:var(--text-muted)}.csv-import-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--border-color);gap:var(--spacing-md);flex-wrap:wrap}.csv-import-footer-left{font-size:.9rem;color:var(--text-muted)}.csv-import-footer-right{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.csv-import-modal{width:95%;max-height:95vh}.csv-import-header h2{font-size:1.25rem}.csv-preview-table{font-size:.75rem}.csv-preview-table th,.csv-preview-table td{padding:var(--spacing-xs) var(--spacing-sm)}.csv-import-footer{flex-direction:column;align-items:stretch}.csv-import-footer-right{justify-content:stretch}.csv-import-footer-right button{flex:1}}.csv-error-summary-panel{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.csv-error-summary-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.csv-error-summary-toggle{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;color:var(--text-color);font-weight:500;font-size:1rem;padding:0}.csv-error-summary-toggle:hover{color:var(--color-red)}.csv-error-summary-icon{font-size:.8rem;color:var(--text-muted)}.csv-error-summary-title{color:var(--color-red);font-weight:600}.csv-error-summary-download{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-md)}.csv-error-summary-body{padding:var(--spacing-md);background-color:var(--bg-primary)}.csv-error-groups{display:flex;flex-direction:column;gap:var(--spacing-sm)}.csv-error-group{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.csv-error-group-header{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:none;cursor:pointer;text-align:left;font-weight:500;color:var(--text-color)}.csv-error-group-header:hover{background-color:var(--bg-tertiary)}.csv-error-group--critical{border-left:4px solid var(--color-red)}.csv-error-group--warning{border-left:4px solid var(--color-orange)}.csv-error-group--info{border-left:4px solid var(--text-muted)}.csv-error-group-icon{font-size:.7rem;color:var(--text-muted)}.csv-error-group-title{font-weight:600}.csv-error-group-items{padding:var(--spacing-sm);background-color:var(--bg-primary)}.csv-error-item{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);font-size:.9rem}.csv-error-item-row{font-weight:600;color:var(--text-muted);min-width:60px}.csv-error-item-message{color:var(--text-color);flex:1}@media (max-width: 768px){.csv-error-summary-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.csv-error-summary-download{width:100%}}.collapsible-section{margin-bottom:1.5rem}.glass-card{position:relative;background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px color-mix(in srgb,var(--pacific-cyan) 8%,transparent),inset 0 1px #ffffff80;transition:var(--transition-card-hover);overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:var(--gradient-home-qotd-accent);z-index:-1;pointer-events:none}.collapsible-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--brand-purple-100) 0%,var(--brand-magenta-100) 100%);border:1px solid var(--brand-purple-300);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;font-weight:600;font-size:1rem;color:var(--brand-purple-900);text-align:left}.collapsible-header:hover{background:linear-gradient(135deg,var(--brand-purple-200) 0%,var(--brand-magenta-200) 100%);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--brand-purple-700) 12%,transparent)}.collapsible-header:active{transform:translateY(0)}.collapsible-chevron{font-size:.875rem;color:var(--brand-purple-600);transition:transform .2s ease}.collapsible-title{flex:1}.collapsible-content{margin-top:1rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.collapsible-header{pointer-events:none;cursor:default;background:linear-gradient(135deg,#ffffff2e,#ffffff14),linear-gradient(135deg,var(--brand-purple-50) 0%,var(--brand-magenta-50) 50%,var(--brand-purple-100) 100%)}.collapsible-header:hover{transform:none;box-shadow:none}.collapsible-chevron{display:none}.collapsible-content{display:block!important}}.sessions-header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;background:var(--gradient-home-qotd-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--brand-purple-500) 8%,transparent);animation:fadeInUp .5s ease-out backwards}.sessions-header-row h2{margin:0;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--brand-purple-900);flex-shrink:0;letter-spacing:var(--letter-spacing-tight);background:linear-gradient(150deg,var(--brand-purple-900) 0%,var(--brand-purple-600) 100%);color:#fff;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--brand-purple-700) 20%,transparent)}.filter-input-center{flex:1;max-width:600px;margin:0 auto}.bulk-actions-header-btn{margin-left:auto;flex-shrink:0;padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;letter-spacing:.3px;border:none;cursor:pointer;background:var(--brand-gradient-flame);color:#04121c;box-shadow:0 6px 18px -4px #f9731666,0 0 0 1px #ffffff14;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bulk-actions-header-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 8px 24px -6px #f9731680,0 0 0 1px #ffffff1a}.bulk-actions-header-btn:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}.bulk-actions-header-btn:active{transform:translateY(0)}.quick-filter-tabs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.quick-filter-tabs button{padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;letter-spacing:.3px;border:none;cursor:pointer;background:#475569bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafcf2;box-shadow:0 2px 4px #0000004d,0 0 0 1px #ffffff14;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.quick-filter-tabs button:not(.active){color:#f8fafcf2}.quick-filter-tabs button:hover{transform:translateY(-2px);background:#64748bd9;box-shadow:0 6px 18px -4px #0000008c,0 0 0 1px #ffffff26}.quick-filter-tabs button.active{background:var(--brand-gradient-flame);color:#04121c;border-color:transparent;box-shadow:0 6px 18px -4px #f9731666,0 0 0 1px #ffffff14}.quick-filter-tabs button.active:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 8px 24px -6px #f9731680,0 0 0 1px #ffffff1a}.quick-filter-tabs button:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}.quick-filter-tabs button:active{transform:translateY(0)}.quick-filter-tabs .tab-indicator{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--brand-orange-500, var(--brand-purple-600));box-shadow:0 0 0 2px #fffc;vertical-align:middle}.sessions-header-row .filter-input{min-width:320px;max-width:480px;flex:1;padding:14px 20px;font-size:1rem;border-radius:12px;background:#fffffffa;border:1px solid rgba(203,213,225,.4);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,0 0 0 1px #ffffff80 inset;transition:all .22s cubic-bezier(.4,0,.2,1)}.sessions-header-row .filter-input:hover{border-color:var(--brand-purple-400);box-shadow:0 6px 16px #0000002e,0 2px 6px #0000001f,0 0 0 1px #ffffff80 inset;transform:translateY(-1px)}.sessions-header-row .filter-input:focus{border-color:var(--brand-purple-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-600) 12%,transparent),0 6px 16px #0000002e,0 2px 6px #0000001f,0 0 0 1px #ffffff80 inset;transform:translateY(-1px)}.custom-date-range-panel{display:flex;gap:1rem;align-items:center;padding:var(--spacing-3) var(--spacing-4);margin-bottom:1rem;background:linear-gradient(180deg,#fffffffa,#f0f0f5fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--brand-purple-400) 10%,transparent);width:-moz-fit-content;width:fit-content;animation:slideDown .3s ease-out;transform-origin:top}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.custom-date-range-panel .filter-input-with-label{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.custom-date-range-panel .filter-input-with-label label{font-size:1rem;font-weight:700;color:var(--brand-purple-800);white-space:nowrap}.custom-date-range-panel .filter-input{padding:10px 14px;font-size:.95rem;min-width:160px}.custom-date-range-panel .filter-input-with-label:first-child:after{content:"";width:1px;height:24px;background:linear-gradient(to bottom,transparent 0%,rgba(100,116,139,.3) 20%,rgba(100,116,139,.3) 80%,transparent 100%);margin-left:1rem}.columns-dropdown{position:relative;flex-shrink:0}.columns-dropdown>button{padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;letter-spacing:.3px;border:none;cursor:pointer;background:var(--brand-gradient-flame);color:#04121c;box-shadow:0 6px 18px -4px #f9731666,0 0 0 1px #ffffff14;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.columns-dropdown>button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 8px 24px -6px #f9731680,0 0 0 1px #ffffff1a}.columns-dropdown>button:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}.columns-dropdown>button:active{transform:translateY(0)}.columns-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:#fff;border:2px solid var(--brand-purple-300);border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-purple-700) 15%,transparent);padding:.75rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.columns-dropdown-menu label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--brand-purple-700);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s ease;padding:.25rem;border-radius:var(--radius-sm)}.columns-dropdown-menu label:hover{color:var(--brand-purple-900);background:var(--brand-purple-50)}.columns-dropdown-menu input[type=checkbox]{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:var(--brand-purple-500);flex-shrink:0}@media (max-width: 768px){.sessions-header-row{flex-direction:column;align-items:stretch;gap:1rem}.sessions-header-row h2{text-align:center}.quick-filter-tabs{display:flex;flex-direction:row;gap:var(--spacing-2)}.quick-filter-tabs button{flex:1 1 0;padding:.75rem .5rem;font-size:.8rem}.sessions-header-row .filter-input{min-width:unset;max-width:unset;width:100%}.custom-date-range-panel{flex-direction:column;align-items:stretch}.custom-date-range-panel .filter-input-with-label{min-width:unset}.columns-dropdown{align-self:stretch}.columns-dropdown>button{width:100%}.columns-dropdown-menu{left:0;right:0}}@media (max-width: 576px){.quick-filter-tabs{flex-direction:column;width:100%}.quick-filter-tabs button{width:100%}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:slideUp .3s ease;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mode-indicator{margin-bottom:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:var(--radius-md);border:1px solid var(--brand-purple-200)}.mode-badge-circular{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out);cursor:default;margin:0 auto}.mode-badge-circular:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}.mode-badge-circular.mode-focus{background:linear-gradient(135deg,var(--brand-orange-dark) 0%,var(--brand-orange-600) 100%)}.mode-badge-circular.mode-manual{background:linear-gradient(135deg,#0891b2,#06b6d4)}.mode-badge-circular.mode-realtime{background:linear-gradient(135deg,var(--brand-orange-100) 0%,var(--brand-orange-200) 100%);color:var(--brand-orange-900);border:2px solid var(--brand-orange-dark)}.mode-tooltip-container{position:relative;display:inline-block;margin-left:var(--spacing-1)}.mode-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--brand-orange-500);border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;vertical-align:middle;line-height:1;padding:0;margin-left:6px;box-shadow:0 2px 4px #0003}.mode-tooltip-trigger:hover{background:var(--brand-orange-600);transform:scale(1.1);box-shadow:0 3px 6px #00000040}.mode-tooltip-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:transparent}.mode-tooltip-content{position:absolute;top:calc(100% + 8px);right:0;transform:none;background:#fff;border:2px solid var(--brand-purple-300);border-radius:var(--radius-lg);padding:var(--spacing-3);box-shadow:var(--shadow-xl);z-index:calc(var(--z-overlay) + 1);min-width:160px;white-space:nowrap}.mode-tooltip-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-2);padding:var(--spacing-1) 0;color:var(--brand-purple-800);font-size:var(--font-sm)}.mode-badge-prominent{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.mode-badge-large{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-size:1.125rem;font-weight:700;transition:all .2s ease;cursor:default;white-space:nowrap;box-shadow:0 4px 12px #00000026}.mode-badge-large.realtime{background:var(--brand-gradient-purple);color:var(--color-white);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-purple-600) 40%,transparent)}.mode-badge-large.manual{background:var(--brand-gradient-flame);color:var(--color-white);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-orange-600) 40%,transparent)}.session-id-box{margin-bottom:1.5rem;padding:1rem;background:var(--brand-purple-50);border:2px solid var(--brand-purple-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem}.session-id-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--brand-purple-700);margin:0}.tooltip-icon{cursor:help;font-size:1rem;opacity:.7;transition:opacity .2s ease}.tooltip-icon:hover{opacity:1}.session-id-value{font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:600;color:var(--brand-purple-900);background:#fff;padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--brand-purple-200);-webkit-user-select:all;-moz-user-select:all;user-select:all;cursor:text}.modal-refined{padding:0}.modal-header-refined{padding:20px 24px 16px;border-bottom:1px solid var(--brand-purple-100);background:linear-gradient(135deg,var(--brand-purple-50),var(--brand-magenta-50));display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #50005014}.modal-header-refined h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--brand-purple-900)}.modal-body-refined{padding:12px 20px 16px;overflow-y:auto;max-height:calc(90vh - 180px)}.modal-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--brand-purple-100)}.mode-pill{display:inline-flex;align-items:center;padding:7px 18px;border-radius:9999px;font-size:.9375rem;font-weight:700;white-space:nowrap;letter-spacing:.3px}.mode-pill.realtime{background:var(--brand-gradient-purple);color:var(--color-white);box-shadow:0 2px 6px #8b5cf640}.mode-pill.manual{background:var(--brand-gradient-flame);color:var(--color-white);box-shadow:0 2px 6px #f59e0b40}.mode-pill.focus{background:linear-gradient(135deg,var(--brand-orange-dark) 0%,var(--brand-orange-600) 100%);color:var(--color-white);box-shadow:0 2px 6px #f59e0b40}.btn-modal-hero{background:var(--brand-gradient-flame);color:#04121c;border:none;padding:12px 28px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #f9731659;transition:all .2s ease}.btn-modal-hero:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731673;background:linear-gradient(135deg,#fb923c,#f97316)}.btn-modal-hero:active{transform:translateY(0)}.btn-modal-subtle{background:transparent;color:var(--brand-purple-600);border:1px solid var(--brand-purple-200);padding:12px 28px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-modal-subtle:hover:not(:disabled){background:var(--brand-purple-50);border-color:var(--brand-purple-300);color:var(--brand-purple-700)}.btn-modal-subtle:disabled{opacity:.4;cursor:not-allowed}.session-id-pill{font-family:Courier New,Courier,monospace;font-size:.8125rem;color:#374151;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:7px 18px;border-radius:9999px;cursor:help;font-weight:600;border:1px solid #d1d5db;letter-spacing:.5px}.tag-pill-view-only{padding:8px 14px;border-radius:8px;background:var(--brand-purple-50);border:1px solid var(--brand-purple-200);color:var(--brand-purple-900);font-weight:600;font-size:.875rem}.tag-pill-readonly{display:inline-flex;align-items:center;padding:7px 16px;border-radius:20px;font-size:.875rem;font-weight:600;border:2px solid;box-shadow:0 2px 4px #3b82f626}.tag-pill-readonly-official{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.tag-pill-readonly-personal{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec4899;color:#9f1239}.tag-pill-readonly-others{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.tag-pill-readonly-none{background:var(--brand-purple-50);border-color:var(--brand-purple-200);color:var(--brand-purple-700);font-style:italic}.form-group-compact{margin-bottom:8px}.form-group-compact label{display:block;margin-bottom:4px;font-weight:600;font-size:.875rem;color:var(--brand-purple-900)}.form-group-compact .input{width:100%;border:1px solid var(--brand-purple-200);background:#fff}.form-group-compact .input:disabled{background:var(--brand-purple-50);border-color:var(--brand-purple-150);color:var(--brand-purple-600)}.field-error-text{display:block;margin-top:4px;font-size:.75rem;color:var(--color-error, #dc2626);font-weight:500}.form-grid-half{display:flex;flex-direction:row;gap:10px;margin-bottom:8px}.form-grid-half>*{flex:1 1 0;min-width:0}@media (max-width: 768px){.form-grid-half{flex-direction:column}}.datetime-display-box{padding:10px 14px;border-radius:8px;background:#f9fafb;border:2px solid #4b5563;color:#1f2937;font-weight:600;font-size:.9375rem;font-family:Courier New,Courier,monospace;letter-spacing:.3px}.hint-text-compact{font-size:.75rem;color:var(--brand-purple-700);background:var(--brand-purple-50);padding:8px 12px;border-radius:var(--radius-sm);margin-top:-2px;margin-bottom:12px;border-left:3px solid var(--brand-purple-300);line-height:1.4}.hint-text-alert{font-size:.8125rem;color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:10px 14px;border-radius:8px;margin-top:8px;margin-bottom:12px;line-height:1.5;font-weight:500;border:1px solid #fbbf24}.error-message-compact{font-size:.9rem;font-weight:600;color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:14px 16px;border-radius:var(--radius-md);margin-top:16px;border:2px solid #dc2626;border-left:4px solid #dc2626;box-shadow:0 2px 8px #dc262626;animation:slideInError .3s ease-out}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-footer-refined{display:flex;gap:12px;padding:16px 24px 20px;border-top:1px solid var(--brand-purple-100);background:var(--brand-purple-25, #fdfcfe)}.btn-equal-width{flex:1;padding:12px 20px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease}.modal-footer-refined .btn-modal-subtle{flex:1}.modal-footer-refined .btn-modal-hero{flex:3}.modal-footer-refined .btn-modal-hero:only-child{flex:1}.modal-footer-refined .btn:disabled{cursor:not-allowed;pointer-events:auto}.session-mode{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .2s ease;cursor:default;white-space:nowrap}.session-mode.realtime{background:var(--brand-gradient-purple);color:var(--color-white);box-shadow:0 2px 4px #8b5cf633}.session-mode.manual{background:var(--brand-gradient-flame);color:var(--color-white);box-shadow:0 2px 4px #f59e0b33}.session-mode:hover{transform:scale(1.05);box-shadow:0 4px 8px #8b5cf64d}.session-mode.manual:hover{box-shadow:0 4px 8px #f59e0b4d}.mode-indicator .session-mode{font-size:1rem;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--brand-purple-900)}.form-group .required-indicator{color:var(--color-danger, #ef4444);margin-left:.25rem}.form-group .input,.form-group .textarea{width:100%;padding:.75rem;border:2px solid var(--brand-purple-300);border-radius:var(--radius-md);font-size:.95rem;background:#fff;color:var(--brand-purple-900);transition:all .2s ease}.form-group .input:focus,.form-group .textarea:focus{outline:none;border-color:var(--brand-purple-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-600) 10%,transparent)}.form-group .textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group .input-disabled{background:var(--brand-purple-50);color:var(--brand-purple-500);cursor:not-allowed;opacity:.7}.form-group .datetime-input{font-family:inherit}.form-row{display:flex;flex-direction:row;gap:var(--spacing-4)}.form-row>*{flex:1 1 0;min-width:0}.hint-text{margin-top:1rem;padding:.75rem 1rem;background:#ffeb3b1a;border-left:3px solid var(--color-warning, #f59e0b);border-radius:var(--radius-sm);font-size:.875rem;color:var(--brand-purple-800);line-height:1.5}.error-message{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border-left:3px solid var(--color-danger, #ef4444);border-radius:var(--radius-sm);font-size:.875rem;color:#dc2626;font-weight:500}.column-toggles-wrapper{display:flex;flex-direction:column;gap:1rem}.column-toggles{display:flex;align-items:center;gap:1.5rem;padding:var(--spacing-3) var(--spacing-4);margin-bottom:1rem;background:var(--gradient-home-qotd-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--brand-purple-400) 10%,transparent);flex-wrap:wrap;animation:slideDown .3s ease-out;transform-origin:top}.mobile-only{display:none!important}.desktop-only{display:flex!important}.column-toggles-mobile{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(135deg,#ffffff2e,#ffffff14),linear-gradient(135deg,var(--brand-purple-50) 0%,var(--brand-magenta-50) 50%,var(--brand-purple-100) 100%);border-radius:var(--radius-lg);border:1px solid var(--brand-purple-200)}.mobile-toggle-row{display:flex;flex-direction:column;gap:.5rem}.column-select{width:100%;padding:.75rem;border:1px solid var(--brand-purple-300);border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;background:#fff;color:var(--brand-purple-700)}.column-select option{padding:.5rem}.column-select option:checked{background:linear-gradient(135deg,var(--brand-purple-100),var(--brand-magenta-100));color:var(--brand-purple-900)}.select-hint{font-size:.8rem;color:var(--brand-purple-600);margin:0;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:var(--brand-purple-900);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;padding:.5rem .75rem;border-radius:8px;background:#fff9;border:1px solid rgba(203,213,225,.3)}.checkbox-label:hover{background:#ffffffe6;border-color:var(--brand-purple-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.checkbox-label input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem;accent-color:var(--brand-purple-600)}.checkbox-label span{font-weight:600}input[type=checkbox]{width:18px;height:18px;cursor:pointer;transition:transform .2s ease}input[type=checkbox]:hover{transform:scale(1.1);box-shadow:0 0 0 3px #8b5cf61a}.table-cell input[type=checkbox],.table-header input[type=checkbox]{cursor:pointer;margin:0}.notes-truncate{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.table-row-clickable{cursor:pointer;transition:background-color .2s ease}.table-row-clickable:hover{background-color:#8b5cf60d}.table-row-clickable:focus{outline:2px solid var(--brand-purple-500);outline-offset:-2px}.table-header.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.table-header.sortable:focus{outline:none;box-shadow:none}.sort-indicator{margin-left:.5rem;font-size:1rem;display:inline-block;width:1.2em;text-align:center;transition:all .2s ease;color:var(--brand-purple-700);font-weight:700}.sort-indicator.sort-inactive{opacity:.6;color:var(--brand-purple-600)}.sort-indicator.sort-active{opacity:1;color:var(--brand-purple-900);font-weight:900;transform:scale(1.1)}.sessions-table-container .table-header .sort-indicator{color:var(--brand-purple-700)}.sessions-table-container .table-header .sort-indicator.sort-active{color:var(--brand-orange-600);text-shadow:0 1px 2px rgba(249,115,22,.3)}.sessions-filters{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff2e,#ffffff14),linear-gradient(135deg,var(--brand-purple-50) 0%,var(--brand-magenta-50) 50%,var(--brand-purple-100) 100%);border-radius:var(--radius-xl);border:1px solid var(--brand-purple-200);box-shadow:0 4px 12px #5000500f;position:relative}.filters-header-actions{position:absolute;top:1rem;right:1rem;z-index:10}.clear-advanced-filters{font-size:.875rem;font-weight:600;padding:.5rem 1rem;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:9999px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;cursor:pointer}.clear-advanced-filters:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.clear-advanced-filters:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.quick-filters{margin-bottom:1.25rem}.quick-filters-label{display:block;font-size:.9rem;font-weight:600;color:var(--brand-purple-700);margin-bottom:.75rem}.quick-filters-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-filter{padding:.5rem 1rem;background:#fff;color:var(--brand-purple-700);border:2px solid var(--brand-purple-300);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-filter:hover{background:var(--brand-purple-100);border-color:var(--brand-purple-500);transform:translateY(-1px);box-shadow:0 2px 4px #5000501a}.btn-filter.active{background:var(--brand-purple-600);color:#fff;border-color:var(--brand-purple-700);box-shadow:0 2px 6px color-mix(in srgb,var(--brand-purple-600) 18%,transparent)}.btn-filter:active{transform:translateY(0)}.filter-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid var(--brand-purple-200);border-bottom:1px solid var(--brand-purple-200);margin-bottom:1rem}.filter-info{display:flex;align-items:center;gap:1rem}.filtered-count{font-size:.9rem;font-weight:600;color:var(--brand-purple-700)}.active-filters-badge{padding:.25rem .75rem;background:var(--brand-orange-100);color:var(--brand-orange-700);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;border:1px solid var(--brand-orange-300)}.filter-actions{display:flex;gap:1rem;align-items:center}.btn-link{background:none;border:none;color:var(--brand-purple-600);font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s ease;padding:.25rem .5rem}.btn-link:hover{color:var(--brand-purple-800)}.btn-link.clear-filters{color:var(--color-error)}.btn-link.clear-filters:hover{color:#c41e3a}.advanced-filters{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.advanced-filters-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm, .75rem);padding:var(--spacing-md, 1rem);background:#fff;border-radius:var(--radius-md);border:none}.advanced-filters-grid .grid-heading{font-size:.85rem;font-weight:700;color:var(--brand-purple-800);letter-spacing:.02em}.advanced-filters-grid .grid-cell{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1 1 calc(33.333% - var(--spacing-sm));min-width:200px}.advanced-filters-grid>:nth-child(1),.advanced-filters-grid>:nth-child(2),.advanced-filters-grid>:nth-child(4),.advanced-filters-grid>:nth-child(5){border-right:1px solid var(--brand-purple-200);padding-right:var(--spacing-sm, .75rem)}.advanced-filters-grid>:nth-child(3),.advanced-filters-grid>:nth-child(6){padding-left:var(--spacing-sm, .75rem)}.filter-row-compact{display:flex;flex-direction:row;gap:var(--spacing-4);align-items:center}.filter-row-compact>:first-child{flex:0 0 140px}.filter-row-compact>:last-child{flex:1 1 0;min-width:0}.filter-label-compact{font-size:.9rem;font-weight:600;color:var(--brand-purple-700);text-align:right;white-space:nowrap}.filter-inputs-group{display:flex;gap:1rem;align-items:center}.filter-input-with-label{display:flex;align-items:center;gap:.5rem;flex:1}.input-sublabel{font-size:.8rem;font-weight:500;color:var(--brand-purple-500);white-space:nowrap}.input-error{border-color:var(--error-border, #dc2626)!important;background:var(--error-input-bg, #fef2f2)!important}.filter-error-inline{padding:.5rem .75rem;background:var(--error-bg, #fef2f2);border-left:3px solid var(--error-border, #dc2626);color:var(--error-text, #991b1b);font-size:.875rem;border-radius:4px;margin-top:-.5rem}.filter-row{display:flex;flex-direction:row;gap:var(--spacing-4)}.filter-row>*{flex:1 1 0;min-width:0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:600;color:var(--brand-purple-700)}.filter-error{margin-top:.5rem;padding:.5rem .75rem;background:var(--error-bg, #fef2f2);border-left:3px solid var(--error-border, #dc2626);color:var(--error-text, #991b1b);font-size:.875rem;border-radius:4px}input[aria-invalid=true]{border-color:var(--error-border, #dc2626);background:var(--error-input-bg, #fef2f2)}.filter-input{padding:.5rem .75rem;border:1px solid var(--brand-purple-300);border-radius:var(--radius-md);background:#fff;color:var(--brand-purple-800);font-size:.9rem;transition:all .2s ease}.filter-input:hover{border-color:var(--brand-purple-500)}.filter-input:focus{outline:none;border-color:var(--brand-purple-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-600) 8%,transparent)}.filter-input::-moz-placeholder{color:var(--brand-purple-400)}.filter-input::placeholder{color:var(--brand-purple-400)}.filter-group-with-apply{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--brand-purple-50, #faf5ff);border:1px solid var(--brand-purple-200);border-radius:var(--radius-md);margin-top:.5rem}.apply-filter-btn{align-self:flex-start;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;min-width:140px;margin-top:.25rem}@media (max-width: 768px){.mobile-only{display:flex}.desktop-only{display:none}.column-toggles{gap:1rem;padding:1rem}.toggles-label{width:100%;margin-bottom:.5rem}.checkbox-label{font-size:.85rem}.sessions-filters{padding:1rem}.quick-filters-buttons{display:flex;flex-direction:row;gap:var(--spacing-2)}.quick-filters-buttons>*{flex:1 1 0;min-width:0}.filter-summary{flex-direction:column;gap:.75rem;align-items:flex-start}.filter-row{flex-direction:column}.filter-inputs-group{flex-direction:column;align-items:stretch}.filter-input-with-label{flex-direction:row}.form-row{flex-direction:column}.modal-card{max-width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}}@media (max-width: 1024px){.advanced-filters-grid .grid-cell{flex:1 1 calc(50% - var(--spacing-sm))}.advanced-filters-grid>*{border-right:none!important;padding-right:0;padding-left:0}}@media (max-width: 640px){.advanced-filters-grid .grid-cell{flex:1 1 100%}.advanced-filters-grid>*{border-right:none!important}}@media (max-width: 576px){.quick-filters-buttons{flex-direction:column}.filter-actions{flex-direction:column;align-items:flex-start;gap:.5rem}}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem;margin-top:1.5rem;background:var(--gradient-home-qotd-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--brand-purple-500) 8%,transparent)}.page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--brand-purple-800);font-weight:600}.page-size-selector select{padding:.375rem .75rem;border:1px solid var(--brand-purple-300);border-radius:var(--radius-md);background:#fff;color:var(--brand-purple-800);font-weight:600;cursor:pointer;transition:all .2s ease}.page-size-selector select:hover{border-color:var(--brand-purple-500);background:var(--brand-purple-50)}.page-size-selector select:focus{outline:none;border-color:var(--brand-purple-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-600) 8%,transparent)}.page-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:1rem;color:var(--brand-purple-800);font-weight:600;text-align:center}.page-info .text-muted{font-size:.8rem;color:var(--brand-purple-500);font-weight:400}.page-navigation{display:flex;align-items:center;gap:.5rem}.page-navigation .btn-secondary{background:#fff;color:var(--brand-purple-800);border:1px solid var(--brand-purple-300);font-weight:600;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.page-navigation .btn-secondary:hover:not(:disabled){background:var(--brand-purple-100);border-color:var(--brand-purple-500);color:var(--brand-purple-900);transform:translateY(-1px);box-shadow:0 2px 4px #5000501a}.page-navigation .btn-secondary:disabled{opacity:1;cursor:not-allowed;background:#e2e8f099;color:#64748b80;border-color:#cbd5e180}.page-navigation .btn-secondary.active{background:var(--brand-purple-600);color:#fff;border-color:var(--brand-purple-700);font-weight:700;box-shadow:0 2px 6px color-mix(in srgb,var(--brand-purple-600) 18%,transparent)}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-ellipsis{padding:.25rem .5rem;color:var(--brand-purple-500);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.sessions-table-container .table{display:none}.sessions-mobile-cards{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-2)}.session-card-mobile{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-md);transition:all var(--transition-fast) var(--ease-out);border-left:4px solid var(--brand-purple-400)}.session-card-mobile:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--brand-purple-100)}.session-card-sno{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--brand-purple-600)}.session-card-task{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--brand-purple-900);margin-bottom:var(--spacing-3);cursor:pointer;transition:color var(--transition-fast) var(--ease-out)}.session-card-task:active{color:var(--brand-purple-600)}.session-card-duration{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--brand-purple-700);display:flex;align-items:center;gap:var(--spacing-2)}.session-card-duration:before{content:"⏱️"}.session-card-mobile[data-mode=realtime]{border-left-color:var(--brand-orange-100)}.session-card-mobile[data-mode=manual]{border-left-color:var(--slate-950)}.session-card-mobile[data-mode=pomodoro]{border-left-color:var(--brand-orange-dark)}[data-motion] .session-card-mobile{animation:sessionRowEnter .4s ease-out backwards}[data-motion] .session-card-mobile:nth-child(1){animation-delay:.05s}[data-motion] .session-card-mobile:nth-child(2){animation-delay:.1s}[data-motion] .session-card-mobile:nth-child(3){animation-delay:.15s}[data-motion] .session-card-mobile:nth-child(4){animation-delay:.2s}[data-motion] .session-card-mobile:nth-child(5){animation-delay:.25s}[data-motion] .session-card-mobile:nth-child(6){animation-delay:.3s}[data-motion] .session-card-mobile:nth-child(7){animation-delay:.35s}[data-motion] .session-card-mobile:nth-child(8){animation-delay:.4s}[data-motion] .session-card-mobile:nth-child(9){animation-delay:.45s}[data-motion] .session-card-mobile:nth-child(10){animation-delay:.5s}}@media (min-width: 769px){.sessions-mobile-cards{display:none}}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:1rem;padding:1rem}.page-info{order:-1}.page-size-selector{order:1}.page-navigation{order:2;flex-wrap:wrap;justify-content:center}}@media (max-width: 576px){.page-navigation .btn-secondary{padding:.25rem .5rem;font-size:.8rem}.page-numbers{gap:.125rem}.page-numbers .btn-secondary:not(.active):not(:first-child):not(:last-child){display:none}}@keyframes sessionRowEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sessions-table-container{overflow-x:auto;margin:1rem 0}.sessions-table-container .table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-purple-700) 5%,transparent)}.sessions-table-container .table-header{background:var(--gradient-home-qotd-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--brand-purple-900);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-sm);padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:3px solid rgba(51,65,85,.6);border-right:2px solid rgba(71,85,105,.25);box-shadow:var(--shadow-sm);transition:all var(--transition-fast) var(--ease-out)}.sessions-table-container .table-header:last-child{border-right:none}.sessions-table-container .table-header:hover{background:linear-gradient(135deg,#aad2f5e6,#96c8f0d9);color:var(--brand-purple-900)}.sessions-table-container .table-header.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.sessions-table-container .table-header.sortable:active{transform:translateY(1px)}.sessions-table-container .table-header.sorted{background:linear-gradient(135deg,var(--brand-purple-800) 0%,var(--brand-magenta-800) 100%)!important;color:var(--color-white)!important;box-shadow:var(--shadow-lg)}.sessions-table-container .table-cell{padding:var(--spacing-4) var(--spacing-4);border-bottom:1px solid var(--brand-purple-100);color:var(--brand-purple-800);font-size:var(--font-sm);vertical-align:middle}.sessions-table-container .col-entry-date{width:160px;white-space:nowrap}.notes-text,.text-truncate{display:inline-block;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-text-truncate{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:300px}.notes-text{max-width:200px}.actions-cell{display:flex;gap:.5rem;align-items:center;justify-content:flex-start}.btn-icon-action{background:transparent;border:none;padding:.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.btn-icon-action[data-testid=btn-edit]{color:var(--brand-purple-500)}.btn-icon-action[data-testid=btn-edit]:hover{background:#8b5cf626;color:var(--brand-purple-600);transform:scale(1.1)}.btn-icon-action[data-testid=btn-delete]{color:var(--brand-orange-400)}.btn-icon-action[data-testid=btn-delete]:hover{color:var(--brand-orange-500);background:#f9731626;transform:scale(1.1)}.btn-icon-action[data-testid=btn-view]{color:var(--brand-purple-500)}.btn-icon-action[data-testid=btn-view]:hover{background:#8b5cf626;color:var(--brand-purple-600);transform:scale(1.1)}.btn-icon-action[data-testid=btn-restore]{color:var(--brand-orange-400)}.btn-icon-action[data-testid=btn-restore]:hover{background:#f9731626;color:var(--brand-orange-500);transform:scale(1.1)}.btn-icon-action[data-testid=btn-delete-permanent]{color:var(--brand-orange-400)}.btn-icon-action[data-testid=btn-delete-permanent]:hover{background:#f9731626;color:var(--brand-orange-500);transform:scale(1.1)}.btn-icon-action:active{transform:scale(.95)}.action-icon{width:20px;height:20px;stroke-width:1.5}.task-cell-clickable{cursor:pointer;transition:all .2s ease}.sessions-table-container tbody tr[data-mode=pomodoro] .task-cell-clickable:hover{background:linear-gradient(135deg,var(--brand-orange-100) 0%,var(--brand-orange-200) 100%)!important}.sessions-table-container tbody tr[data-mode=manual] .task-cell-clickable:hover{background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-200) 100%)!important}.sessions-table-container tbody tr[data-mode=realtime] .task-cell-clickable:hover{background:linear-gradient(135deg,var(--brand-orange-50) 0%,var(--brand-orange-100) 100%)!important}.task-cell-clickable:hover .task-text-truncate{color:var(--brand-purple-700);font-weight:600}.task-cell-clickable:focus{outline:2px solid var(--brand-purple-500);outline-offset:-2px}.sessions-table-container tbody tr{transition:all var(--transition-fast) var(--ease-out)}[data-motion] .sessions-table-container tbody tr{animation:sessionRowEnter .4s ease-out backwards}[data-motion] .sessions-table-container tbody tr:nth-child(1){animation-delay:.05s}[data-motion] .sessions-table-container tbody tr:nth-child(2){animation-delay:.1s}[data-motion] .sessions-table-container tbody tr:nth-child(3){animation-delay:.15s}[data-motion] .sessions-table-container tbody tr:nth-child(4){animation-delay:.2s}[data-motion] .sessions-table-container tbody tr:nth-child(5){animation-delay:.25s}[data-motion] .sessions-table-container tbody tr:nth-child(6){animation-delay:.3s}[data-motion] .sessions-table-container tbody tr:nth-child(7){animation-delay:.35s}[data-motion] .sessions-table-container tbody tr:nth-child(8){animation-delay:.4s}[data-motion] .sessions-table-container tbody tr:nth-child(9){animation-delay:.45s}[data-motion] .sessions-table-container tbody tr:nth-child(10){animation-delay:.5s}@media (prefers-reduced-motion: reduce){[data-motion] .sessions-table-container tbody tr{animation:none!important;transition:opacity .15s ease!important}}.sessions-table-container tbody tr:nth-child(odd){background-color:#fafafa}.sessions-table-container tbody tr:nth-child(2n){background-color:#fff}.sessions-table-container tbody tr:hover{box-shadow:var(--shadow-sm);cursor:default}.sessions-table-container tbody tr[data-mode=pomodoro]:hover{background:linear-gradient(135deg,var(--brand-orange-50) 0%,var(--brand-orange-100) 100%)!important}.sessions-table-container tbody tr[data-mode=manual]:hover{background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%)!important}.sessions-table-container tbody tr[data-mode=realtime]:hover{background:linear-gradient(135deg,#fff7ed 0%,var(--brand-orange-50) 100%)!important}.sessions-table-container tbody tr[data-mode=realtime],.sessions-table-container tbody tr[data-mode=manual]{border-left:none}.sessions-table-container .table-header.table-header-muted{background:linear-gradient(135deg,var(--brand-purple-500) 0%,var(--color-gray-400) 100%);color:var(--color-white);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-sm);padding:var(--spacing-2) var(--spacing-4);text-align:left;border-bottom:3px solid var(--color-gray-700);box-shadow:var(--shadow-md);transition:all var(--transition-fast) var(--ease-out)}.sessions-table-container .table-header.table-header-muted:hover{background:linear-gradient(135deg,var(--brand-purple-500) 0%,var(--color-gray-600) 100%);color:var(--color-white)}.mode-filter-inline{display:inline-flex;align-items:center;gap:.5rem}.checkbox-label.small{gap:.375rem;font-size:.8rem}.checkbox-label.small input[type=checkbox]{width:14px;height:14px}.mode-filter-count{font-size:.75rem;color:var(--brand-purple-600);background:var(--brand-purple-50);border:1px solid var(--brand-purple-200);border-radius:9999px;padding:2px 8px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);color:var(--brand-purple-700);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .12s ease}.icon-btn:hover{background:#8b5cf61f;color:var(--brand-purple-800);transform:scale(1.12)}.icon-btn:focus-visible{outline:2px solid var(--brand-purple-500);outline-offset:2px}.icon-btn:active{transform:scale(.97)}.icon-btn.view{color:var(--brand-purple-700)}.icon-btn.restore{color:var(--brand-orange-600, #d97706)}.icon-btn.danger{color:#9b1c1c}.icon-btn.danger:hover{background:#dc26261a;color:#7f1d1d}.header-filter-container{position:relative;display:inline-block}.header-title-row{display:inline-flex;align-items:center;gap:.375rem}.filter-toggle{width:28px;height:28px;color:var(--brand-purple-700)}.header-filter-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#fff;border:1px solid var(--brand-purple-300);border-radius:var(--radius-md);box-shadow:0 6px 18px #50005026;padding:.5rem .75rem;z-index:20}.header-filter-menu .checkbox-label.small{display:flex;align-items:center;gap:.5rem;padding:.25rem}@media (max-width: 640px){.sessions-table-container table,.sessions-table-container thead,.sessions-table-container tbody,.sessions-table-container th,.sessions-table-container td,.sessions-table-container tr{display:block}.sessions-table-container thead tr{position:absolute;top:-9999px;left:-9999px}.sessions-table-container tr{border:1px solid var(--brand-purple-100);border-radius:var(--radius-md);padding:.5rem .75rem;margin-bottom:.75rem;box-shadow:0 1px 4px #5000500f}.sessions-table-container td{border:none;border-bottom:1px solid var(--brand-purple-100);position:relative;padding-left:50%;min-height:2.25rem}.sessions-table-container td:last-child{border-bottom:0}.sessions-table-container td:before{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);width:45%;padding-right:.75rem;white-space:nowrap;content:attr(data-label);font-weight:700;color:var(--brand-purple-700)}.sessions-table-container .actions-cell{display:flex;gap:.5rem;justify-content:flex-end}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--brand-purple-600);font-size:1.1rem;border-radius:var(--radius-xl);animation:fadeInUp .6s ease-out .1s backwards}.empty-state p{margin:.5rem 0}.sessions-content{margin-top:1.5rem;border-radius:var(--radius-xl);overflow:hidden;animation:fadeInUp .6s ease-out .1s backwards}.sessions-content>.text-muted{font-size:.9rem;color:var(--brand-purple-600);margin-bottom:1rem;font-weight:500}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:#fffc;border:1px solid rgba(203,213,225,.4);border-radius:12px;margin-bottom:1rem;gap:1rem;flex-wrap:wrap;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.bulk-selection-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9375rem}.selection-count{font-weight:600;color:var(--brand-purple-900);letter-spacing:.2px}.separator{color:var(--brand-purple-400);margin:0 .25rem;font-weight:300}.btn-link{background:none;border:none;color:var(--brand-purple-600);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;font-weight:600;transition:all .2s ease;letter-spacing:.2px}.btn-link:hover{color:var(--brand-orange-500);text-decoration-thickness:2px}.btn-link:focus-visible{outline:2px solid var(--brand-purple-500);outline-offset:2px;border-radius:2px}.btn-sm{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;letter-spacing:.3px;border-radius:10px}.bulk-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.export-dropdown{position:relative}.btn-secondary{background:linear-gradient(135deg,#ffba88,#eb824a);color:#04121c;border:none;cursor:pointer;box-shadow:0 4px 12px -2px #f9731640,0 0 0 1px #ffffff14;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-secondary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f56e00,#8a3900);box-shadow:0 6px 16px -3px #f9731659,0 0 0 1px #ffffff1a}.btn-secondary:active{transform:translateY(0)}.btn-secondary:focus-visible{outline:2px solid var(--brand-orange-500);outline-offset:2px}.btn-danger{background:var(--color-error);color:var(--color-white);border:none;cursor:pointer;box-shadow:0 4px 12px -2px #ef444459,0 0 0 1px #ffffff14;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-danger:hover{transform:translateY(-2px);background:var(--color-error-dark);box-shadow:0 6px 16px -3px #ef444473,0 0 0 1px #ffffff1a}.btn-danger:active{transform:translateY(0)}.btn-danger:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--color-white);border:1px solid rgba(203,213,225,.3);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-dropdown .dropdown-menu{background:linear-gradient(180deg,#f97416,#e4ab8cbe);border-color:#f973162e}.dropdown-item{display:block;width:100%;padding:.625rem 1rem;border:none;background:none;text-align:left;font-size:.9375rem;font-weight:500;color:var(--brand-text-dark);cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:var(--brand-purple-50);color:var(--brand-purple-900);padding-left:1.25rem}.dropdown-item:focus-visible{outline:2px solid var(--brand-purple-500);outline-offset:-2px}.export-dropdown .dropdown-item:hover{background:#f973161f;color:var(--brand-text-dark)}.export-dropdown .dropdown-item:focus-visible{outline:2px solid var(--brand-orange-500);outline-offset:-2px}.export-dropdown .dropdown-item:nth-child(1):hover{background:#22c55e1f!important;border-left:3px solid var(--color-success, #22c55e);padding-left:1.25rem}.export-dropdown .dropdown-item:nth-child(2):hover{background:#3b82f61f!important;border-left:3px solid var(--color-info, #3b82f6);padding-left:1.25rem}.export-dropdown .dropdown-item:nth-child(3):hover{background:#ef44441f!important;border-left:3px solid var(--color-error, #ef4444);padding-left:1.25rem}.export-dropdown .dropdown-item:nth-child(1):focus-visible{outline:2px solid var(--color-success, #22c55e)!important}.export-dropdown .dropdown-item:nth-child(2):focus-visible{outline:2px solid var(--color-info, #3b82f6)!important}.export-dropdown .dropdown-item:nth-child(3):focus-visible{outline:2px solid var(--color-error, #ef4444)!important}.export-all-container{position:relative}.btn-outline{background:transparent;border:1px solid var(--color-gray-300);color:var(--brand-text-dark);padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-outline:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.confirm-modal{max-width:400px}.confirm-message{font-size:1rem;color:var(--brand-text-dark);margin:0 0 .5rem}.confirm-message strong{color:var(--color-error, #f44336)}.confirm-warning{font-size:.875rem;color:var(--color-gray-600);margin:0}@media (max-width: 640px){.bulk-action-bar{flex-direction:column;align-items:stretch}.bulk-selection-info{justify-content:center}.bulk-actions{flex-direction:column}.btn-danger.btn-sm,.btn-secondary.btn-sm{width:100%}.btn-outline{font-size:0}.btn-outline:before{content:"📤";font-size:1rem}}.checkbox-column{width:50px;text-align:center}.checkbox-cell{text-align:center;padding:.5rem!important}.checkbox-cell input[type=checkbox],.checkbox-column input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-purple, #6200ee)}.selected-row{background-color:#f973160f!important}.selected-row:hover{background-color:#f973161a!important}.selection-info{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem;background-color:var(--color-purple-light, rgba(98, 0, 238, .05));border-left:4px solid var(--color-purple, #6200ee);border-radius:var(--radius-md, 8px)}.selection-badge{font-weight:600;color:var(--color-purple, #6200ee);font-size:.9375rem}.btn-link{background:none;border:none;color:var(--color-purple, #6200ee);text-decoration:underline;cursor:pointer;padding:0;font-size:.875rem;font-weight:500}.btn-link:hover{color:var(--color-purple-dark, #4b00b8);text-decoration:none}.btn-link:focus{outline:2px solid var(--color-purple, #6200ee);outline-offset:2px;border-radius:2px}.bulk-actions-select-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:var(--brand-purple-900);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;padding:.5rem .75rem;border-radius:8px;background:#fff9;border:1px solid rgba(203,213,225,.3)}.bulk-actions-select-label:hover{background:#ffffffe6;border-color:var(--brand-purple-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.bulk-actions-select-label input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem;accent-color:var(--brand-purple-600)}.bulk-actions-select-label span{font-weight:600}.bulk-actions-buttons{display:flex;gap:.75rem;margin-left:auto}.bulk-actions-restore-btn{padding:.625rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9375rem;letter-spacing:.3px;border:none;cursor:pointer;background:var(--brand-gradient-flame);color:#04121c;box-shadow:0 4px 12px -2px #f9731659,0 0 0 1px #ffffff14;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bulk-actions-restore-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px 16px -3px #f9731673,0 0 0 1px #ffffff1a}.bulk-actions-restore-btn:active{transform:translateY(0)}.bulk-actions-restore-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.bulk-actions-delete-btn{padding:.625rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9375rem;letter-spacing:.3px;border:none;cursor:pointer;background:var(--color-error);color:var(--color-white);box-shadow:0 4px 12px -2px #ef444459,0 0 0 1px #ffffff14;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bulk-actions-delete-btn:hover{transform:translateY(-2px);background:var(--color-error-dark);box-shadow:0 6px 16px -3px #ef444473,0 0 0 1px #ffffff1a}.bulk-actions-delete-btn:active{transform:translateY(0)}.bulk-actions-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.selection-info .btn-danger{margin-left:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.selection-info .btn-sm{padding:.375rem .875rem;font-size:.8125rem}.bulk-restore-conflict-modal{max-width:600px;width:90%}.conflict-sessions-list{margin:1.5rem 0;padding:1rem;background-color:var(--color-surface-subtle, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.conflict-sessions-list h3{font-size:.9375rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary, #1f2937)}.conflict-table-wrapper{max-height:200px;overflow-y:auto;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);background:#fff}.conflict-table{width:100%;border-collapse:collapse;font-size:.875rem}.conflict-table thead{position:sticky;top:0;background-color:var(--color-surface, #f3f4f6);z-index:1}.conflict-table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--color-text-secondary, #6b7280);border-bottom:1px solid var(--color-border, #e5e7eb)}.conflict-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border-subtle, #f3f4f6);color:var(--color-text-primary, #1f2937)}.conflict-table tbody tr:hover{background-color:var(--color-surface-subtle, #f9fafb)}.conflict-overflow-notice{padding:.5rem;text-align:center;font-size:.8125rem;color:var(--color-text-secondary, #6b7280);font-style:italic}.conflict-summary{margin-top:1rem;padding:.75rem 1rem;background-color:var(--color-warning-light, #fef3c7);border-left:4px solid var(--color-warning, #f59e0b);border-radius:var(--radius-sm, 4px);font-size:.9375rem}.conflict-summary strong{color:var(--color-warning-dark, #d97706)}.tag-pills-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2)}.tag-pills-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0}.tag-pills-label .required-indicator{color:var(--color-red);margin-left:var(--spacing-1)}.tag-pills-container{display:flex;gap:var(--spacing-2);flex-wrap:wrap}@media (max-width: 400px){.tag-pills-container{flex-direction:column}}.tag-pills-container.disabled{opacity:.6;pointer-events:none}.tag-pill{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--tag-color, var(--color-gray-400));border-radius:var(--radius-pill);background:transparent;color:var(--tag-color, var(--color-gray-700));font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-colors),var(--transition-transform);outline:none;flex:1;min-width:100px}.tag-pill:hover:not(:disabled){background:var(--tag-color);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tag-pill:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-purple-600) 20%,transparent)}.tag-pill.selected{background:var(--tag-color);color:var(--color-white);border-color:var(--tag-color)}.tag-pill:disabled{cursor:not-allowed;opacity:.5}.tag-pill-text{flex:1;text-align:center}.tag-pill-shortcut{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#fff3;font-size:11px;font-weight:var(--font-weight-bold);line-height:1}.tag-pill.selected .tag-pill-shortcut{background:#ffffff4d}.tag-pills-hint{font-size:var(--font-xs);color:var(--color-gray-500);font-style:italic}@media (max-width: 400px){.tag-pill{min-width:auto;width:100%}}.guest-hero{background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80;padding:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-6);overflow:hidden;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .1s backwards}.guest-hero__content{display:flex;flex-direction:column;gap:var(--spacing-6)}@media (min-width: 1024px){.guest-hero__content{flex-direction:row;align-items:stretch;gap:var(--spacing-8)}.guest-hero__inner{flex:1;display:flex;flex-direction:column}.guest-hero__image-wrapper{flex:0 0 45%;max-width:500px;height:100%}}.guest-hero__image-wrapper{width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #00000026}.guest-hero__image{width:100%;height:100%;min-height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.guest-hero__greeting{margin:0 0 var(--spacing-3);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--marian-blue)}.guest-hero__story{margin:0 0 var(--spacing-2);color:#03045ed9;line-height:1.7}.guest-hero__proof{display:flex;align-items:center;gap:var(--spacing-2);color:#03045ecc;font-weight:600;margin-top:var(--spacing-3)}.guest-proof__icon{width:1.1rem;height:1.1rem;color:var(--honolulu-blue)}.guest-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4);justify-content:center}.guest-cta--wide{min-width:280px;justify-content:center}.guest-link{color:var(--honolulu-blue);text-decoration:underline;text-underline-offset:2px}.guest-link:hover{text-shadow:0 0 14px rgba(0,180,216,.35)}.guest-cta{display:inline-flex;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,var(--pacific-cyan) 0%,var(--honolulu-blue) 100%);color:#fff;font-weight:600;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-xl);font-size:.9rem;letter-spacing:.02em;box-shadow:0 4px 14px #00b4d859,0 2px 6px #00000026,0 0 0 1px #00b4d866,inset 0 1px #ffffff40;text-decoration:none;position:relative;isolation:isolate;transition:all .25s cubic-bezier(.4,0,.2,1)}.guest-cta:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 70%);opacity:.4;mix-blend-mode:overlay;pointer-events:none;transition:opacity .25s ease}.guest-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00b4d873,0 4px 12px #00000040,0 0 0 1px #00b4d88c,inset 0 1px #ffffff59}.guest-cta:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #00b4d866,0 2px 6px #0003,0 0 0 1px #00b4d873,inset 0 1px #fff3}.guest-cta:focus-visible{outline:2px solid var(--marian-blue);outline-offset:3px}.guest-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.guest-signin{display:inline-block;background:linear-gradient(135deg,var(--brand-purple-main) 0%,var(--brand-purple-dark) 100%);border:1px solid rgba(155,103,212,.5);color:#fff;font-weight:600;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);font-size:.9rem;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #7b47b459,0 2px 6px #0003,0 0 0 1px #9b67d44d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2);text-decoration:none;margin-right:var(--spacing-1)}.guest-signin:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-purple-dark) 0%,var(--brand-purple-main) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #7b47b480,0 4px 12px #0000004d,0 0 0 1px #9b67d480,inset 0 1px #ffffff4d}.guest-signin:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #7b47b466,0 1px 4px #00000040,0 0 0 1px #9b67d466,inset 0 1px #ffffff26}.guest-signin:disabled{opacity:.6;cursor:wait;transform:none}.guest-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.guest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-5)}}.guest-card{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-5);box-shadow:var(--shadow);transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) backwards}.guest-card:nth-child(2){animation-delay:.5s}.guest-card:nth-child(3){animation-delay:.6s}.guest-card:nth-child(4){animation-delay:.7s}.guest-card:nth-child(5){animation-delay:.8s}.guest-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px #00000026,0 6px 12px -2px #0000001a,0 0 0 1px #00b4d826;border-color:#00b4d84d}.guest-card__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.guest-card__icon{width:1.5rem;height:1.5rem;color:var(--honolulu-blue)}.guest-card__title{margin:0;font-size:1.1rem;font-weight:700;color:#03045ee6}.guest-card__list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-2)}.guest-card__item{display:flex;align-items:center;gap:var(--spacing-2);color:#03045ecc}.guest-bullet__icon{width:1rem;height:1rem;color:var(--pacific-cyan)}.guest-footer{margin-top:var(--spacing-8);color:#03045eb3}.guest-footer__heart{width:1rem;height:1rem;color:var(--honolulu-blue);margin:0 var(--spacing-1)}.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}.dashboard-layout{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.dashboard-metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard-metrics-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-metrics-grid--four-col{grid-template-columns:1fr}@media (min-width: 640px){.dashboard-metrics-grid--four-col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard-metrics-grid--four-col{grid-template-columns:repeat(4,1fr)}}.dashboard-charts-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.milestones-card{background:linear-gradient(135deg,#c8e6ffd9,#b4dcffcc);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-2xl);padding:clamp(1.25rem,3vw,2rem);width:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80;position:relative;isolation:isolate;margin-top:clamp(1rem,2vw,1.5rem);overflow:hidden;animation:fadeInUp .7s ease-out .3s backwards}.milestones-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,180,216,.08) 0%,rgba(72,202,228,.05) 50%,transparent 100%);opacity:1;z-index:-1;pointer-events:none}.milestones-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.milestones-card__help-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(3,4,94,.3);background:transparent;color:#03045eb3;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0}.milestones-card__help-icon:hover{background:#03045e14;border-color:#03045e80;color:#03045ee6;transform:scale(1.1)}.milestones-card__help-icon:focus-visible{outline:2px solid var(--brand-purple-main);outline-offset:2px}.milestones-card__title{margin:0;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:700;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--brand-purple-main) 45%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em;line-height:1.2;text-shadow:0 2px 8px color-mix(in srgb,var(--brand-purple-600) 8%,transparent);display:flex;align-items:center;gap:var(--spacing-sm)}.milestones-card__header-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--brand-purple-main)}.milestones-card__summary{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:#03045e99}.milestones-card__badge-count{font-weight:600;color:#03045ed9}.milestones-card__total-hours{font-weight:500;color:#03045eb3}.milestones-carousel{position:relative;display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.milestones-card__grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:clamp(.875rem,2vw,1.25rem);padding:var(--spacing-xs) 25% var(--spacing-xs) 0;flex:1;scrollbar-width:none;-ms-overflow-style:none}.milestones-card__grid::-webkit-scrollbar{display:none}.milestones-card__grid{scroll-behavior:smooth}.milestones-card__badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);background:linear-gradient(135deg,#f0f4f8,#ebf0f5);border:2px solid rgba(3,4,94,.15);box-shadow:0 2px 4px #00000014,inset 0 1px #ffffffe6;border-radius:var(--radius-xl);transition:all .22s cubic-bezier(.4,0,.2,1);flex:0 0 clamp(135px,14vw,170px);min-height:120px;scroll-snap-align:center}.milestones-card__badge--unlocked{border-color:#10b98166;background:linear-gradient(135deg,#ecfdf5,#dcfce7);box-shadow:0 3px 8px #10b98133,inset 0 1px #ffffffe6}.milestones-card__badge--unlocked:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #10b9814d,inset 0 1px #fffffff2;border-color:#10b98199;background:linear-gradient(135deg,#fffffffa,#fcfffef5,#f8fdfcf0)}.milestones-card__badge--locked{opacity:.65;filter:none;background:linear-gradient(135deg,#e2e8f0,#dae0e9);border-color:#03045e1a;color:#03045e73}.milestones-card__badge--locked:hover{opacity:.8;transform:translateY(-2px);background:linear-gradient(135deg,#fffffff2,#fafcffeb,#f5f8fce0);border-color:#03045e33}.milestones-card__badge-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--spacing-sm);line-height:1}.milestones-card__badge--unlocked .milestones-card__badge-icon{color:#10b981e6}.milestones-card__badge--locked .milestones-card__badge-icon{color:#03045e66}.milestones-card__badge-name{font-size:var(--font-size-sm);font-weight:600;color:#03045ed9;text-align:center}.milestones-card__badge-locked-indicator{position:absolute;top:8px;right:8px;font-size:14px;opacity:.6}.milestones-carousel__nav{background:#1e1e3c99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#ffffffe6;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;z-index:2}.milestones-carousel__nav:hover:not(:disabled){background:#1e1e3ccc;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a;transform:scale(1.05);border-color:#00b4d880}.milestones-carousel__nav:active:not(:disabled){transform:scale(.95)}.milestones-carousel__nav:disabled{opacity:.3;cursor:not-allowed;background:#1e1e3c4d}.milestones-carousel__nav:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}@media (prefers-reduced-motion: reduce){.milestones-carousel__nav:hover{transform:none}.milestones-card__grid{scroll-behavior:auto}}.milestones-card__motivation{padding:var(--spacing-md);background:linear-gradient(135deg,var(--brand-purple-main) 0%,var(--brand-purple-600) 100%);border-radius:var(--radius-md);text-align:center}.milestones-card__motivation--complete{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%)}.milestones-card__motivation-text{color:#fff;font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.milestones-card__motivation-text strong{font-weight:700;display:inline-flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 768px){.milestones-card{padding:var(--spacing-md)}.milestones-sidebar__scroll-container{max-height:none;overflow-x:auto;overflow-y:hidden;display:flex;gap:1rem;padding-bottom:1rem}.milestones-card{min-width:260px;flex-shrink:0}.milestones-card__header{flex-direction:column;align-items:flex-start}.milestones-card__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.milestones-card__badge{min-height:100px;padding:var(--spacing-sm)}.milestones-card__badge-icon{font-size:28px}}@media (max-width: 576px){.milestones-card{padding:var(--spacing-sm)}.milestones-card__grid{grid-template-columns:repeat(2,1fr)}.milestones-card__summary{flex-direction:column;gap:var(--spacing-xs)}}.welcome-card{margin-top:0;margin-bottom:clamp(1rem,2vw,1.5rem);background:var(--gradient-home-qotd-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a,0 0 24px #8b5cf626;padding:var(--spacing-xl);transition:all .3s ease;animation:fadeInUp .6s ease-out .15s backwards}.welcome-card:hover{box-shadow:0 8px 12px #00000026,0 0 32px #8b5cf640;transform:translateY(-2px)}.welcome-card__content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-lg);text-align:left}.welcome-card__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.3;white-space:nowrap}.welcome-card__name{background:linear-gradient(90deg,var(--brand-purple-400),var(--brand-purple-600),var(--brand-purple-400));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome-card__message{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.5;padding:0 var(--spacing-md)}.welcome-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);margin:0;min-width:180px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6e6,#a78bfacc);color:#fff;border:1px solid rgba(139,92,246,.5);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b5cf666,0 0 24px #8b5cf64d}.welcome-card__cta:hover{background:linear-gradient(135deg,#8b5cf6,#a78bfaf2);border-color:#8b5cf6cc;box-shadow:0 6px 20px #8b5cf680,0 0 32px #8b5cf666;transform:translateY(-2px);color:#fff}.welcome-card__cta:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf666,0 0 16px #8b5cf64d}@media (max-width: 768px){.welcome-card{padding:var(--spacing-lg)}.welcome-card__content{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.welcome-card__heading{font-size:var(--font-size-xl)}.welcome-card__message{font-size:var(--font-size-sm);padding:0}.welcome-card__cta{width:100%;min-width:unset}}.empty-dashboard{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl);background:var(--gradient-home-qotd-base);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--brand-purple-500) 8%,transparent);animation:fadeInUp .6s ease-out .1s backwards}.empty-dashboard-content{text-align:center;max-width:700px}.empty-dashboard-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.empty-dashboard-icon-svg{width:5rem;height:5rem;margin:0 auto var(--spacing-lg);color:var(--brand-purple-500);opacity:.8;filter:drop-shadow(0 4px 12px rgba(123,71,180,.3))}.empty-dashboard-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.empty-dashboard-message{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.empty-dashboard-cta{font-size:.875rem;color:var(--color-purple);font-weight:500}.other-projects-modal{background:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.modal-close-button{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:background-color .2s ease,color .2s ease}.modal-close-button:hover{background-color:var(--color-hover);color:var(--color-text)}.modal-close-button:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.other-projects-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.other-projects-table thead th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.other-projects-table tbody .project-row{cursor:pointer;transition:background-color .2s ease}.other-projects-table tbody .project-row:hover{background-color:var(--color-hover)}.other-projects-table tbody .project-row:focus-visible{outline:2px solid var(--color-purple);outline-offset:-2px}.other-projects-table tbody td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.project-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.project-sessions,.project-duration{color:var(--color-text-secondary);text-align:right}@media (max-width: 640px){.other-projects-modal{max-width:95%}.modal-title{font-size:var(--font-size-lg)}.other-projects-table thead th{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.other-projects-table tbody td{padding:var(--spacing-sm)}}.heatmap-card{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:clamp(1.25rem,3vw,2rem);grid-column:1 / -1;box-shadow:var(--shadow-md);position:relative;isolation:isolate}.heatmap-card__title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600;background:linear-gradient(90deg,var(--marian-blue) 0%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.heatmap-card__container{position:relative;overflow-x:auto;overflow-y:visible;padding-bottom:var(--spacing-md);display:flex;justify-content:center}.heatmap-card__svg{display:block;font-family:var(--font-family-base);max-width:100%}.heatmap-card__label{font-size:13px;font-weight:500;fill:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.heatmap-card__label--hour{font-size:12px;font-weight:500}.heatmap-card__cell{cursor:pointer;transition:all .2s ease}.heatmap-card__cell:hover{stroke-width:2;stroke:var(--brand-purple-main);filter:brightness(1.15);transform:scale(1.05);transform-origin:center}.heatmap-card__tooltip{position:absolute;transform:translate(0);background:#0f172ad9;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.18);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.2px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a inset;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translate(0)}}.heatmap-card__legend{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end;margin-top:var(--spacing-md)}.heatmap-card__legend-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.heatmap-card__legend-scale{display:flex;gap:2px}.heatmap-card__legend-cell{width:16px;height:16px;border:1px solid var(--color-border);border-radius:2px}.heatmap-card__empty{padding:var(--spacing-xl) 0;text-align:center;color:var(--color-text-secondary)}.heatmap-card__empty p{margin:0;font-size:var(--font-size-md)}.heatmap-card__empty-subtitle{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media (max-width: 768px){.heatmap-card{padding:var(--spacing-md)}.heatmap-card__container{overflow-x:scroll;-webkit-overflow-scrolling:touch}.heatmap-card__label{font-size:11px}.heatmap-card__label--hour{font-size:10px}.heatmap-card__legend{justify-content:center}}.metric-card{background:linear-gradient(135deg,#c8e6ffd9,#b4dcffcc);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:var(--spacing-4);transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80;position:relative;isolation:isolate;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,180,216,.08) 0%,rgba(72,202,228,.05) 50%,transparent 100%);opacity:1;pointer-events:none;z-index:-1}.metric-card:after{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,rgba(72,202,228,.25),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1;display:none}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #00000026,0 6px 12px -2px #00000014,0 0 0 1px #00b4d84d,inset 0 1px #fff9;background:linear-gradient(135deg,#fffffffa,#fcfefff5,#f8fcfff0);border-color:#00b4d866}.metric-card:hover:after{opacity:0}@media (prefers-reduced-motion: reduce){.metric-card:hover{transform:none}.metric-card:after{display:none}}.metric-card__icon-circle{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--honolulu-blue) 0%,var(--pacific-cyan) 100%);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0077b64d}.metric-card__icon{font-size:1.5rem;color:var(--color-white);line-height:1;display:inline-flex;align-items:center;justify-content:center}.metric-card__icon svg{width:1.5rem;height:1.5rem;color:var(--color-white);stroke-width:2}.metric-card__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.metric-card__title{font-size:.875rem;color:#03045eb3;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.metric-card__value{font-size:clamp(1.5rem,3vw,2.2rem);color:#03045ed9;font-weight:700;line-height:1.2;letter-spacing:-.01em}.metric-card__sparkline{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1);opacity:.9}.metric-card__subtitle{font-size:.875rem;color:#03045e99;margin-top:var(--spacing-1)}.metric-card:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}.metric-card--hero{padding:clamp(1.5rem,3.5vw,2.5rem);min-height:200px;border-left:4px solid transparent;position:relative;gap:var(--spacing-5)}.metric-card--hero:first-of-type{border-left-color:var(--honolulu-blue);box-shadow:-4px 0 12px #0077b64d,0 8px 16px -4px #00b4d84d,0 4px 8px -2px #0003,inset 0 1px #fff3}.metric-card--hero:nth-of-type(2){border-left-color:var(--color-energy-mid);box-shadow:-4px 0 12px #10b9814d,0 8px 16px -4px #00b4d84d,0 4px 8px -2px #0003,inset 0 1px #fff3}.metric-card__hero-row{display:flex;align-items:center;gap:var(--spacing-4);width:100%}.metric-card__hero-left{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);min-width:100px}.metric-card__hero-divider{width:2px;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3) 20%,rgba(255,255,255,.3) 80%,transparent);flex-shrink:0}.metric-card__hero-right{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.metric-card__graph-row{width:100%;margin-top:var(--spacing-2)}.metric-card--hero .metric-card__icon-circle{width:3.5rem;height:3.5rem}.metric-card--hero .metric-card__icon{font-size:1.75rem}.metric-card--hero .metric-card__icon svg{width:1.75rem;height:1.75rem}.metric-card--hero .metric-card__title{font-size:.8125rem;text-align:center;color:#03045ea6;font-weight:600}.metric-card--hero .metric-card__value{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1;color:#03045e;font-weight:800}.metric-card--hero .metric-card__subtitle{font-size:.875rem;color:#03045e8c;font-weight:500}.metric-card--compact{padding:clamp(1rem,2vw,1.5rem);gap:var(--spacing-3);min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.metric-card__compact-row-1{display:flex;align-items:center;gap:var(--spacing-3)}.metric-card__compact-divider{width:1.5px;height:32px;background:linear-gradient(to bottom,transparent,rgba(0,180,216,.3) 20%,rgba(0,180,216,.3) 80%,transparent);flex-shrink:0}.metric-card__compact-row-2{display:flex;align-items:baseline;gap:var(--spacing-2);flex-wrap:wrap}.metric-card--compact .metric-card__icon-circle{width:2.5rem;height:2.5rem;flex-shrink:0}.metric-card--compact .metric-card__icon{font-size:1.25rem}.metric-card--compact .metric-card__icon svg{width:1.25rem;height:1.25rem}.metric-card--compact .metric-card__title{font-size:clamp(.65rem,1.5vw,.875rem);text-transform:uppercase;letter-spacing:.04em;color:#03045eb3;font-weight:600;flex:1;line-height:1.3;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.metric-card--compact .metric-card__value{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:#03045ed9;line-height:1}.metric-card--compact .metric-card__subtitle{font-size:.8125rem;color:#03045e8c;font-weight:500}.metric-unit{font-size:.6em;margin-left:.05em;margin-right:.15em;font-weight:inherit;opacity:.85}.profile-page-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section-card{background:var(--card-glass);backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow);animation:fadeInUp .5s ease-out backwards}.profile-heading{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:800;margin:0 0 var(--spacing-3) 0}.profile-intro-block{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.profile-intro{color:var(--text-primary)}.profile-intro-list{margin:0 0 0 var(--spacing-5);color:var(--text-secondary)}.profile-intro-note{color:var(--text-secondary);font-size:.95rem}.profile-section{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.profile-section>h2{font-size:1.05rem;font-weight:700;margin:0}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3)}@media (max-width: 900px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.profile-grid{grid-template-columns:1fr}}.form-col,.form-row{display:flex;flex-direction:column;gap:6px}label{font-size:13px;font-weight:700;color:var(--text-primary)}input[type=text],textarea{padding:12px;border-radius:8px;border:1px solid var(--border);background:#fffffff2;color:var(--text-primary);font-size:14px}textarea{min-height:96px;resize:vertical}.email-badge{display:inline-flex;align-items:center;padding:10px 12px;border-radius:8px;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border);min-height:42px}.photo-col{align-items:flex-start}.profile-photo{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.goals-list{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 640px){.goals-list{grid-template-columns:1fr}}.goal-item{display:flex;gap:10px;align-items:center}.goal-item input[type=checkbox]{accent-color:var(--color-purple)}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:var(--spacing-2)}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-default)}.btn-primary{background:var(--color-purple);color:#fff;border-color:transparent}.btn-primary[aria-busy=true]{opacity:.8}.btn-sent{background:var(--brand-orange-main);color:var(--color-white);border-color:transparent}.btn-sent:hover{background:var(--brand-orange-dark)}.themes-section{max-width:100%;margin:0;padding:0}.themes-section__heading{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-3)}.themes-section__intro{font-size:1.125rem;color:var(--text-muted);margin-bottom:var(--spacing-6);line-height:1.6}.blue-whale-content{display:flex;gap:var(--spacing-6);align-items:stretch}.blue-whale-content__image{flex:0 0 45%;max-width:45%;width:45%;aspect-ratio:3/4;border-radius:var(--radius-md);box-shadow:var(--shadow-md);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.blue-whale-content__text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-lg)}.blue-whale-content__body{flex:1}.blue-whale-content__text h3{margin-top:0}.blue-whale-palette__heading{font-size:1rem;font-weight:600;color:var(--honolulu-blue);margin-top:var(--spacing-5);margin-bottom:var(--spacing-3)}.blue-whale-palette{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-5);height:80px}.blue-whale-palette__bar{flex:1;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.blue-whale-palette__bar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.theme-activate-btn:disabled{cursor:not-allowed;opacity:1;pointer-events:auto}.theme-activate-btn:disabled:hover{transform:none;box-shadow:none;border-color:var(--border)}.blue-whale-palette__bar:focus{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.theme-activate-btn{margin-top:auto;width:100%;justify-content:center;font-weight:600;font-size:var(--font-base);padding:var(--spacing-3) var(--spacing-5)}.theme-activate-btn:disabled{cursor:not-allowed;opacity:1}.theme-activate-btn.coming-soon{background:linear-gradient(180deg,#ffffff0f,#00000005);border:1px solid rgba(26,18,8,.06);color:var(--text-primary);padding:calc(var(--spacing-3) + 2px) var(--spacing-5);border-radius:999px;box-shadow:0 6px 18px #1a12080f;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.theme-activate-btn.coming-soon:disabled{cursor:not-allowed;opacity:1}.theme-activate-btn.coming-soon:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1a120814}.theme-activate-btn:not(.active){background:linear-gradient(135deg,#ffffff1f,#ffffff14);color:var(--color-gray-800);border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm)}.theme-activate-btn:not(.active):hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:var(--pacific-cyan);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tooltip-wrapper{position:relative;width:100%}.themes-tooltip{position:absolute;left:50%;transform:translate(-50%) translateY(8px);bottom:calc(100% + 10px);background:#1a1208f2;color:#fff;padding:8px 12px;border-radius:8px;font-size:.875rem;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 6px 20px #02081740;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:40}.themes-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-6px;width:10px;height:10px;background:#1a1208f2;transform-origin:center;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tooltip-wrapper:hover .themes-tooltip,.tooltip-wrapper:focus-within .themes-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}@media (max-width: 768px){.themes-section__heading{font-size:1.5rem}.themes-section__intro{font-size:1rem}.blue-whale-content{flex-direction:column;gap:var(--spacing-4)}.blue-whale-content__image{flex:0 0 auto;max-width:100%;width:100%}}.help-page-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:var(--spacing-6)}.help-nav-card{background:var(--card-glass);backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2vw,1.5rem);box-shadow:var(--shadow);transition:var(--transition-card-hover);display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:nowrap;position:relative;animation:fadeInUp .5s ease-out backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.help-section-card{background:var(--gradient-home-qotd-base);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(2rem,4vw,3rem);box-shadow:var(--shadow);transition:var(--transition-card-hover);position:relative;isolation:isolate;animation:fadeInUp .6s ease-out .1s backwards}.help-section-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 100%);border-radius:inherit;pointer-events:none;z-index:-1}.help-tip-card{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:clamp(1rem,3vw,1.5rem);box-shadow:var(--shadow);transition:var(--transition-card-hover)}.help-tip-card:hover{transform:translateY(-2px);background:linear-gradient(135deg,color-mix(in srgb,var(--card-glass) 90%,var(--surface-1) 10%) 0%,var(--card-glass) 100%);box-shadow:0 8px 16px -4px color-mix(in srgb,var(--accent) 12%,rgba(0,0,0,.12))}.help-tip-card__text{margin:0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.help-tip-card__icon{font-size:1.5rem;margin-right:var(--spacing-2)}.help-tip-card__label{color:var(--accent);font-weight:600}.help-nav-pill{display:inline-flex;align-items:center;padding:.875rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);letter-spacing:.3px;text-decoration:none;border:none;cursor:pointer;min-height:3rem;transition:var(--transition-card-hover);background:var(--card-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-nav-list{display:flex;align-items:center;gap:var(--spacing-3);flex:1 1 auto;justify-content:center;overflow:hidden}.help-nav-arrow{width:40px;height:40px;border-radius:9999px;border:1px solid var(--border);background:radial-gradient(circle at 30% 30%,#fff9,#ffffff40),color-mix(in srgb,var(--card-glass) 70%,transparent);box-shadow:0 6px 14px -4px #00000040;display:inline-flex;align-items:center;justify-content:center;color:var(--honolulu-blue);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.help-nav-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#1e1e3c99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;display:inline-flex;align-items:center;justify-content:center;color:#ffffffe6;cursor:pointer;transition:all .2s ease}.help-nav-arrow__icon{width:22px;height:22px}.help-nav-arrow.left{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.help-nav-arrow.right{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.help-nav-arrow:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 10px 18px -6px #00000059}.help-nav-arrow:hover:not(:disabled){background:#1e1e3ccc;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a;transform:translateY(-50%) scale(1.05);border-color:#00b4d880}.help-nav-arrow:active{transform:translateY(-50%) scale(.98)}.help-nav-arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.help-nav-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}.help-nav-arrow[disabled]{opacity:.3;cursor:not-allowed;background:#1e1e3c4d}.help-nav-arrow:focus-visible{outline:2px solid var(--pacific-cyan);outline-offset:2px}.help-nav-pill.active{background:var(--accent);color:var(--accent-foreground);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.12))}.help-nav-pill.active:visited{color:#04121c}.help-nav-pill:not(.active):visited{color:#cbd5e1d9}.help-nav-pill.active:hover{background:var(--gradient-home-drs-active-hover);transform:translateY(-2px);box-shadow:0 8px 24px -6px #00b4d880,0 0 0 1px #ffffff1a}.help-nav-pill:not(.active):hover{transform:translateY(-2px);background:#ffffff1f;box-shadow:0 6px 18px -4px #000000a6,0 0 0 1px #ffffff14}.help-nav-pill:active{transform:translateY(0)}.help-nav-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.help-nav-pill:hover{transform:none}}.help-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-4) 0 var(--spacing-6);background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.help-table thead{background:linear-gradient(135deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%)}.help-table thead tr{border:none}.help-table th{padding:var(--spacing-2) var(--spacing-3);text-align:left;font-weight:600;color:#fffffff2;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.025em}.help-table tbody tr{background:transparent;border-bottom:1px solid var(--border);transition:var(--transition-card-hover)}.help-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--card-glass) 30%,transparent)}.help-table tbody tr:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--card-glass) 90%,var(--surface-1) 10%) 0%,var(--card-glass) 100%);transform:translateY(-1px);box-shadow:0 2px 4px -1px color-mix(in srgb,var(--accent) 8%,rgba(0,0,0,.08)),inset 4px 0 0 var(--accent)}.help-table tbody tr:last-child{border-bottom:none}.help-table td{padding:var(--spacing-2) var(--spacing-3);color:var(--text-primary);font-size:var(--font-size-base)}.help-table td:first-child{width:3rem;text-align:center}.help-table td:first-child svg{width:1.25rem;height:1.25rem;margin:0 auto;display:block}.help-table td:nth-child(2){font-weight:500;color:var(--text-primary)}.help-table td:nth-child(3),.help-table td:nth-child(4){color:var(--text-muted)}.help-table td:nth-child(4){font-size:var(--font-size-sm)}.help-heading-primary{margin-top:0;margin-bottom:var(--spacing-6);font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;background:linear-gradient(110deg,var(--marian-blue) 0%,var(--honolulu-blue) 50%,var(--pacific-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.help-heading-secondary{margin-top:var(--spacing-5);margin-bottom:var(--spacing-3);font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;color:#03045ed9}.help-body-text{font-size:var(--font-size-base);line-height:1.7;color:#03045ed9;margin-bottom:var(--spacing-4)}.help-body-text--secondary{font-size:var(--font-size-sm);line-height:1.6;color:#03045eb3;margin-bottom:var(--spacing-3)}@media (max-width: 640px){.help-page-container{padding:clamp(.75rem,3vw,1rem);gap:var(--spacing-4)}.help-nav-card{padding:var(--spacing-3);gap:var(--spacing-2)}.help-nav-pill{width:auto;justify-content:center;padding:.75rem 1rem;font-size:.875rem}.help-nav-list{flex-wrap:wrap;justify-content:flex-start;overflow:visible}.help-nav-arrow.left,.help-nav-arrow.right{position:static;transform:none;width:36px;height:36px}.help-section-card{padding:clamp(1rem,4vw,1.5rem);border-radius:var(--radius-xl)}.help-tip-card{padding:var(--spacing-3)}.help-table{font-size:.875rem;margin:var(--spacing-3) 0 var(--spacing-4)}.help-table th,.help-table td{padding:var(--spacing-2) var(--spacing-3);color:var(--text-primary);font-size:var(--font-size-base)}.help-heading-primary{font-size:clamp(1.25rem,5vw,1.5rem);margin-bottom:var(--spacing-4)}.help-heading-secondary{font-size:clamp(1rem,4vw,1.125rem);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}}#quickstart.help-section-card{background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80}.quickstart-step{margin-bottom:var(--spacing-6)}.quickstart-step:last-child{margin-bottom:0}.quickstart-step-heading{display:flex;align-items:center;gap:var(--spacing-3);margin-top:0;margin-bottom:var(--spacing-3);font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:700;color:var(--marian-blue)}.quickstart-icon{width:1.75rem;height:1.75rem;color:var(--honolulu-blue);flex-shrink:0}#streaks.help-section-card,#themes.help-section-card,#dashboards.help-section-card,.help-tip-card{background:var(--gradient-home-qotd-base);backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00b4d814,inset 0 1px #ffffff80;transition:var(--transition-card-hover);position:relative;isolation:isolate}#streaks.help-section-card:before,#themes.help-section-card:before,#dashboards.help-section-card:before,.help-tip-card:before{content:"";position:absolute;inset:0;background:var(--gradient-home-qotd-accent);z-index:-1;pointer-events:none;border-radius:inherit}.help-tip-card:hover{transform:translateY(-4px);background:var(--gradient-home-qotd-hover);border-color:#00b4d866;box-shadow:0 12px 24px -4px #00000026,0 6px 12px -2px #00000014,0 0 0 1px #00b4d84d,inset 0 1px #fff9}@media (max-width: 1024px){.help-page-container{padding:clamp(1rem,3vw,1.5rem)}.help-section-card{padding:clamp(1.5rem,4vw,2rem)}.help-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.help-table thead,.help-table tbody,.help-table tr{display:table;width:100%;table-layout:fixed}}.why-tymr-content{display:block}.why-tymr-image{float:left;width:256px;max-width:256px;margin-right:var(--spacing-6);margin-bottom:var(--spacing-4)}.how-tymr-helps-content{display:flex;gap:var(--spacing-6);align-items:flex-start}.focus-mode-content{display:block}.focus-mode-text{min-width:0}.focus-mode-image{float:right;width:min(38%,360px);max-width:360px;margin-left:var(--spacing-6);margin-bottom:var(--spacing-4)}.focus-mode-image img{width:100%;height:auto;border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;aspect-ratio:4 / 5;box-shadow:var(--shadow)}@media (max-width: 768px){.focus-mode-image{float:none;width:100%;max-width:100%;margin:0 0 var(--spacing-4) 0}.focus-mode-image img{aspect-ratio:16 / 9}}.how-tymr-helps-image{flex:0 0 320px;max-width:320px}.how-tymr-helps-image img{width:100%;height:auto;border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;aspect-ratio:4 / 5;box-shadow:var(--shadow)}.how-tymr-helps-text{flex:1;min-width:0}@media (max-width: 768px){.how-tymr-helps-content{flex-direction:column}.how-tymr-helps-image{flex:0 0 auto;max-width:100%;width:100%}.how-tymr-helps-image img{aspect-ratio:16 / 9}}.why-tymr-image img{width:100%;height:auto;border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;aspect-ratio:4 / 5;box-shadow:var(--shadow)}.why-tymr-text{flex:1;min-width:0}.why-tymr-text{min-width:0}@media (max-width: 768px){.why-tymr-image{float:none;max-width:100%;width:100%;margin-right:0;margin-bottom:var(--spacing-4)}.why-tymr-image img{aspect-ratio:16 / 9}}@media (prefers-reduced-motion: reduce){.help-nav-card,.help-section-card,.help-tip-card,.help-table tbody tr{transition:opacity .15s ease}.help-nav-pill:hover,.help-nav-pill:not(.active):hover{transform:none}.help-tip-card:hover,.help-table tbody tr:hover{transform:none}}.dashboards-insights-content{display:flex;gap:var(--spacing-6);align-items:flex-start}.dashboards-insights-text{flex:1;min-width:0}.dashboards-insights-image{flex:0 0 360px;max-width:360px}.dashboards-insights-image img{width:100%;height:auto;border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;aspect-ratio:16 / 10;box-shadow:var(--shadow)}@media (max-width: 768px){.dashboards-insights-content{flex-direction:column}.dashboards-insights-image{flex:0 0 auto;max-width:100%;width:100%}.dashboards-insights-image img{aspect-ratio:16 / 9}}