:root{--background: #ffffff;--foreground: #1a1a1a;--card: #f8f9fa;--card-foreground: #1a1a1a;--popover: #ffffff;--popover-foreground: #1a1a1a;--primary: #6563ff;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #64748b;--muted: #f1f5f9;--muted-foreground: #64748b;--accent: #f1f5f9;--accent-foreground: #1a1a1a;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e8f0;--input: #ffffff;--ring: #6563ff;--radius-sm: .375rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-default: all .2s ease;--transition-fast: all .1s ease;--transition-slow: all .3s ease;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-max: 9999;--header-height: 3.5rem;--sidebar-width: 18rem;--bottom-bar-height: 3.5rem;--user-message: #6563ff;--bot-message: #f1f5f9;--chat-bg: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--foreground);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600;line-height:var(--line-height-tight);color:var(--foreground)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4)}a{color:var(--primary);text-decoration:none;transition:var(--transition-default)}a:hover{color:var(--primary-foreground);text-decoration:underline}small{font-size:var(--font-size-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-default);cursor:pointer;border:1px solid transparent}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:color-mix(in srgb,var(--primary) 90%,black)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn-outline{background-color:transparent;border-color:var(--border);color:var(--foreground)}.btn-outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn-destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.btn-destructive:hover{background-color:color-mix(in srgb,var(--destructive) 90%,black)}.btn-icon{padding:var(--spacing-2);border-radius:var(--radius-full)}.btn:disabled{opacity:.5;pointer-events:none}.input-container{margin-bottom:var(--spacing-4)}.input-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--foreground)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);color:var(--foreground);background-color:var(--input);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-base);transition:var(--transition-default)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}.input::placeholder{color:var(--muted-foreground)}.input:disabled{opacity:.5;cursor:not-allowed}.checkbox-container{display:flex;align-items:center;margin-bottom:var(--spacing-4)}.checkbox{appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--input);margin-right:var(--spacing-3);position:relative;cursor:pointer}.checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.25rem;height:.5rem;border:solid var(--primary-foreground);border-width:0 .125rem .125rem 0}.card{background-color:var(--card);border-radius:var(--radius);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border)}.card-header{margin-bottom:var(--spacing-4)}.card-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-2)}.card-description{color:var(--muted-foreground);font-size:var(--font-size-sm)}.card-footer{margin-top:var(--spacing-6);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.badge-primary{background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.badge-success{background-color:color-mix(in srgb,#10b981 15%,transparent);color:#10b981}.badge-warning{background-color:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}.badge-danger{background-color:color-mix(in srgb,var(--destructive) 15%,transparent);color:var(--destructive)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.rounded{border-radius:var(--radius)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:100%;background-color:var(--background);overflow:hidden;position:relative}.chat-window{flex:1;overflow-y:auto;padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4);background-color:var(--chat-bg)}.message{display:flex;flex-direction:column;max-width:85%;margin-bottom:var(--spacing-3)}.user-message{align-self:flex-end}.bot-message{align-self:flex-start}.message-bubble{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:var(--shadow);white-space:pre-wrap;word-break:break-word}.user-bubble{background-color:var(--user-message);color:var(--primary-foreground);border-bottom-right-radius:var(--radius-sm)}.bot-bubble{background-color:var(--bot-message);color:var(--foreground);border-bottom-left-radius:var(--radius-sm)}.gif-container{margin-top:var(--spacing-2);max-width:240px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.gif{width:100%;height:auto;object-fit:cover;border-radius:var(--radius)}.loading{display:flex;align-items:center;align-self:flex-start;margin:var(--spacing-3) 0;padding:var(--spacing-3) var(--spacing-4);background-color:var(--card);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--accent-foreground);box-shadow:var(--shadow)}.loading-dots{display:flex;align-items:center;gap:var(--spacing-1)}.dot{width:.5rem;height:.5rem;background-color:var(--muted-foreground);border-radius:var(--radius-full);animation:pulse 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(.75);opacity:.5}50%{transform:scale(1);opacity:1}}.suggested-emotions{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-3) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.suggested-emotions::-webkit-scrollbar{display:none}.emotion-bubble{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);background-color:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:var(--transition-default)}.emotion-bubble:hover{background-color:var(--accent);color:var(--accent-foreground)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background-color:var(--background);border-bottom:1px solid var(--border);height:var(--header-height)}.header-title{display:flex;align-items:center;font-size:var(--font-size-md);font-weight:500;color:var(--foreground)}.input-area{padding:var(--spacing-3) var(--spacing-4);background-color:var(--background);border-top:1px solid var(--border);z-index:var(--z-10)}.input-row{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--input);border-radius:var(--radius);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border)}.logout-container{padding:var(--spacing-3);display:flex;justify-content:flex-end;background-color:var(--background);border-top:1px solid var(--border)}@media (max-width: 640px){:root{--font-size-base: .9375rem}.container{padding:0 var(--spacing-3)}.chat-window{padding:var(--spacing-3)}.message{max-width:90%}.suggested-emotions{padding:var(--spacing-2) 0}}@media (max-width: 768px){.card{padding:var(--spacing-4)}}@media (min-width: 1024px){.container{max-width:960px}}@media (min-width: 1280px){.container{max-width:1200px}}@media print{body{background-color:#fff;color:#000}.no-print{display:none}.card{box-shadow:none;border:1px solid #eaeaea}}