#root{width:100%;height:100vh}@supports (height: 100dvh){#root{height:100dvh}}@font-face{font-family:Origin;src:url(/fonts/Origin-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Origin;src:url(/fonts/Origin-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Origin;src:url(/fonts/Origin-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Origin;src:url(/fonts/Origin-Heavy.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:FocusGrotesk;src:url(/fonts/FocusGrotesk-Regular.ttf?v=1) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FocusGrotesk;src:url(/fonts/FocusGrotesk-Bold.ttf?v=1) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:FocusGrotesk;src:url(/fonts/FocusGrotesk-Heavy.ttf?v=1) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:FocusGrotesk;src:url(/fonts/FocusGrotesk-Light.ttf?v=1) format("truetype");font-weight:300;font-style:normal;font-display:swap}html,body{background-color:hsl(var(--background))}#root{min-height:100vh;min-height:100dvh;background-color:hsl(var(--background))}@supports (-webkit-touch-callout: none){html{background-color:#0c0a09}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--mobile-icon-sm: 1rem;--mobile-icon-md: 1.25rem;--mobile-icon-lg: 1.75rem;--mobile-touch-target: 2.75rem;--mobile-button-height: 2.75rem;--mobile-gap: .375rem;--mobile-nav-height: 4rem;--mobile-badge-offset: -.25rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--background: 0 0% 100%;--foreground: 0 0% 9%;--card: 0 0% 100%;--card-foreground: 0 0% 9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 9%;--primary: 18 100% 50%;--primary-foreground: 0 0% 100%;--primary-glow: 18 100% 65%;--primary-hover: 18 100% 45%;--secondary: 215 65% 55%;--secondary-foreground: 0 0% 100%;--secondary-glow: 215 70% 65%;--calendar-red: 0 85% 60%;--calendar-red-bg: 0 85% 60%;--calendar-orange: 25 95% 60%;--calendar-orange-bg: 25 95% 60%;--calendar-yellow: 45 95% 60%;--calendar-yellow-bg: 45 95% 60%;--calendar-green: 140 70% 45%;--calendar-green-bg: 140 70% 45%;--calendar-blue: 210 100% 60%;--calendar-blue-bg: 210 100% 60%;--calendar-purple: 270 75% 65%;--calendar-purple-bg: 270 75% 65%;--calendar-pink: 330 80% 65%;--calendar-pink-bg: 330 80% 65%;--calendar-gray: 0 0% 60%;--calendar-gray-bg: 0 0% 60%;--accent: 18 100% 55%;--accent-foreground: 0 0% 100%;--accent-glow: 18 100% 70%;--muted: 25 35% 96%;--muted-foreground: 0 0% 40%;--dashboard-background: 25 60% 97%;--success: 142 76% 36%;--success-foreground: 0 0% 0%;--warning: 43 96% 56%;--warning-foreground: 43 96% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 220 14% 91%;--input: 220 14% 91%;--ring: 18 100% 50%;--client-primary: var(--primary);--client-secondary: var(--secondary);--client-accent: var(--accent);--workspace-text-on-accent: 0 0% 100%;--workspace-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);--electric-purple: 270 100% 70%;--electric-purple-foreground: 0 0% 100%;--electric-purple-glow: 270 100% 85%;--vivid-teal: 195 60% 50%;--vivid-teal-foreground: 0 0% 100%;--vivid-teal-glow: 195 65% 65%;--electric-blue: 210 100% 65%;--electric-blue-foreground: 0 0% 100%;--electric-blue-glow: 210 100% 80%;--vibrant-magenta: 320 100% 65%;--vibrant-magenta-foreground: 0 0% 100%;--vibrant-magenta-glow: 320 100% 80%;--vibrant-coral: 15 100% 65%;--vibrant-coral-foreground: 0 0% 100%;--vibrant-coral-glow: 15 100% 80%;--mesh-gradient-start: 0 0% 96%;--mesh-gradient-mid: 25 25% 88%;--mesh-gradient-end: 15 45% 85%;--mint-gradient-start: 151 83% 85%;--mint-gradient-end: 180 70% 88%;--teal-light: 180 100% 85%;--teal-accent: 177 100% 35%;--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .04) 100%);--gradient-glass-strong: linear-gradient(135deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .06) 100%);--gradient-glass-subtle: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--shadow-premium: 0 2px 8px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--shadow-premium-hover: 0 4px 12px rgba(0, 0, 0, .06), 0 12px 32px rgba(0, 0, 0, .08);--shadow-premium-elevated: 0 8px 16px rgba(0, 0, 0, .08), 0 16px 48px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-glass-hover: 0 12px 48px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .06);--spacing-widget-gap: 1.5rem;--spacing-section-gap: 2rem;--radius-premium: 1.5rem;--icon-xs: .875rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--icon-2xl: 2.5rem;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--workspace-primary: 15 100% 50%;--workspace-secondary: 195 100% 50%;--workspace-accent: 330 100% 70%;--workspace-gradient: linear-gradient(135deg, hsl(15 100% 50%) 0%, hsl(330 100% 70%) 100%);--workspace-bg-gradient: linear-gradient(135deg, hsl(15 30% 95%) 0%, hsl(330 20% 97%) 100%);--workspace-text-on-primary: 0 0% 100%;--workspace-text-on-secondary: 0 0% 100%;--workspace-text-on-accent: 0 0% 0%;--workspace-text-on-gradient: 0 0% 100%;--workspace-text-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .15);--workspace-text-overlay: rgba(0, 0, 0, .05);--notepad-background: 38 20% 97%;--notepad-surface: 0 0% 100%;--notepad-ink: 0 0% 17%;--notepad-ui-primary: 0 0% 42%;--notepad-ui-secondary: 0 0% 61%;--notepad-border: 40 10% 82%;--notepad-line-color: 40 10% 88%;--eink-background: 0 0% 91%;--eink-surface: 0 0% 94%;--eink-ink: 0 0% 10%;--eink-ui: 0 0% 29%;--eink-border: 0 0% 79%;--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-glass: 0 8px 32px 0 rgba(31, 38, 135, .37);--shadow-elegant: 0 10px 30px -10px hsl(25 82% 52% / .2);--shadow-glow: 0 0 40px hsl(25 82% 52% / .1);--shadow-inner: inset 0 1px 0 0 rgba(255, 255, 255, .1);--font-heading: "Inter", "Helvetica Neue", system-ui, sans-serif;--font-body: "Inter", "Helvetica Neue", system-ui, sans-serif;--ai-gradient-start: 330 85% 60%;--ai-gradient-end: 25 95% 55%;--ai-text: 330 85% 55%;--radius: .75rem;--sidebar-background: 0 0% 96%;--sidebar-foreground: 0 0% 20%;--sidebar-primary: 18 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 90%;--sidebar-accent-foreground: 0 0% 20%;--sidebar-border: 220 13% 91%;--sidebar-ring: 18 100% 50%}.dark{--background: 220 15% 6%;--foreground: 0 0% 98%;--card: 220 15% 10%;--card-foreground: 0 0% 98%;--popover: 220 15% 10%;--popover-foreground: 0 0% 98%;--primary: 18 100% 58%;--primary-foreground: 0 0% 100%;--primary-glow: 18 100% 70%;--primary-hover: 18 100% 52%;--secondary: 215 65% 55%;--secondary-foreground: 0 0% 100%;--secondary-glow: 215 70% 65%;--accent: 18 100% 65%;--accent-foreground: 0 0% 100%;--accent-glow: 18 100% 80%;--electric-purple: 270 100% 75%;--electric-purple-foreground: 0 0% 100%;--electric-purple-glow: 270 100% 90%;--vivid-teal: 195 60% 50%;--vivid-teal-foreground: 0 0% 100%;--vivid-teal-glow: 195 65% 65%;--electric-blue: 210 100% 70%;--electric-blue-foreground: 0 0% 100%;--electric-blue-glow: 210 100% 85%;--vibrant-magenta: 320 100% 70%;--vibrant-magenta-foreground: 0 0% 100%;--vibrant-magenta-glow: 320 100% 85%;--vibrant-coral: 15 100% 70%;--vibrant-coral-foreground: 0 0% 100%;--vibrant-coral-glow: 15 100% 85%;--muted: 220 15% 14%;--muted-foreground: 220 10% 60%;--success: 142 76% 45%;--success-foreground: 0 0% 0%;--warning: 43 96% 65%;--warning-foreground: 43 96% 10%;--destructive: 0 62.8% 50%;--destructive-foreground: 0 0% 100%;--border: 220 15% 18%;--input: 220 15% 15%;--ring: 18 100% 50%;--ai-gradient-start: 330 85% 65%;--ai-gradient-end: 25 95% 60%;--ai-text: 330 85% 65%;--sidebar-background: 220 20% 5%;--sidebar-foreground: 0 0% 95%;--sidebar-primary: 24 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 220 15% 12%;--sidebar-accent-foreground: 0 0% 95%;--sidebar-border: 220 15% 15%;--sidebar-ring: 24 100% 50%;--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);--gradient-glass-strong: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .04) 100%);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-glass-glow: 0 0 60px rgba(100, 150, 255, .08);--shadow-glow: 0 0 40px hsl(25 82% 52% / .15);--border-glow: rgba(100, 150, 255, .15);--border-glow-strong: rgba(100, 150, 255, .25);--workspace-text-shadow: 0 1px 2px rgba(255, 255, 255, .1), 0 1px 4px rgba(255, 255, 255, .1);--workspace-text-overlay: rgba(255, 255, 255, .1);--notepad-background: 220 15% 7%;--notepad-surface: 220 15% 10%;--notepad-ink: 0 0% 90%;--notepad-ui-primary: 0 0% 70%;--notepad-ui-secondary: 0 0% 50%;--notepad-border: 220 15% 18%;--notepad-line-color: 220 15% 15%;--eink-background: 220 15% 8%;--eink-surface: 220 15% 10%;--eink-ink: 0 0% 90%;--eink-ui: 0 0% 60%;--eink-border: 220 15% 20%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}:root{--spring: cubic-bezier(.34, 1.56, .64, 1);--smooth: cubic-bezier(.25, .1, .25, 1);--snap: cubic-bezier(.2, 0, 0, 1)}