:root{color-scheme:dark;--wtt-bg-main: #1a1a17;--wtt-bg-sidebar: #16160f;--wtt-surface: rgba(236, 232, 225, .05);--wtt-surface-hover: rgba(236, 232, 225, .07);--wtt-border: rgba(236, 232, 225, .06);--wtt-border-input: rgba(236, 232, 225, .08);--wtt-text: #ece8e1;--wtt-text-secondary: rgba(236, 232, 225, .45);--wtt-text-muted: rgba(236, 232, 225, .25);--wtt-text-ghost: rgba(236, 232, 225, .18);--wtt-red: #c7352a;--wtt-red-dark: #8a1f1f;--wtt-glow: rgba(199, 53, 42, .15);--wtt-bubble-user-bg: rgba(199, 53, 42, .15);--wtt-bubble-user-border: rgba(199, 53, 42, .2);--wtt-font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--wtt-font-serif: "Instrument Serif", serif;--wtt-text-size: 14px;--wtt-font-weight-light: 300;--wtt-font-weight-regular: 400;--wtt-font-weight-medium: 500;--wtt-font-weight-semibold: 600;--wtt-chat-max-width: 720px;--wtt-sidebar-width: 260px;--wtt-padding-x: 24px;--wtt-radius-input: 16px;--wtt-radius-sidebar: 8px;--wtt-radius-bubble-user: 18px;--wtt-message-gap: 28px;--wtt-sidebar-ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;background:var(--wtt-bg-main);color:var(--wtt-text);font-family:var(--wtt-font-sans);font-weight:var(--wtt-font-weight-light);font-size:var(--wtt-text-size);min-height:100vh}.app-root{display:flex;flex-direction:row;min-height:100vh}.sidebar{flex-shrink:0;width:0;background:var(--wtt-bg-sidebar);border-right:1px solid rgba(236,232,225,.06);display:flex;flex-direction:column;overflow:hidden;transition:width .3s var(--wtt-sidebar-ease)}.sidebar.sidebar-open{width:var(--wtt-sidebar-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 14px var(--wtt-padding-x)}.sidebar-header-left{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-logo{height:28px;width:auto;display:block;object-fit:contain;flex-shrink:0}.sidebar-close{flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--wtt-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.sidebar-close:hover{background:var(--wtt-surface);color:var(--wtt-text)}.sidebar-new-chat{margin:4px 12px 0;padding:9px 12px;width:calc(100% - 24px);border:1px solid rgba(236,232,225,.08);border-radius:var(--wtt-radius-sidebar);background:transparent;color:var(--wtt-text);font-family:var(--wtt-font-sans);font-size:13px;font-weight:var(--wtt-font-weight-regular);cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:background .15s ease,border-color .15s ease}.sidebar-new-chat:hover{background:#ece8e10f;border-color:#ece8e11f}.sidebar-new-chat svg{flex-shrink:0;opacity:.5}.sidebar-recents{flex:1;padding:16px 12px;overflow:auto;min-height:0}.sidebar-recents-label{display:block;font-size:11px;font-weight:var(--wtt-font-weight-medium);color:var(--wtt-text-muted);margin-bottom:6px;padding-left:12px;text-transform:uppercase;letter-spacing:.04em}.sidebar-recents-list{list-style:none;margin:0;padding:0}.sidebar-recent-item{width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#ece8e173;font-family:var(--wtt-font-sans);font-size:13px;font-weight:var(--wtt-font-weight-regular);text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease,color .15s ease}.sidebar-recent-item:hover{background:#ece8e10f;color:var(--wtt-text)}.sidebar-recent-item.active{background:#ece8e114;color:var(--wtt-text)}.sidebar-recent-item svg{flex-shrink:0;opacity:.4}.sidebar-recents-empty{font-size:13px;color:#ece8e133;padding:8px 12px}.sidebar-footer{padding:12px var(--wtt-padding-x);font-size:12px;color:#ece8e159;border-top:1px solid rgba(236,232,225,.06);display:flex;align-items:center;gap:8px}.sidebar-footer svg{flex-shrink:0;opacity:.4}.main-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--wtt-bg-main)}.topbar{flex-shrink:0;display:flex;align-items:center;padding:10px 16px;background:var(--wtt-bg-main);min-height:52px}.topbar-toggle{width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--wtt-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.topbar-toggle:hover{background:var(--wtt-surface);color:var(--wtt-text)}.topbar-logo{height:24px;width:auto;display:block;object-fit:contain}.chat-viewport{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-backdrop{display:none}@media(max-width:1023px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--wtt-sidebar-width);z-index:100;transform:translate(-100%);transition:transform .3s var(--wtt-sidebar-ease)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:99}}@media(min-width:1024px){.sidebar-backdrop{display:none!important}}@media(max-width:767px){.sidebar{width:100%}.sidebar.sidebar-open{transform:translate(0)}.layout{padding-left:16px;padding-right:16px}.welcome-title{font-size:28px}.welcome-suggestions{grid-template-columns:1fr;max-width:100%}.message,.message-user,.message-assistant{max-width:90%}}.layout{flex:1;max-width:var(--wtt-chat-max-width);width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:0}.chat{flex:1;overflow-y:auto;padding:2rem var(--wtt-padding-x) 1rem;display:flex;flex-direction:column;gap:var(--wtt-message-gap);scroll-behavior:smooth}.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background:var(--wtt-border);border-radius:2px}.message{display:flex;align-items:flex-start;gap:10px;max-width:75%;animation:message-fade-in .35s var(--wtt-sidebar-ease) forwards}@keyframes message-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end;flex-direction:row-reverse;max-width:75%}.message-user .bubble-user{padding:11px 16px;border-radius:var(--wtt-radius-bubble-user);background:var(--wtt-bubble-user-bg);border:1px solid var(--wtt-bubble-user-border)}.message-user .bubble-user p{margin:0;font-size:var(--wtt-text-size);font-weight:var(--wtt-font-weight-light);color:var(--wtt-text);white-space:pre-wrap}.message-assistant{align-self:flex-start;max-width:75%}.avatar-assistant{flex-shrink:0;height:22px;width:auto;object-fit:contain;display:block;margin-top:2px}.message-assistant-content{flex:1;min-width:0;font-size:var(--wtt-text-size);font-weight:var(--wtt-font-weight-light);color:#ece8e1cc;line-height:1.65}.message-assistant-content p{margin:0 0 .5em}.message-assistant-content p:last-child{margin-bottom:0}.message-assistant-content ul,.message-assistant-content ol{margin:.5em 0;padding-left:1.25em}.message-assistant-content code{font-size:.9em;padding:.15em .35em;border-radius:4px;background:var(--wtt-surface);border:1px solid var(--wtt-border)}.message-assistant-content pre{margin:.5em 0;padding:.75rem;border-radius:var(--wtt-radius-sidebar);background:var(--wtt-surface);border:1px solid var(--wtt-border);overflow-x:auto}.message-assistant-content pre code{padding:0;background:none;border:none}.message-assistant-content strong{font-weight:var(--wtt-font-weight-semibold)}.message-assistant-content a{color:var(--wtt-red);text-decoration:none}.message-assistant-content a:hover{text-decoration:underline}.welcome-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0;margin:auto 0}.welcome-logo{height:56px;width:auto;display:block;object-fit:contain;margin-bottom:28px}.welcome-title{margin:0 0 10px;font-family:var(--wtt-font-serif);font-style:italic;font-weight:var(--wtt-font-weight-regular);font-size:40px;color:var(--wtt-text);line-height:1.2}.welcome-subtitle{margin:0 0 40px;font-size:var(--wtt-text-size);font-weight:var(--wtt-font-weight-light);color:#ece8e140}.welcome-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;width:100%}.welcome-suggestion{padding:14px 16px;border-radius:12px;background:#ece8e108;border:1px solid rgba(236,232,225,.07);color:#ece8e173;font-family:var(--wtt-font-sans);font-weight:var(--wtt-font-weight-light);font-size:var(--wtt-text-size);text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.welcome-suggestion:hover:not(:disabled){background:#ece8e112;color:var(--wtt-text);border-color:#ece8e11f}.welcome-suggestion:disabled{cursor:not-allowed;opacity:.5}.typing-indicator{align-self:flex-start}.typing-dots{display:flex;align-items:center;gap:6px;padding:4px 0}.typing-dot{width:5px;height:5px;border-radius:50%;background:#c7352a80;animation:typingPulse 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typingPulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.empty{color:var(--wtt-text-muted);margin:auto 0}.error{color:var(--wtt-red);margin-top:.75rem;font-weight:var(--wtt-font-weight-regular)}.composer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:12px var(--wtt-padding-x) 20px;background:linear-gradient(to bottom,transparent,var(--wtt-bg-main) 28%)}.input-bar{width:100%;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:var(--wtt-radius-input);background:#ece8e10d;border:1px solid rgba(236,232,225,.08);transition:border-color .2s ease}.input-bar:focus-within{border-color:#ece8e126}.composer input{flex:1;min-width:0;padding:12px 0;border:none;background:transparent;color:var(--wtt-text);font-family:var(--wtt-font-sans);font-weight:var(--wtt-font-weight-light);font-size:var(--wtt-text-size);outline:none}.composer input::placeholder{color:#ece8e140}.send-btn{flex-shrink:0;width:34px;height:34px;padding:0;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.send-btn:disabled{background:#ece8e10f;color:#ece8e133;cursor:default}.send-btn:not(:disabled){background:linear-gradient(135deg,var(--wtt-red),var(--wtt-red-dark));color:#fff;cursor:pointer}.send-btn:not(:disabled):hover{filter:brightness(1.1)}.composer-disclaimer{margin:0;font-size:11px;font-weight:var(--wtt-font-weight-light);color:#ece8e126;text-align:center}button:not(.send-btn):not(.welcome-suggestion):not(.sidebar-new-chat):not(.sidebar-recent-item):not(.topbar-toggle):not(.sidebar-close){width:fit-content;border:none;border-radius:var(--wtt-radius-sidebar);padding:.65rem 1rem;background:var(--wtt-red);color:var(--wtt-text);font-family:var(--wtt-font-sans);font-weight:var(--wtt-font-weight-medium);cursor:pointer}button:not(.send-btn):not(.welcome-suggestion):not(.sidebar-new-chat):not(.sidebar-recent-item):not(.topbar-toggle):not(.sidebar-close):disabled{opacity:.5;cursor:not-allowed}.composer input:focus-visible{outline:none}.topbar-toggle:focus-visible,.sidebar-close:focus-visible,.send-btn:focus-visible,.welcome-suggestion:focus-visible,.sidebar-new-chat:focus-visible,.sidebar-recent-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--wtt-text-muted)}.message-assistant-content a:focus-visible{outline:none;text-decoration:underline;border-radius:2px;box-shadow:0 0 0 2px var(--wtt-red)}
