:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:185 19% 59%;--primary-foreground:0 0% 100%;--secondary:185 15% 90%;--secondary-foreground:185 25% 25%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--accent:185 20% 85%;--accent-foreground:185 25% 25%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--border:20 5.9% 90%;--input:20 5.9% 90%;--ring:185 19% 59%}.dark{--background:222.2 84% 4.9%;--foreground:60 9.1% 97.8%;--card:222.2 84% 4.9%;--card-foreground:60 9.1% 97.8%;--popover:222.2 84% 4.9%;--popover-foreground:60 9.1% 97.8%;--primary:185 25% 65%;--primary-foreground:0 0% 100%;--secondary:185 20% 20%;--secondary-foreground:185 20% 80%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--accent:185 25% 25%;--accent-foreground:185 25% 90%;--destructive:0 62.8% 30.6%;--destructive-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--ring:185 25% 65%}.theme-social-neutral{--background:0 0% 100%;--card:0 0% 98%;--popover:0 0% 100%;--primary:185 19% 59%;--primary-foreground:0 0% 100%;--secondary:185 15% 90%;--accent:185 20% 85%;--muted:30 10% 96%;--border:30 10% 90%;--accent-coral:12 67% 61%;--accent-lavender:246 53% 74%}.theme-catppuccin{--background:286 32% 95%;--card:286 32% 92%;--popover:286 32% 95%;--primary:316 70% 50%;--primary-foreground:0 0% 100%;--secondary:316 50% 90%;--accent:316 70% 90%;--muted:286 32% 90%;--border:286 32% 85%}.theme-gruvbox{--background:45 35% 95%;--card:45 35% 92%;--popover:45 35% 95%;--primary:42 95% 58%;--primary-foreground:0 0% 100%;--secondary:28 35% 50%;--accent:100 35% 50%;--muted:45 35% 90%;--border:45 35% 80%;--destructive:0 75% 50%;--destructive-foreground:0 0% 100%;--ring:42 95% 58%}.theme-tokyo-night{--background:225 25% 95%;--card:225 25% 92%;--popover:225 25% 95%;--primary:230 66% 65%;--primary-foreground:0 0% 100%;--secondary:220 17% 80%;--accent:292 84% 77%;--muted:225 25% 90%;--border:225 25% 80%;--destructive:0 75% 65%;--destructive-foreground:0 0% 100%;--ring:230 66% 65%}.dark.theme-social-neutral{--background:222.2 84% 4.9%;--card:222.2 84% 6.9%;--popover:222.2 84% 4.9%;--primary:185 25% 65%;--primary-foreground:0 0% 100%;--secondary:185 20% 20%;--accent:185 25% 25%;--muted:30 10% 15%;--border:30 10% 20%;--accent-coral:12 60% 75%;--accent-lavender:246 60% 80%}.dark.theme-catppuccin{--background:286 32% 10%;--card:286 32% 12%;--popover:286 32% 10%;--primary:316 70% 60%;--primary-foreground:0 0% 100%;--secondary:316 50% 20%;--accent:316 70% 25%;--muted:286 32% 15%;--border:286 32% 18%}.dark.theme-gruvbox{--background:200 15% 12%;--card:200 15% 15%;--popover:200 15% 12%;--primary:42 95% 58%;--primary-foreground:0 0% 100%;--secondary:28 35% 50%;--accent:100 35% 50%;--muted:200 15% 18%;--border:200 15% 20%;--destructive:0 75% 50%;--destructive-foreground:0 0% 100%;--ring:42 95% 58%}.dark.theme-tokyo-night{--background:240 25% 10%;--card:240 25% 13%;--popover:240 25% 10%;--primary:230 66% 65%;--primary-foreground:0 0% 100%;--secondary:220 17% 35%;--accent:292 84% 77%;--muted:240 25% 15%;--border:240 25% 18%;--destructive:0 75% 65%;--destructive-foreground:0 0% 100%;--ring:230 66% 65%}:root{--bg-primary:var(--background-light);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-inverse:var(--gray-900);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-inverse:var(--white);--border-primary:var(--gray-200);--border-secondary:var(--gray-300);--border-inverse:var(--gray-700);--interactive-primary:var(--primary-500);--interactive-primary-hover:var(--primary-600);--interactive-primary-active:var(--primary-700);--interactive-secondary:var(--gray-200);--interactive-secondary-hover:var(--gray-300);--interactive-secondary-active:var(--gray-400);--status-success:var(--success);--status-danger:var(--danger);--status-warning:var(--warning);--status-info:var(--info);--focus-ring:var(--primary-500);--focus-ring-offset:var(--white);--overlay-light:rgba(0,0,0,.1);--overlay-medium:rgba(0,0,0,.5);--overlay-dark:rgba(0,0,0,.75)}[data-theme=dark]{--bg-primary:var(--background-dark);--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--bg-inverse:var(--white);--text-primary:var(--white);--text-secondary:var(--gray-200);--text-tertiary:var(--gray-400);--text-inverse:var(--gray-900);--border-primary:var(--gray-700);--border-secondary:var(--gray-600);--border-inverse:var(--gray-200);--interactive-primary:var(--primary-400);--interactive-primary-hover:var(--primary-300);--interactive-primary-active:var(--primary-200);--interactive-secondary:var(--gray-700);--interactive-secondary-hover:var(--gray-600);--interactive-secondary-active:var(--gray-500);--status-success:color-mix(in srgb,var(--success) 90%,#fff);--status-danger:color-mix(in srgb,var(--danger) 90%,#fff);--status-warning:color-mix(in srgb,var(--warning) 90%,#fff);--status-info:color-mix(in srgb,var(--info) 90%,#fff);--focus-ring:var(--primary-400);--focus-ring-offset:var(--gray-800);--overlay-light:hsla(0,0%,100%,.1);--overlay-medium:hsla(0,0%,100%,.5);--overlay-dark:hsla(0,0%,100%,.75)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-inverse{background-color:var(--bg-inverse)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-inverse{border-color:var(--border-inverse)}.interactive-primary{color:var(--interactive-primary);transition:color var(--transition-normal) var(--transition-timing-out)}.interactive-primary:hover{color:var(--interactive-primary-hover)}.interactive-primary:active{color:var(--interactive-primary-active)}.interactive-secondary{color:var(--interactive-secondary);transition:color var(--transition-normal) var(--transition-timing-out)}.interactive-secondary:hover{color:var(--interactive-secondary-hover)}.interactive-secondary:active{color:var(--interactive-secondary-active)}.status-success{color:var(--status-success)}.status-danger{color:var(--status-danger)}.status-warning{color:var(--status-warning)}.status-info{color:var(--status-info)}.focus-ring{box-shadow:0 0 0 2px var(--focus-ring-offset),0 0 0 4px var(--focus-ring);outline:none}.overlay-light{background-color:var(--overlay-light)}.overlay-medium{background-color:var(--overlay-medium)}.overlay-dark{background-color:var(--overlay-dark)}.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)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.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)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.font-base{font-family:var(--font-family-base)}.font-heading{font-family:var(--font-family-heading)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.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)}.border-0{border-width:var(--border-0)}.border-1{border-width:var(--border-1)}.border-2{border-width:var(--border-2)}.border-4{border-width:var(--border-4)}.border-8{border-width:var(--border-8)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.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-fast{transition-duration:var(--transition-fast)}.transition-normal{transition-duration:var(--transition-normal)}.transition-slow{transition-duration:var(--transition-slow)}.transition-slower{transition-duration:var(--transition-slower)}.transition-linear{transition-timing-function:var(--transition-timing-linear)}.transition-in{transition-timing-function:var(--transition-timing-in)}.transition-out{transition-timing-function:var(--transition-timing-out)}.transition-in-out{transition-timing-function:var(--transition-timing-in-out)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.aspect-square{aspect-ratio:var(--aspect-ratio-square)}.aspect-video{aspect-ratio:var(--aspect-ratio-video)}.aspect-portrait{aspect-ratio:var(--aspect-ratio-portrait)}.aspect-landscape{aspect-ratio:var(--aspect-ratio-landscape)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2)}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}@media (min-width:1536px){.container{max-width:var(--container-2xl)}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width:769px){.animate-fade-in{animation:fadeIn var(--transition-normal) var(--transition-timing-out)}.animate-fade-out{animation:fadeOut var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-up{animation:slideInUp var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-down{animation:slideInDown var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-right{animation:slideInRight var(--transition-normal) var(--transition-timing-out)}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--transition-timing-out)}.animate-scale-out{animation:scaleOut var(--transition-normal) var(--transition-timing-out)}}@media (max-width:768px){.animate-fade-in,.animate-fade-out,.animate-scale-in,.animate-scale-out,.animate-slide-in-down,.animate-slide-in-left,.animate-slide-in-right,.animate-slide-in-up{animation:none;opacity:1;transform:none}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-none{animation:none}.animate-once{animation-iteration-count:1}.animate-infinite{animation-iteration-count:infinite}.animate-pause{animation-play-state:paused}.animate-play{animation-play-state:running}.animate-reverse{animation-direction:reverse}.animate-alternate{animation-direction:alternate}.animate-alternate-reverse{animation-direction:alternate-reverse}.delay-0{animation-delay:0s}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.app-layout{background:var(--background);height:100%;position:relative;width:100%}@media (min-width:768px){.app-layout{border-radius:var(--radius-lg);display:flex}.app-layout .container-area{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);display:flex;flex:1;gap:var(--spacing-sm);height:100%;min-height:0;overflow:hidden}.app-layout .content{border-radius:var(--radius-lg);display:flex;flex:1;flex-direction:column;overflow:hidden}.app-layout .content .columns{display:flex;flex:1;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-ms-overflow-style:auto;border-radius:var(--radius-lg);height:100%;min-height:0;padding-bottom:8px}.app-layout .content .column{background-color:hsl(var(--card));display:flex;flex:1 1 360px;flex-direction:column;height:100%;max-width:480px;min-height:0;min-width:360px}}@media (min-width:768px) and (max-width:1023px){.column{flex:1 1 280px!important;max-width:350px!important;min-width:280px!important}}@media (min-width:1280px){.column{flex:1 1 400px!important;max-width:520px!important;min-width:400px!important}}