@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #F8F8F8;--bg-surface: #FFFFFF;--bg-elevated: #F0F0F0;--bg-input: #EBEBEB;--bg-user-msg: #2563EB;--code-bg: #111827;--code-text: #E5E7EB;--text-primary: #0D0D0D;--text-secondary: #6B7280;--text-muted: #A0A0A0;--text-on-accent: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-glow: rgba(37, 99, 235, .18);--accent-light: #EFF6FF;--border: rgba(0, 0, 0, .07);--border-input: rgba(0, 0, 0, .13);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--navbar-height: 60px;--max-content: 740px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32031%2011.6835C3.32031%2016.6541%207.34975%2020.6835%2012.3203%2020.6835C16.1075%2020.6835%2019.3483%2018.3443%2020.6768%2015.032C19.6402%2015.4486%2018.5059%2015.6834%2017.3203%2015.6834C12.3497%2015.6834%208.32031%2011.654%208.32031%206.68342C8.32031%205.50338%208.55165%204.36259%208.96453%203.32996C5.65605%204.66028%203.32031%207.89912%203.32031%2011.6835Z'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}[data-theme=dark]{--bg: #0D0D0D;--bg-surface: #141414;--bg-elevated: #1C1C1C;--bg-input: #202020;--bg-user-msg: #2563EB;--code-bg: #0A0A0A;--code-text: #E5E7EB;--text-primary: #EFEFEF;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-on-accent: #FFFFFF;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-glow: rgba(59, 130, 246, .22);--accent-light: #1E3A5F;--border: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12%203V4M12%2020V21M4%2012H3M6.31412%206.31412L5.5%205.5M17.6859%206.31412L18.5%205.5M6.31412%2017.69L5.5%2018.5001M17.6859%2017.69L18.5%2018.5001M21%2012H20M16%2012C16%2014.2091%2014.2091%2016%2012%2016C9.79086%2016%208%2014.2091%208%2012C8%209.79086%209.79086%208%2012%208C14.2091%208%2016%209.79086%2016%2012Z'%20stroke='%23e58415'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.typing-row{display:flex;align-items:flex-end;gap:10px;max-width:var(--max-content);margin:0 auto;width:100%;padding:4px 20px 20px;animation:typing-fade-in .3s ease-out}@keyframes typing-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.typing-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);flex-shrink:0;display:flex;align-items:center;justify-content:center}.typing-avatar-dot{width:13px;height:13px;background:#ffffffe6;border-radius:50%;display:block}.typing-bubble{display:flex;align-items:center;gap:5px;background:var(--bg-elevated);border:1px solid var(--border);padding:13px 16px;border-radius:18px 18px 18px 4px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);display:inline-block;animation:dot-bounce 1.35s infinite ease-in-out}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.17s}.dot:nth-child(3){animation-delay:.34s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-6px);opacity:1}}:root{--bg: #F8F8F8;--bg-surface: #FFFFFF;--bg-elevated: #F0F0F0;--bg-input: #EBEBEB;--bg-user-msg: #2563EB;--code-bg: #111827;--code-text: #E5E7EB;--text-primary: #0D0D0D;--text-secondary: #6B7280;--text-muted: #A0A0A0;--text-on-accent: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-glow: rgba(37, 99, 235, .18);--accent-light: #EFF6FF;--border: rgba(0, 0, 0, .07);--border-input: rgba(0, 0, 0, .13);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--navbar-height: 60px;--max-content: 740px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32031%2011.6835C3.32031%2016.6541%207.34975%2020.6835%2012.3203%2020.6835C16.1075%2020.6835%2019.3483%2018.3443%2020.6768%2015.032C19.6402%2015.4486%2018.5059%2015.6834%2017.3203%2015.6834C12.3497%2015.6834%208.32031%2011.654%208.32031%206.68342C8.32031%205.50338%208.55165%204.36259%208.96453%203.32996C5.65605%204.66028%203.32031%207.89912%203.32031%2011.6835Z'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}[data-theme=dark]{--bg: #0D0D0D;--bg-surface: #141414;--bg-elevated: #1C1C1C;--bg-input: #202020;--bg-user-msg: #2563EB;--code-bg: #0A0A0A;--code-text: #E5E7EB;--text-primary: #EFEFEF;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-on-accent: #FFFFFF;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-glow: rgba(59, 130, 246, .22);--accent-light: #1E3A5F;--border: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12%203V4M12%2020V21M4%2012H3M6.31412%206.31412L5.5%205.5M17.6859%206.31412L18.5%205.5M6.31412%2017.69L5.5%2018.5001M17.6859%2017.69L18.5%2018.5001M21%2012H20M16%2012C16%2014.2091%2014.2091%2016%2012%2016C9.79086%2016%208%2014.2091%208%2012C8%209.79086%209.79086%208%2012%208C14.2091%208%2016%209.79086%2016%2012Z'%20stroke='%23e58415'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.chat-page{min-height:100vh;padding-top:var(--navbar-height);padding-bottom:130px;display:flex;flex-direction:column}.welcome-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 24px 40px;max-width:var(--max-content);margin:0 auto;width:100%}.welcome-icon-wrap{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 6px 28px #2563eb59;animation:icon-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes icon-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.welcome-icon{width:30px;height:30px;filter:brightness(0) invert(1);display:block}.welcome-title{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px;color:var(--text-primary);animation:fade-up .45s ease-out .1s both}.welcome-subtitle{font-size:15px;color:var(--text-secondary);max-width:420px;line-height:1.65;margin-bottom:36px;animation:fade-up .45s ease-out .18s both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prompt-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;animation:fade-up .45s ease-out .26s both}.chip{padding:9px 16px;border-radius:var(--radius-full);border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .15s;box-shadow:var(--shadow-sm)}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.chat-actions{display:flex;justify-content:center;padding:20px 20px 4px}.clear-btn{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .2s}.clear-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.messages-list{max-width:var(--max-content);margin:0 auto;width:100%;padding:16px 20px;display:flex;flex-direction:column}.message-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;animation:msg-appear .3s ease-out both}@keyframes msg-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-row.user{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;border-radius:10px;flex-shrink:0;margin-top:3px;overflow:hidden}.ai-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;border-radius:10px}.ai-avatar img{width:15px;height:15px;filter:brightness(0) invert(1);display:block}.user-avatar-icon{border-radius:50%}.user-avatar-icon img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--border-input)}.ai-content{flex:1;font-size:15px;line-height:1.7;color:var(--text-primary);min-width:0}.ai-content p{margin-bottom:10px}.ai-content p:last-child{margin-bottom:0}.ai-content ul,.ai-content ol{margin:8px 0 10px}.ai-content h1,.ai-content h2,.ai-content h3{margin:16px 0 8px}.user-bubble{background:var(--bg-user-msg);color:#fff;padding:12px 18px;border-radius:20px 20px 4px;font-size:15px;line-height:1.6;max-width:82%;box-shadow:0 2px 8px #2563eb40;word-break:break-word}.user-bubble p{color:#fff;margin:0;font-size:inherit;line-height:inherit}.copy-button{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:var(--radius-sm);background:#ffffff12;border:1px solid rgba(255,255,255,.11);color:#9ca3af;font-size:11px;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.copy-button:hover{background:#ffffff24;color:#e5e7eb}.input-area{position:fixed;bottom:0;left:0;right:0;padding:10px 20px 18px;background:linear-gradient(to bottom,transparent,var(--bg) 35%);z-index:100}.input-form{max-width:var(--max-content);margin:0 auto}.input-wrapper{display:flex;align-items:flex-end;gap:10px;background:var(--bg-surface);border:1px solid var(--border-input);border-radius:var(--radius-lg);padding:10px 10px 10px 18px;box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)}.msg-input{flex:1;font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;padding:3px 0;max-height:160px;min-height:26px;caret-color:var(--accent)}.msg-input::placeholder{color:var(--text-muted)}.send-btn{width:36px;height:36px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background .2s,transform .15s,opacity .2s;align-self:flex-end}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.06)}.send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.send-btn img{width:15px;height:15px;filter:brightness(0) invert(1);display:block}.input-hint{text-align:center;font-size:11px;color:var(--text-muted);margin-top:7px;line-height:1}.footer-attribution{display:flex;justify-content:center;margin-top:6px}.footer-attribution p{font-size:11px;color:var(--text-muted);line-height:1.4}.footer-attribution a{color:var(--text-secondary);font-weight:500}.footer-attribution a:hover{color:var(--accent)}@media (max-width: 768px){.messages-list{padding:12px 14px}.welcome-state{padding:48px 20px 32px}.welcome-title{font-size:22px}.welcome-subtitle{font-size:14px}.prompt-chips{gap:6px}.chip{font-size:12px;padding:8px 14px}.user-bubble{max-width:88%;padding:10px 14px;font-size:14px}.ai-content{font-size:14px}.input-area{padding:8px 12px 14px}.input-wrapper{padding:8px 8px 8px 14px}.msg-input{font-size:14px}.input-hint{display:none}}#root{width:100%;min-height:100vh;background-color:var(--bg);color:var(--text-primary)}:root{--bg: #F8F8F8;--bg-surface: #FFFFFF;--bg-elevated: #F0F0F0;--bg-input: #EBEBEB;--bg-user-msg: #2563EB;--code-bg: #111827;--code-text: #E5E7EB;--text-primary: #0D0D0D;--text-secondary: #6B7280;--text-muted: #A0A0A0;--text-on-accent: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-glow: rgba(37, 99, 235, .18);--accent-light: #EFF6FF;--border: rgba(0, 0, 0, .07);--border-input: rgba(0, 0, 0, .13);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--navbar-height: 60px;--max-content: 740px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32031%2011.6835C3.32031%2016.6541%207.34975%2020.6835%2012.3203%2020.6835C16.1075%2020.6835%2019.3483%2018.3443%2020.6768%2015.032C19.6402%2015.4486%2018.5059%2015.6834%2017.3203%2015.6834C12.3497%2015.6834%208.32031%2011.654%208.32031%206.68342C8.32031%205.50338%208.55165%204.36259%208.96453%203.32996C5.65605%204.66028%203.32031%207.89912%203.32031%2011.6835Z'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}[data-theme=dark]{--bg: #0D0D0D;--bg-surface: #141414;--bg-elevated: #1C1C1C;--bg-input: #202020;--bg-user-msg: #2563EB;--code-bg: #0A0A0A;--code-text: #E5E7EB;--text-primary: #EFEFEF;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-on-accent: #FFFFFF;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-glow: rgba(59, 130, 246, .22);--accent-light: #1E3A5F;--border: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12%203V4M12%2020V21M4%2012H3M6.31412%206.31412L5.5%205.5M17.6859%206.31412L18.5%205.5M6.31412%2017.69L5.5%2018.5001M17.6859%2017.69L18.5%2018.5001M21%2012H20M16%2012C16%2014.2091%2014.2091%2016%2012%2016C9.79086%2016%208%2014.2091%208%2012C8%209.79086%209.79086%208%2012%208C14.2091%208%2016%209.79086%2016%2012Z'%20stroke='%23e58415'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);z-index:1000}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-brand-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;padding:7px;box-shadow:0 2px 8px #2563eb59;flex-shrink:0}.navbar-brand-icon img{width:100%;height:100%;filter:brightness(0) invert(1);display:block}.navbar-brand-name{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.navbar-actions{display:flex;align-items:center;gap:10px}.login-area{display:flex;align-items:center}.profile{position:relative;cursor:pointer}.img-profile{width:33px;height:33px;border-radius:50%;border:2px solid var(--border-input);display:block;transition:border-color .2s,transform .2s;object-fit:cover}.img-profile:hover{border-color:var(--accent);transform:scale(1.05)}.dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:1001;min-width:240px}.dropdown-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;overflow:hidden}.dropdown-user{display:flex;align-items:center;gap:10px;padding:10px}.dropdown-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.dropdown-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.dropdown-email{font-size:11px;color:var(--text-muted);margin:0;line-height:1.4}.dropdown-item{display:block;padding:8px 10px;font-size:13px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background .15s,color .15s;cursor:pointer}.dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary);text-decoration:none}.dropdown-divider{height:1px;background:var(--border);margin:6px 0}.dropdown-logout{width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);font-weight:500;color:#ef4444;cursor:pointer;transition:background .15s;display:block}.dropdown-logout:hover{background:#ef444414}.btn-google-login{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-full);border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-google-login:hover{background:var(--bg-elevated);border-color:var(--border-input);box-shadow:var(--shadow-md)}@media (max-width: 768px){.navbar{padding:0 14px}.navbar-brand-name,.btn-google-login span{display:none}.btn-google-login{padding:7px 10px}}.theme-toggle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:background .2s,border-color .2s,transform .2s;flex-shrink:0}.theme-toggle:hover{background:var(--bg-input);border-color:var(--border-input);transform:scale(1.08)}.theme-icon{opacity:.75;display:block;transition:opacity .2s}[data-theme=dark] .theme-icon{filter:brightness(1.8);opacity:.85}.theme-toggle:hover .theme-icon{opacity:1}:root{--bg: #F8F8F8;--bg-surface: #FFFFFF;--bg-elevated: #F0F0F0;--bg-input: #EBEBEB;--bg-user-msg: #2563EB;--code-bg: #111827;--code-text: #E5E7EB;--text-primary: #0D0D0D;--text-secondary: #6B7280;--text-muted: #A0A0A0;--text-on-accent: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-glow: rgba(37, 99, 235, .18);--accent-light: #EFF6FF;--border: rgba(0, 0, 0, .07);--border-input: rgba(0, 0, 0, .13);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--navbar-height: 60px;--max-content: 740px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32031%2011.6835C3.32031%2016.6541%207.34975%2020.6835%2012.3203%2020.6835C16.1075%2020.6835%2019.3483%2018.3443%2020.6768%2015.032C19.6402%2015.4486%2018.5059%2015.6834%2017.3203%2015.6834C12.3497%2015.6834%208.32031%2011.654%208.32031%206.68342C8.32031%205.50338%208.55165%204.36259%208.96453%203.32996C5.65605%204.66028%203.32031%207.89912%203.32031%2011.6835Z'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}[data-theme=dark]{--bg: #0D0D0D;--bg-surface: #141414;--bg-elevated: #1C1C1C;--bg-input: #202020;--bg-user-msg: #2563EB;--code-bg: #0A0A0A;--code-text: #E5E7EB;--text-primary: #EFEFEF;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-on-accent: #FFFFFF;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-glow: rgba(59, 130, 246, .22);--accent-light: #1E3A5F;--border: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);--background: var(--bg);--imput-color: var(--bg-input);--imput-text-color: var(--text-primary);--bg-img-toggle: url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12%203V4M12%2020V21M4%2012H3M6.31412%206.31412L5.5%205.5M17.6859%206.31412L18.5%205.5M6.31412%2017.69L5.5%2018.5001M17.6859%2017.69L18.5%2018.5001M21%2012H20M16%2012C16%2014.2091%2014.2091%2016%2012%2016C9.79086%2016%208%2014.2091%208%2012C8%209.79086%209.79086%208%2012%208C14.2091%208%2016%209.79086%2016%2012Z'%20stroke='%23e58415'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-sans);font-size:15px;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none;font-weight:500}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-primary);line-height:1.7}ul,ol{padding-left:1.5em}li{margin-bottom:4px;line-height:1.65}strong{font-weight:600}button{font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;color:inherit;transition:all .2s ease}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--font-mono);font-size:13px;background:var(--bg-elevated);padding:2px 6px;border-radius:5px;color:var(--text-primary);border:1px solid var(--border)}pre{font-family:var(--font-mono);font-size:13px;background:var(--code-bg)!important;color:var(--code-text)!important;padding:20px!important;border-radius:var(--radius-md)!important;overflow-x:auto;width:100%;line-height:1.65;position:relative;border:1px solid rgba(255,255,255,.06);margin:12px 0}pre code{background:none!important;padding:0;font-size:inherit;color:inherit!important;border-radius:0;border:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-input);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}