@tailwind base;@tailwind components;@tailwind utilities;:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--button-outline: rgba(0, 0, 0, .1);--badge-outline: rgba(0, 0, 0, .05);--opaque-button-border-intensity: -8;--elevate-1: rgba(0, 0, 0, .03);--elevate-2: rgba(0, 0, 0, .08);--background: 0 0% 100%;--foreground: 0 0% 10%;--border: 0 0% 90%;--card: 0 0% 98%;--card-foreground: 0 0% 10%;--card-border: 0 0% 92%;--sidebar: 0 0% 96%;--sidebar-foreground: 0 0% 10%;--sidebar-border: 0 0% 92%;--sidebar-primary: 174 47% 51%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 92%;--sidebar-accent-foreground: 0 0% 10%;--sidebar-ring: 174 47% 51%;--popover: 0 0% 98%;--popover-foreground: 0 0% 10%;--popover-border: 0 0% 90%;--primary: 174 47% 51%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 90%;--secondary-foreground: 0 0% 10%;--muted: 0 0% 92%;--muted-foreground: 0 0% 45%;--accent: 174 30% 92%;--accent-foreground: 174 47% 25%;--destructive: 0 84% 42%;--destructive-foreground: 0 74% 97%;--input: 0 0% 70%;--ring: 174 47% 51%;--chart-1: 174 47% 51%;--chart-2: 174 40% 60%;--chart-3: 0 0% 30%;--chart-4: 174 30% 70%;--chart-5: 0 0% 50%;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, serif;--font-mono: Menlo, monospace;--radius: .5rem;--shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);--shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);--shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);--shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);--shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);--shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);--shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);--shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);--tracking-normal: 0em;--spacing: .25rem;--sidebar-primary-border: hsl(var(--sidebar-primary));--sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border: hsl(var(--sidebar-accent));--sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border: hsl(var(--primary));--primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border: hsl(var(--secondary));--secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border: hsl(var(--muted));--muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border: hsl(var(--accent));--accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border: hsl(var(--destructive));--destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha)}.dark{--button-outline: rgba(255,255,255, .1);--badge-outline: rgba(255,255,255, .05);--opaque-button-border-intensity: 9;--elevate-1: rgba(255,255,255, .04);--elevate-2: rgba(255,255,255, .09);--background: 0 0% 8%;--foreground: 0 0% 95%;--border: 0 0% 20%;--card: 0 0% 10%;--card-foreground: 0 0% 95%;--card-border: 0 0% 16%;--sidebar: 0 0% 12%;--sidebar-foreground: 0 0% 95%;--sidebar-border: 0 0% 18%;--sidebar-primary: 174 47% 51%;--sidebar-primary-foreground: 0 0% 8%;--sidebar-accent: 0 0% 18%;--sidebar-accent-foreground: 0 0% 95%;--sidebar-ring: 174 47% 51%;--popover: 0 0% 12%;--popover-foreground: 0 0% 95%;--popover-border: 0 0% 20%;--primary: 174 47% 51%;--primary-foreground: 0 0% 8%;--secondary: 0 0% 20%;--secondary-foreground: 0 0% 95%;--muted: 0 0% 18%;--muted-foreground: 0 0% 60%;--accent: 174 30% 20%;--accent-foreground: 174 47% 80%;--destructive: 0 84% 42%;--destructive-foreground: 0 74% 97%;--input: 0 0% 28%;--ring: 174 47% 51%;--chart-1: 174 47% 60%;--chart-2: 174 40% 70%;--chart-3: 0 0% 70%;--chart-4: 174 30% 80%;--chart-5: 0 0% 60%;--shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);--shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);--shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);--shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);--shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);--shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);--shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);--shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);--sidebar-primary-border: hsl(var(--sidebar-primary));--sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border: hsl(var(--sidebar-accent));--sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border: hsl(var(--primary));--primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border: hsl(var(--secondary));--secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border: hsl(var(--muted));--muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border: hsl(var(--accent));--accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border: hsl(var(--destructive));--destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha)}@layer base{*{@apply border-border;}body{@apply font-sans antialiased bg-background text-foreground;line-height:1.5}}@layer utilities{input[type=search]::-webkit-search-cancel-button{@apply hidden;}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:hsl(var(--muted-foreground));pointer-events:none}.toggle-elevate:before,.toggle-elevate-2:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1}.toggle-elevate.toggle-elevated:before{background-color:var(--elevate-2)}.border.toggle-elevate:before{inset:-1px}.hover-elevate:not(.no-default-hover-elevate),.active-elevate:not(.no-default-active-elevate),.hover-elevate-2:not(.no-default-hover-elevate),.active-elevate-2:not(.no-default-active-elevate){position:relative;z-index:0}.hover-elevate:not(.no-default-hover-elevate):after,.active-elevate:not(.no-default-active-elevate):after,.hover-elevate-2:not(.no-default-hover-elevate):after,.active-elevate-2:not(.no-default-active-elevate):after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:999}.hover-elevate:hover:not(.no-default-hover-elevate):after,.active-elevate:active:not(.no-default-active-elevate):after{background-color:var(--elevate-1)}.hover-elevate-2:hover:not(.no-default-hover-elevate):after,.active-elevate-2:active:not(.no-default-active-elevate):after{background-color:var(--elevate-2)}.border.hover-elevate:not(.no-hover-interaction-elevate):after,.border.active-elevate:not(.no-active-interaction-elevate):after,.border.hover-elevate-2:not(.no-hover-interaction-elevate):after,.border.active-elevate-2:not(.no-active-interaction-elevate):after{inset:-1px}.safe-top{padding-top:calc(.5rem + var(--safe-top))}.safe-bottom{padding-bottom:calc(1rem + var(--safe-bottom))}.safe-left{padding-left:calc(.5rem + var(--safe-left))}.safe-right{padding-right:calc(.5rem + var(--safe-right))}}