@custom-variant dark (&:is(.dark *));:root{--font-size: 14px;--background: #1a1a1a;--foreground: #ffffff;--card: #242424;--card-foreground: #ffffff;--popover: #2a2a2a;--popover-foreground: #ffffff;--primary: #ffffff;--primary-foreground: #1a1a1a;--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #2a2a2a;--muted-foreground: #a0a0a0;--accent: #2a2a2a;--accent-foreground: #ffffff;--destructive: #dc2626;--destructive-foreground: #ffffff;--border: rgba(255, 255, 255, .12);--input: transparent;--input-background: #2a2a2a;--switch-background: #4a4a4a;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: #1e1e1e;--sidebar-foreground: #ffffff;--sidebar-primary: #ffffff;--sidebar-primary-foreground: #1e1e1e;--sidebar-accent: #2a2a2a;--sidebar-accent-foreground: #ffffff;--sidebar-border: rgba(255, 255, 255, .12);--sidebar-ring: oklch(.708 0 0)}.light{--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #dc2626;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@layer utilities{.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-border,.scrollbar-track-transparent{scrollbar-color:var(--border) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.sidebar-section-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.sidebar-section-scroll::-webkit-scrollbar{width:4px}.sidebar-section-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-section-scroll::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.sidebar-section-scroll::-webkit-scrollbar-thumb:hover{background-color:#fff6}.max-h-project-list{max-height:min(320px,calc(100vh - 400px))}.max-h-chat-list{max-height:min(400px,calc(100vh - 350px))}.smooth-scroll{scroll-behavior:smooth}.sidebar-section{transition:all .2s ease-in-out}.sidebar-section:hover{background-color:#ffffff0a}.section-scroll-container{transition:max-height .3s ease-in-out}img[alt="Role GPT"]{transition:filter .3s ease-in-out}.dropdown-menu-overlay{z-index:99998}.dropdown-menu-content{z-index:99999}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}}html{font-size:var(--font-size)}.safe-top{padding-top:16px;padding-top:max(16px,env(safe-area-inset-top,16px))}.safe-bottom{padding-bottom:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.safe-left{padding-left:16px;padding-left:max(16px,env(safe-area-inset-left,16px))}.safe-right{padding-right:16px;padding-right:max(16px,env(safe-area-inset-right,16px))}@media screen and (max-width: 768px){.mobile-safe-top{padding-top:max(12px,env(safe-area-inset-top,12px))!important}}@layer utilities{.mobile-screen{height:100vh;height:100dvh}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}