:root{--p-gray-50: #fafafa;--p-gray-100: #f5f5f5;--p-gray-200: #e5e5e5;--p-gray-300: #d4d4d4;--p-gray-400: #a3a3a3;--p-gray-500: #737373;--p-gray-600: #525252;--p-gray-700: #404040;--p-gray-750: #333333;--p-gray-800: #262626;--p-gray-850: #1e1e1e;--p-gray-900: #171717;--p-gray-950: #0a0a0a;--p-brand-50: #fffdf0;--p-brand-100: #fef9c3;--p-brand-200: #fef08a;--p-brand-300: #fde047;--p-brand-400: #fbbc04;--p-brand-500: #f59e0b;--p-brand-600: #d97706;--p-brand-700: #b45309;--p-brand-800: #92400e;--p-brand-900: #78350f;--p-brand-950: #451a03;--p-success-50: #f0fdf4;--p-success-100: #dcfce7;--p-success-200: #bbf7d0;--p-success-300: #86efac;--p-success-400: #4ade80;--p-success-500: #22c55e;--p-success-600: #16a34a;--p-success-700: #15803d;--p-success-800: #166534;--p-success-900: #14532d;--p-danger-50: #fef2f2;--p-danger-100: #fee2e2;--p-danger-200: #fecaca;--p-danger-300: #fca5a5;--p-danger-400: #f87171;--p-danger-500: #ef4444;--p-danger-600: #dc2626;--p-danger-700: #b91c1c;--p-danger-800: #991b1b;--p-danger-900: #7f1d1d;--p-warning-50: #fffbeb;--p-warning-100: #fef3c7;--p-warning-200: #fde68a;--p-warning-300: #fcd34d;--p-warning-400: #fbbf24;--p-warning-500: #f59e0b;--p-warning-600: #d97706;--p-warning-700: #b45309;--p-warning-800: #92400e;--p-warning-900: #78350f;--p-info-50: #eff6ff;--p-info-100: #dbeafe;--p-info-200: #bfdbfe;--p-info-300: #93c5fd;--p-info-400: #60a5fa;--p-info-500: #3b82f6;--p-info-600: #2563eb;--p-info-700: #1d4ed8;--p-info-800: #1e40af;--p-info-900: #1e3a8a;--p-header-700: #8b0000;--p-header-800: #4a0000;--p-header-900: #1a0000;--p-header-950: #000000;--p-teal-500: #20c997;--p-purple-500: #6f42c1;--p-indigo-500: #5a67d8}:root{--p-space-0: 0;--p-space-0-5: 2px;--p-space-1: 4px;--p-space-1-5: 6px;--p-space-2: 8px;--p-space-2-5: 10px;--p-space-3: 12px;--p-space-4: 16px;--p-space-5: 20px;--p-space-6: 24px;--p-space-7: 28px;--p-space-8: 32px;--p-space-10: 40px;--p-space-12: 48px;--p-space-14: 56px;--p-space-16: 64px;--p-space-20: 80px;--p-space-24: 96px;--p-space-32: 128px;--p-space-40: 160px}:root{--p-radius-none: 0;--p-radius-sm: 4px;--p-radius-md: 8px;--p-radius-lg: 12px;--p-radius-xl: 16px;--p-radius-2xl: 20px;--p-radius-3xl: 24px;--p-radius-full: 9999px;--p-radius-round: 50%}:root{--p-font-sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--p-font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--p-text-2xs: .625rem;--p-text-xs: .75rem;--p-text-sm: .875rem;--p-text-base: 1rem;--p-text-lg: 1.125rem;--p-text-xl: 1.25rem;--p-text-2xl: 1.5rem;--p-text-3xl: 1.875rem;--p-text-4xl: 2.25rem;--p-text-5xl: 3rem;--p-weight-normal: 400;--p-weight-medium: 500;--p-weight-semibold: 600;--p-weight-bold: 700;--p-leading-none: 1;--p-leading-tight: 1.25;--p-leading-snug: 1.375;--p-leading-normal: 1.5;--p-leading-relaxed: 1.625;--p-tracking-tight: -.025em;--p-tracking-normal: 0;--p-tracking-wide: .05em}:root{--p-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--p-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--p-shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--p-shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--p-shadow-xl: 0 12px 40px rgba(0, 0, 0, .4);--p-shadow-2xl: 0 20px 60px rgba(0, 0, 0, .5)}:root{--p-duration-instant: 0ms;--p-duration-fast: .1s;--p-duration-normal: .2s;--p-duration-slow: .3s;--p-duration-slower: .5s;--p-duration-slowest: .8s;--p-ease-default: cubic-bezier(.4, 0, .2, 1);--p-ease-in: cubic-bezier(.4, 0, 1, 1);--p-ease-out: cubic-bezier(0, 0, .2, 1);--p-ease-in-out: cubic-bezier(.4, 0, .2, 1);--p-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--p-ease-bounce: cubic-bezier(.68, -.55, .27, 1.55);--motion-hover: var(--p-duration-fast) var(--p-ease-default);--motion-expand: var(--p-duration-normal) var(--p-ease-out);--motion-collapse: var(--p-duration-normal) var(--p-ease-in);--motion-modal-in: var(--p-duration-slow) var(--p-ease-out);--motion-modal-out: var(--p-duration-normal) var(--p-ease-in);--motion-page: var(--p-duration-slower) var(--p-ease-in-out);--motion-spring: var(--p-duration-slow) var(--p-ease-spring)}:root{--p-z-base: 1;--p-z-above: 2;--p-z-raised: 3;--p-z-float: 9;--p-z-sticky: 10;--p-z-header: 20;--p-z-dropdown: 50;--p-z-modal: 100;--p-z-toast: 200;--p-z-overlay: 1000;--p-z-overlay-above: 1001;--p-z-popover: 2000;--p-z-top: 9999;--p-z-max: 10000}:root{--p-focus-ring-color: var(--p-brand-400);--p-focus-ring-width: 2px;--p-focus-ring-offset: 2px;--p-focus-ring-style: solid;--p-touch-target-min: 44px;--p-touch-target-comfortable: 48px}:root{--color-bg-app: var(--p-gray-900);--color-bg-surface: var(--p-gray-850);--color-bg-card: var(--p-gray-800);--color-bg-elevated: var(--p-gray-700);--color-bg-input: var(--p-gray-800);--color-bg-hover: var(--p-gray-700);--color-bg-faint: rgba(255, 255, 255, .03);--color-bg-subtle: rgba(255, 255, 255, .05);--color-bg-subtle-hover: rgba(255, 255, 255, .08);--color-bg-muted: rgba(255, 255, 255, .1);--color-bg-strong: rgba(255, 255, 255, .2);--color-bg-accent: rgba(255, 255, 255, .3);--color-text-primary: var(--p-gray-50);--color-text-secondary: var(--p-gray-300);--color-text-muted: var(--p-gray-500);--color-text-hint: var(--p-gray-500);--color-text-soft: rgba(255, 255, 255, .7);--color-text-disabled: var(--p-gray-600);--color-text-inverse: var(--p-gray-900);--color-border-default: var(--p-gray-750);--color-border-muted: var(--p-gray-800);--color-border-strong: var(--p-gray-600);--color-border-input: var(--p-gray-700);--color-status-success: var(--p-success-500);--color-status-success-hover: var(--p-success-600);--color-status-success-subtle: rgba(34, 197, 94, .1);--color-status-success-muted: rgba(34, 197, 94, .2);--color-status-danger: var(--p-danger-500);--color-status-danger-hover: var(--p-danger-600);--color-status-danger-subtle: rgba(239, 68, 68, .1);--color-status-warning: var(--p-warning-500);--color-status-warning-subtle: rgba(245, 158, 11, .1);--color-status-info: var(--p-info-500);--color-status-info-hover: var(--p-info-600);--color-status-info-subtle: rgba(59, 130, 246, .1);--color-brand: var(--p-brand-400);--color-brand-hover: var(--p-brand-500);--color-brand-muted: var(--p-brand-300);--color-overlay-light: rgba(0, 0, 0, .5);--color-overlay-medium: rgba(0, 0, 0, .7);--color-overlay-heavy: rgba(0, 0, 0, .85)}:root{--text-display-size: var(--p-text-4xl);--text-display-weight: var(--p-weight-bold);--text-display-leading: var(--p-leading-tight);--text-display-sm-size: var(--p-text-3xl);--text-display-sm-weight: var(--p-weight-bold);--text-display-sm-leading: var(--p-leading-tight);--text-heading-xl-size: var(--p-text-2xl);--text-heading-xl-weight: var(--p-weight-bold);--text-heading-xl-leading: var(--p-leading-tight);--text-heading-lg-size: var(--p-text-xl);--text-heading-lg-weight: var(--p-weight-semibold);--text-heading-lg-leading: var(--p-leading-snug);--text-heading-md-size: var(--p-text-lg);--text-heading-md-weight: var(--p-weight-semibold);--text-heading-md-leading: var(--p-leading-snug);--text-heading-sm-size: var(--p-text-base);--text-heading-sm-weight: var(--p-weight-semibold);--text-heading-sm-leading: var(--p-leading-snug);--text-body-lg-size: var(--p-text-lg);--text-body-lg-leading: var(--p-leading-normal);--text-body-md-size: var(--p-text-base);--text-body-md-leading: var(--p-leading-normal);--text-body-sm-size: var(--p-text-sm);--text-body-sm-leading: var(--p-leading-normal);--text-body-xs-size: var(--p-text-xs);--text-body-xs-leading: var(--p-leading-normal);--text-label-lg-size: var(--p-text-sm);--text-label-lg-weight: var(--p-weight-medium);--text-label-lg-leading: var(--p-leading-none);--text-label-sm-size: var(--p-text-xs);--text-label-sm-weight: var(--p-weight-medium);--text-label-sm-leading: var(--p-leading-none)}:root{--shadow-subtle: var(--p-shadow-xs);--shadow-card: var(--p-shadow-sm);--shadow-elevated: var(--p-shadow-md);--shadow-modal: var(--p-shadow-xl);--shadow-overlay: var(--p-shadow-2xl)}:root{--space-page-x: var(--p-space-4);--space-page-y: var(--p-space-6);--space-section: var(--p-space-6);--space-element: var(--p-space-4);--space-inline: var(--p-space-2);--space-compact: var(--p-space-1)}[data-theme=light]{--color-bg-app: var(--p-gray-50);--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-bg-elevated: #ffffff;--color-bg-input: var(--p-gray-100);--color-bg-hover: var(--p-gray-100);--color-bg-subtle: rgba(0, 0, 0, .03);--color-bg-muted: rgba(0, 0, 0, .06);--color-text-primary: var(--p-gray-900);--color-text-secondary: var(--p-gray-600);--color-text-muted: var(--p-gray-500);--color-text-hint: var(--p-gray-400);--color-text-disabled: var(--p-gray-400);--color-text-inverse: var(--p-gray-50);--color-border-default: var(--p-gray-200);--color-border-muted: var(--p-gray-100);--color-border-strong: var(--p-gray-300);--color-border-input: var(--p-gray-300);--color-brand: var(--p-brand-500);--color-brand-hover: var(--p-brand-600);--color-overlay-light: rgba(0, 0, 0, .3);--color-overlay-medium: rgba(0, 0, 0, .5);--color-overlay-heavy: rgba(0, 0, 0, .7);--p-focus-ring-color: var(--p-brand-500);--p-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--p-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--p-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--p-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--p-shadow-xl: 0 12px 40px rgba(0, 0, 0, .15);--p-shadow-2xl: 0 20px 60px rgba(0, 0, 0, .2)}:root{--button-primary-bg: linear-gradient(135deg, var(--p-brand-400), var(--p-brand-500));--button-primary-bg-hover: linear-gradient(135deg, var(--p-brand-500), var(--p-brand-600));--button-primary-text: var(--color-text-inverse);--button-primary-border: transparent;--button-secondary-bg: transparent;--button-secondary-bg-hover: var(--color-bg-subtle);--button-secondary-text: var(--color-text-secondary);--button-secondary-border: var(--color-border-default);--button-ghost-bg: transparent;--button-ghost-bg-hover: var(--color-bg-subtle);--button-ghost-text: var(--color-text-primary);--button-ghost-border: transparent;--button-danger-bg: var(--p-danger-600);--button-danger-bg-hover: var(--p-danger-700);--button-danger-text: var(--color-text-primary);--button-danger-border: transparent;--button-radius: var(--p-radius-md);--button-font-weight: var(--p-weight-semibold);--button-font-family: var(--p-font-sans);--button-sm-padding: var(--p-space-1) var(--p-space-2);--button-sm-font-size: var(--p-text-xs);--button-sm-height: 28px;--button-md-padding: var(--p-space-2) var(--p-space-4);--button-md-font-size: var(--p-text-sm);--button-md-height: 36px;--button-lg-padding: var(--p-space-3) var(--p-space-6);--button-lg-font-size: var(--p-text-base);--button-lg-height: 44px}:root{--card-bg: var(--color-bg-card);--card-bg-elevated: var(--color-bg-elevated);--card-bg-hover: var(--color-bg-hover);--card-border: var(--color-border-default);--card-radius: var(--p-radius-lg);--card-shadow: var(--shadow-card);--card-shadow-hover: var(--shadow-elevated);--card-padding-sm: var(--p-space-3);--card-padding-md: var(--p-space-4);--card-padding-lg: var(--p-space-6)}:root{--input-bg: var(--color-bg-input);--input-bg-disabled: var(--color-bg-muted);--input-text: var(--color-text-primary);--input-text-placeholder: var(--color-text-hint);--input-border: var(--color-border-input);--input-border-focus: var(--color-brand);--input-border-error: var(--color-status-danger);--input-radius: var(--p-radius-lg);--input-padding: var(--p-space-3) var(--p-space-4);--input-font-size: var(--p-text-base);--input-height: 44px;--input-label-font-size: var(--p-text-sm);--input-label-color: var(--color-text-secondary);--input-label-gap: var(--p-space-1);--input-error-font-size: var(--p-text-xs);--input-error-color: var(--color-status-danger);--input-error-gap: var(--p-space-1);--input-hint-font-size: var(--p-text-xs);--input-hint-color: var(--color-text-muted)}:root{--modal-bg: var(--color-bg-elevated);--modal-border: var(--color-border-default);--modal-radius: var(--p-radius-xl);--modal-shadow: var(--shadow-modal);--modal-overlay-bg: var(--color-overlay-medium);--modal-padding: var(--p-space-6);--modal-max-width-sm: 400px;--modal-max-width-md: 540px;--modal-max-width-lg: 720px}:root{--badge-radius: var(--p-radius-full);--badge-font-weight: var(--p-weight-medium);--badge-font-family: var(--p-font-sans);--badge-sm-font-size: var(--p-text-2xs);--badge-sm-padding: var(--p-space-0-5) var(--p-space-2);--badge-md-font-size: var(--p-text-xs);--badge-md-padding: var(--p-space-1) var(--p-space-3);--badge-default-bg: var(--color-bg-muted);--badge-default-text: var(--color-text-secondary);--badge-success-bg: rgba(34, 197, 94, .15);--badge-success-text: var(--p-success-400);--badge-danger-bg: rgba(239, 68, 68, .15);--badge-danger-text: var(--p-danger-400);--badge-warning-bg: rgba(245, 158, 11, .15);--badge-warning-text: var(--p-warning-400);--badge-info-bg: rgba(59, 130, 246, .15);--badge-info-text: var(--p-info-400);--badge-brand-bg: rgba(251, 188, 4, .15);--badge-brand-text: var(--p-brand-400)}:root{--radar-label-font-size: 9px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--p-font-sans);color:var(--color-text-primary);background-color:var(--color-bg-app);line-height:var(--p-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}@keyframes dc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dc-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dc-slide-up{0%{transform:translateY(var(--p-space-4));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dc-slide-down{0%{transform:translateY(calc(var(--p-space-4) * -1));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dc-slide-up-full{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dc-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dc-spin{to{transform:rotate(360deg)}}@keyframes dc-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: #1e1e1e;--color-bg-card: #2a2a2a;--color-bg-input: #222222;--color-bg-elevated: #2d2d2d;--color-bg-toolbar: #232323;--color-bg-dark: #121212;--color-bg-section: #252525;--color-bg-hover: #3a3a3a;--color-bg-github: #0d1117;--color-bg-github-alt: #161b22;--color-bg-calendar-other: #1f1f1f;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #888888;--color-text-dim: #999999;--color-text-disabled: #666666;--color-text-light: #e2e8f0;--color-text-slate: #a0aec0;--color-text-hint: #777777;--color-text-analysis: #e9ecef;--color-text-auth: #e1e8ed;--color-border: #333333;--color-border-light: #444444;--color-border-muted: #555555;--color-border-subtle: #4a5568;--color-border-input: #404040;--color-border-advanced: #3d4146;--color-border-table: #2d3748;--color-success: #28a745;--color-success-hover: #1e7e34;--color-success-material: #4caf50;--color-success-light: #48bb78;--color-success-bright: #4ade80;--color-success-muted: #68d391;--color-success-alt: #2ecc71;--color-success-lime: #8bc34a;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-danger-material: #f44336;--color-danger-bright: #ff4444;--color-danger-light: #ff6666;--color-danger-coral: #e74c3c;--color-danger-orange: #ff5722;--color-danger-soft: #f87171;--color-warning: #ffc107;--color-warning-orange: #ff9800;--color-warning-deep: #fd7e14;--color-warning-amber: #ffa500;--color-info: #17a2b8;--color-info-hover: #138496;--color-info-blue: #2196f3;--color-info-light: #03a9f4;--color-info-focus: #3b82f6;--color-info-sky: #4fc3f7;--color-brand-gold: #ffd700;--color-brand-yellow: #fbbc04;--color-brand-amber: #f59e0b;--color-brand-gold-dark: #d4b038;--color-brand-gold-warm: #e8c547;--color-header-start: #1a0000;--color-header-mid: #4a0000;--color-header-end: #000000;--color-header-dark: #8b0000;--color-secondary: #6c757d;--color-secondary-hover: #5a6268;--color-teal: #20c997;--color-purple: #6f42c1;--color-indigo: #2a5298;--color-indigo-hover: #1e3a6d;--color-difficulty: #495057;--color-gray-50: #f7fafc;--color-gray-100: #f8f9fa;--color-gray-300: #e0e0e0;--color-gray-400: #adb5bd;--color-gray-500: #808080;--color-gray-700: #374151;--color-gray-muted: #aaaaaa;--color-gray-neutral: #a3a3a3;--color-gray-border: #cbd5e0;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #718096;--color-slate-800: #1e293b;--color-slate-900: #1a202c;--color-slate-dark: #5a6578;--color-slate-border: #cbd5e1;--color-primary-blue: #007bff;--color-blue-200: #90cdf4;--color-blue-400: #60a5fa;--color-blue-500: #4299e1;--color-blue-900: #1428a0;--color-blue-accent: #007acc;--color-indigo-400: #5568d3;--color-indigo-500: #5a67d8;--color-indigo-light: #667eea;--color-teal-200: #81e6d9;--color-teal-300: #4fd1c7;--color-teal-500: #38b2ac;--color-teal-alt: #4ecdc4;--color-green-100: #c6f6d5;--color-green-200: #c8e6c9;--color-green-300: #a5d6a7;--color-green-400: #81c784;--color-green-500: #22c55e;--color-green-medium: #3cb371;--color-green-muted: #96ceb4;--color-green-material: #66bb6a;--color-red-100: #ffcdd2;--color-red-200: #feb2b2;--color-red-400: #f56565;--color-red-500: #ef4444;--color-red-coral: #ff6b6b;--color-red-bright: #ff4d5a;--color-red-vivid: #ff4757;--color-red-900: #a60000;--color-orange-200: #ffab91;--color-orange-400: #ed8936;--color-orange-500: #f97316;--color-orange-bright: #ff6b35;--color-amber-400: #fbbf24;--color-yellow-50: #fff8e1;--color-yellow-500: #eab308;--color-yellow-bright: #f5e942;--color-pink-300: #fbb6ce;--color-pink-light: #f093fb;--color-pink-vivid: #e87eea;--color-purple-deep: #9c27b0;--color-purple-light: #d4a5e8;--color-sky-500: #45b7d1;--color-olive: #6b8e23}:root{--sp-2: 2px;--sp-4: 4px;--sp-5: 5px;--sp-6: 6px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-15: 15px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-25: 25px;--sp-30: 30px;--sp-32: 32px;--sp-40: 40px;--sp-100: 100px;--sp-120: 120px;--sp-160: 160px;--sp-quarter: .25rem;--sp-0r4: .4rem;--sp-half: .5rem;--sp-three-q: .75rem;--sp-0r8: .8rem;--sp-1r: 1rem;--sp-1r-quarter: 1.25rem;--sp-1r-half: 1.5rem;--sp-2r: 2rem;--sp-2r-half: 2.5rem}:root{--radius-2xs: 2px;--radius-3: 3px;--radius-xs: 4px;--radius-5: 5px;--radius-sm: 6px;--radius-md: 8px;--radius-10: 10px;--radius-lg: 12px;--radius-14: 14px;--radius-15: 15px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-25: 25px;--radius-26: 26px;--radius-4xl: 30px;--radius-1r: 1rem;--radius-pill: 999px;--radius-full: 50%}:root{--fs-8: 8px;--fs-9: 9px;--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-20: 20px;--fs-22: 22px;--fs-24: 24px;--fs-26: 26px;--fs-28: 28px;--fs-32: 32px;--fs-36: 36px;--fs-40: 40px;--fs-48: 48px;--fs-64: 64px;--fs-r-4xs: .5rem;--fs-r-3xs: .55rem;--fs-r-2xs: .6rem;--fs-r-xxs: .65rem;--fs-r-xs: .7rem;--fs-r-sm: .75rem;--fs-r-compact: .8rem;--fs-r-md: .85rem;--fs-r-mid: .875rem;--fs-r-base: .9rem;--fs-r-comfort: .95rem;--fs-r-std: 1rem;--fs-r-1r05: 1.05rem;--fs-r-lg: 1.1rem;--fs-r-xl: 1.2rem;--fs-r-1r25: 1.25rem;--fs-r-1r3: 1.3rem;--fs-r-1r35: 1.35rem;--fs-r-1r4: 1.4rem;--fs-r-2xl: 1.5rem;--fs-r-1r6: 1.6rem;--fs-r-1r7: 1.7rem;--fs-r-1r75: 1.75rem;--fs-r-1r8: 1.8rem;--fs-r-1r9: 1.9rem;--fs-r-3xl: 2rem;--fs-r-2r2: 2.2rem;--fs-r-4xl: 2.5rem;--fs-r-5xl: 3rem;--fs-r-6xl: 4rem;--fs-e-xs: .7em;--fs-e-base: .9em;--fs-e-lg: 1.2em;--font-primary: "Segoe UI", Roboto, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", monospace;--font-sans: Arial, sans-serif}:root{--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .4);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .5);--shadow-modal: 0 10px 40px rgba(0, 0, 0, .5);--shadow-menu: 0 8px 48px rgba(0, 0, 0, .7);--shadow-card-raw: 0 4px 12px rgba(0, 0, 0, .4);--text-shadow-logo-green: 0 1px 2px rgba(76, 175, 80, .3);--text-shadow-logo-amber: 0 1px 3px rgba(255, 193, 7, .4);--text-shadow-logo-red: 0 2px 4px rgba(255, 68, 68, .3);--text-shadow-heading: 0 2px 4px rgba(0, 0, 0, .3);--text-shadow-progress: 0 1px 2px rgba(0, 0, 0, .8)}:root{--z-base: 1;--z-above: 2;--z-raised: 3;--z-float: 9;--z-sticky: 10;--z-sticky-above: 11;--z-header: 20;--z-dropdown: 50;--z-modal: 100;--z-toast: 200;--z-overlay: 1000;--z-overlay-above: 1001;--z-overlay-top: 1002;--z-popover: 2000;--z-top: 9999;--z-max: 10000}:root{--bg-app: var(--color-bg-primary);--bg-surface: var(--color-bg-secondary);--bg-card: var(--color-bg-card);--bg-elevated: var(--color-bg-elevated);--bg-input: var(--color-bg-input);--bg-toolbar: var(--color-bg-toolbar);--bg-hover: var(--color-bg-hover);--bg-section: var(--color-bg-section);--bg-dark: var(--color-bg-dark);--overlay-light: rgba(0, 0, 0, .5);--overlay-medium: rgba(0, 0, 0, .7);--overlay-heavy: rgba(0, 0, 0, .8);--overlay-dark: rgba(0, 0, 0, .85);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-dim: var(--color-text-dim);--text-disabled: var(--color-text-disabled);--text-light: var(--color-text-light);--text-slate: var(--color-text-slate);--text-hint: var(--color-text-hint);--text-inverse: var(--color-bg-primary);--border-default: var(--color-border);--border-light: var(--color-border-light);--border-muted: var(--color-border-muted);--border-input: var(--color-border-input);--border-subtle: var(--color-border-subtle);--status-success: var(--color-success);--status-success-hover: var(--color-success-hover);--status-danger: var(--color-danger);--status-danger-hover: var(--color-danger-hover);--status-warning: var(--color-warning);--status-info: var(--color-info);--status-info-hover: var(--color-info-hover);--accent-primary: var(--color-info);--accent-primary-hover: var(--color-info-hover);--accent-secondary: var(--color-success);--accent-brand: var(--color-brand-gold);--accent-brand-warm: var(--color-brand-gold-warm);--bg-white-5: rgba(255, 255, 255, .05);--bg-white-10: rgba(255, 255, 255, .1);--bg-white-20: rgba(255, 255, 255, .2);--border-white-10: rgba(255, 255, 255, .1);--border-white-20: rgba(255, 255, 255, .2);--chart-bg: var(--color-bg-toolbar);--effort-warmup: var(--color-slate-500);--effort-low: var(--color-info-focus);--effort-medium: var(--color-yellow-500);--effort-high: var(--color-orange-500);--effort-max: var(--color-red-500)}:root{--shadow-subtle: var(--shadow-sm);--shadow-card: var(--shadow-card-raw);--shadow-elevated: var(--shadow-md);--shadow-floating: var(--shadow-lg);--shadow-overlay: var(--shadow-modal);--shadow-deep: var(--shadow-2xl)}:root{--glow-rgb-success: 40, 167, 69;--glow-rgb-danger: 220, 53, 69;--glow-rgb-info: 23, 162, 184;--glow-rgb-warning: 253, 126, 20;--glow-rgb-brand: 251, 188, 4;--glow-rgb-blue: 59, 130, 246;--focus-ring-success: 0 0 0 3px rgba(var(--glow-rgb-success), .25);--focus-ring-danger: 0 0 0 3px rgba(var(--glow-rgb-danger), .2);--focus-ring-info: 0 0 0 2px rgba(var(--glow-rgb-info), .2);--focus-ring-warning: 0 0 0 3px rgba(var(--glow-rgb-warning), .3);--focus-ring-brand: 0 0 0 2px rgba(var(--glow-rgb-brand), .3);--focus-ring-blue: 0 0 0 2px rgba(var(--glow-rgb-blue), .25);--glow-success: 0 0 5px rgba(var(--glow-rgb-success), .3);--glow-brand: 0 0 15px rgba(var(--glow-rgb-brand), .3);--shadow-cta-brand: 0 4px 15px rgba(var(--glow-rgb-brand), .3)}:root{--shadow-auth-form: 0 20px 60px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-auth-form-hover: 0 25px 70px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-input-focus-brand: 0 0 0 3px rgba(var(--glow-rgb-brand), .2), 0 8px 16px rgba(0, 0, 0, .2);--shadow-calendar-depth: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--shadow-today-ring: 0 0 0 3px rgba(var(--glow-rgb-brand), .3), 0 8px 25px rgba(var(--glow-rgb-brand), .4);--shadow-today-ring-hover: 0 0 0 4px rgba(var(--glow-rgb-brand), .4), 0 12px 35px rgba(var(--glow-rgb-brand), .5)}:root{--preset-auth-shadow: var(--shadow-auth-form);--preset-auth-shadow-hover: var(--shadow-auth-form-hover);--preset-auth-radius: var(--radius-3xl);--preset-auth-padding: var(--sp-2r-half);--preset-input-shadow-focus: var(--shadow-input-focus-brand);--preset-input-radius: var(--radius-xl);--preset-input-padding: var(--sp-1r) var(--sp-1r-quarter);--preset-card-shadow: var(--shadow-card);--preset-card-shadow-hover: var(--shadow-elevated);--preset-card-radius: var(--radius-lg);--preset-card-padding: var(--sp-16);--preset-calendar-shadow: var(--shadow-calendar-depth);--preset-calendar-radius: var(--radius-xl);--preset-calendar-padding: var(--sp-1r-half);--preset-today-shadow: var(--shadow-today-ring);--preset-today-shadow-hover: var(--shadow-today-ring-hover);--preset-modal-shadow: var(--shadow-overlay);--preset-modal-radius: var(--radius-xl);--preset-modal-padding: var(--sp-24);--preset-badge-radius: var(--radius-2xl);--preset-badge-padding: var(--sp-quarter) var(--sp-1r)}html,body{margin:0;padding:0;box-sizing:border-box;background-color:var(--bg-surface);color:var(--text-primary);font-family:var(--font-primary);width:100%;height:100%;overflow:hidden}app-root{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}*{box-sizing:inherit}@keyframes pageReveal{0%{opacity:0;filter:brightness(0);transform:scale(.98)}to{opacity:1;filter:brightness(1);transform:scale(1)}}body.page-reveal{animation:pageReveal .8s ease-out forwards}body.page-hidden{opacity:0;filter:brightness(0)}