@charset "UTF-8";:root,:root.dark{--bg: #0b1220;--bg-2: #0f172a;--card: #0f172a;--muted: #94a3b8;--border: #1f2937;--accent: #5b9dff;--accent-2: #2563eb;--user: #2563eb;--bot: #e5e7eb;--radius: 16px;--shadow: 0 10px 30px rgba(2, 6, 23, .35);--input-bg: #0b1322;--input-text: #e2e8f0;--placeholder: #94a3b8;--icon: #cbd5e1;--floating-bg: #111827;--floating-fg: #e5e7eb;--chatbot-bg: rgba(0, 3, 53, .616);--header-bg: linear-gradient(135deg, rgba(79, 70, 229, .15), rgba(99, 102, 241, .12), rgba(139, 92, 246, .15));--header-border: rgba(255, 255, 255, .08);--header-text: #ffffff;--header-subtext: rgba(255, 255, 255, .7);--header-features: rgba(255, 255, 255, .55);--select-bg: rgba(17, 24, 39, .6);--select-border: rgba(255, 255, 255, .12);--select-text: rgba(255, 255, 255, .85);--btn-bg: rgba(17, 24, 39, .6);--btn-border: rgba(255, 255, 255, .12);--btn-text: rgba(255, 255, 255, .85);--messages-bg: transparent;--bot-text: #0f172a}:root.light{--bg: #ffffff;--bg-2: #f8fafc;--card: #ffffff;--muted: #64748b;--border: #e2e8f0;--accent: #3b82f6;--accent-2: #2563eb;--user: #2563eb;--bot: #f1f5f9;--shadow: 0 10px 30px rgba(0, 0, 0, .1);--input-bg: #f8fafc;--input-text: #1e293b;--placeholder: #94a3b8;--icon: #475569;--floating-bg: #ffffff;--floating-fg: #1e293b;--chatbot-bg: rgba(255, 255, 255, .95);--header-bg: linear-gradient(135deg, rgba(79, 70, 229, .08), rgba(99, 102, 츙 241, .06), rgba(139, 92, 246, .08));--header-border: rgba(0, 0, 0, .1);--header-text: #1e293b;--header-subtext: rgba(30, 41, 59, .7);--header-features: rgba(30, 41, 59, .6);--select-bg: rgba(248, 250, 252, .8);--select-border: rgba(0, 0, 0, .15);--select-text: #1e293b;--btn-bg: rgba(248, 250, 252, .8);--btn-border: rgba(0, 0, 0, .15);--btn-text: #1e293b;--messages-bg: transparent;--bot-text: #1e293b}.chatbot{width:min(100%,800px);height:clamp(560px,85vh,860px);background-color:var(--chatbot-bg);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;transition:background-color .3s ease}.cb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--header-border);background:var(--header-bg);position:relative;transition:background .3s ease,border-color .3s ease}.cb-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--header-border)}.cb-title{display:flex;align-items:center;gap:14px;flex-shrink:0}.cb-title-text{display:flex;flex-direction:column;gap:4px}.cb-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #3b82f640}.cb-name{font-weight:700;font-size:18px;color:var(--header-text);letter-spacing:.2px;display:flex;align-items:center;gap:6px;line-height:1.4;transition:color .3s ease}.cb-separator{color:var(--muted);font-weight:400}.cb-subtitle{font-weight:400;font-size:14px;color:var(--header-subtext);transition:color .3s ease}.cb-features{font-size:11px;color:var(--header-features);letter-spacing:.1px;transition:color .3s ease}.cb-sub{font-size:12px;color:var(--muted)}.cb-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.message{display:flex;align-items:flex-end;margin-bottom:10px}.message.user-message{justify-content:flex-end}.message.bot-message{justify-content:flex-start}.message-content{max-width:min(75ch,90%);padding:12px 14px;border-radius:14px;box-shadow:0 8px 20px #02061724}.user-message .message-content{background:linear-gradient(135deg,var(--user),#3b82f6);color:#fff;border-top-right-radius:6px}.bot-message .message-content{background:var(--bot);color:var(--bot-text);border-top-left-radius:6px;transition:background .3s ease,color .3s ease}.images{margin-top:10px;display:grid;gap:6px}.images.grid-1{grid-template-columns:1fr}.images.grid-2{grid-template-columns:1fr 1fr}.images.grid-3{grid-template-columns:2fr 1fr;grid-auto-rows:160px}.images.grid-3 img:nth-child(1){grid-row:span 2;height:100%}.images.grid-4{grid-template-columns:1fr 1fr}.images img{width:100%;height:180px;object-fit:cover;border-radius:12px;display:block;background:#0b1220}.img-skel{position:relative}.img-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 100%);transform:translate(-100%);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.cb-input{border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));padding:12px;display:grid;gap:10px}.attach-preview{display:none;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.attach-preview.active{display:grid}.thumb{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:72px;object-fit:cover;display:block}.thumb button{position:absolute;right:6px;top:6px;border:none;width:24px;height:24px;border-radius:8px;background:rgba(15,23,42,.75);color:#fff;cursor:pointer}.row{display:flex;gap:8px}.input{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--input-bg);border-radius:14px;padding:8px 10px}.input input{flex:1;background:transparent;border:none;outline:none;color:var(--input-text);font-size:15px}.input input::placeholder{color:var(--placeholder)}.btn{border:none;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;font-weight:600}.cb-actions{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.cb-select{min-width:200px;height:40px;border-radius:12px;border:1px solid var(--select-border);background-color:var(--select-bg);color:var(--select-text);padding:8px 36px 8px 14px;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px}:root.dark .cb-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z' opacity='0.6'/%3E%3C/svg%3E")}:root.light .cb-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231e293b' d='M6 9L1 4h10z' opacity='0.6'/%3E%3C/svg%3E")}.cb-select:hover{border-color:var(--border);background-color:var(--card)}.cb-select:focus{outline:none;border-color:var(--accent);background-color:var(--card);box-shadow:0 0 0 3px #3b82f61a}.cb-select option{background:var(--card);color:var(--floating-fg)}.cb-buttons{display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:all .3s ease;font-size:16px}.icon-btn:hover{border-color:var(--border);background:var(--card);color:var(--icon);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{height:8px;width:8px;margin:0 2px;background-color:#60a5fa;border-radius:50%;display:inline-block;animation:typingbounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingbounce{0%,80%,to{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.88);display:none;align-items:center;justify-content:center;z-index:50}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:90vh;border-radius:12px}.lb-controls{position:fixed;bottom:24px;display:flex;gap:8px}.lb-btn{width:40px;height:40px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:#e2e8f0;cursor:pointer}.lb-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:12px;border:1px solid #334155;background:#0b1220;color:#e2e8f0;cursor:pointer}body{margin:0;font-family:Cera pro,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Cera pro;src:url(/assets/Cera-Pro-Bold-ca2bcc9e.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cera pro;src:url(/assets/Cera-Pro-Regular-1a53c839.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cera pro;src:url(/assets/Cera-Pro-Medium-68415c8e.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(/assets/icomoon-997d050d.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}