:root{color-scheme:light;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-soft: #f0f2f5;--color-border: #e2e6eb;--color-text: #111827;--color-text-soft: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-text: #ffffff;--color-visitor-bg: #2563eb;--color-visitor-text: #ffffff;--color-Twin-bg: #ffffff;--color-Twin-text: #111827;--color-shadow: rgba(17, 24, 39, .06);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: .75rem;--radius-sm: .5rem;--header-height: 4.5rem;--composer-height: 5rem}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1120;--color-surface: #111827;--color-surface-soft: #1f2937;--color-border: #374151;--color-text: #f9fafb;--color-text-soft: #9ca3af;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-text: #ffffff;--color-visitor-bg: #2563eb;--color-visitor-text: #ffffff;--color-Twin-bg: #1f2937;--color-Twin-text: #f9fafb;--color-shadow: rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.Twin-page{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;background:var(--color-surface);box-shadow:0 0 40px var(--color-shadow)}.Twin-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:10}.header-content{display:flex;align-items:baseline;gap:.75rem}.logo{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--color-primary)}.subtitle{margin:0;font-size:.95rem;color:var(--color-text-soft)}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-surface-soft);color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.theme-toggle:hover{background:var(--color-border)}.theme-icon{position:absolute;font-size:1.1rem;line-height:1}.theme-icon-light{opacity:1}.theme-icon-dark{opacity:0}:root[data-theme=dark] .theme-icon-light{opacity:0}:root[data-theme=dark] .theme-icon-dark{opacity:1}.Twin-main{flex:1;overflow-y:auto;padding:1.25rem;background:var(--color-bg)}.messages{display:flex;flex-direction:column;gap:1rem}.message{display:flex;max-width:80%;animation:fade-in .2s ease-out}.message-visitor{align-self:flex-end}.message-Twin{align-self:flex-start}.message-inner{padding:.875rem 1.125rem;border-radius:var(--radius);line-height:1.55;font-size:.98rem;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 2px 8px var(--color-shadow)}.message-visitor .message-inner{background:var(--color-visitor-bg);color:var(--color-visitor-text);border-bottom-right-radius:var(--radius-sm)}.message-Twin .message-inner{background:var(--color-Twin-bg);color:var(--color-Twin-text);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.Twin-composer{padding:.875rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.chat-form{display:flex;gap:.625rem;align-items:center}.message-input{flex:1;min-width:0;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-soft);color:var(--color-text);font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.message-input:disabled{opacity:.6}.send-button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;border:none;border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:background .15s ease,transform .1s ease}.send-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}.status{min-height:1.25rem;margin:.5rem 0 0;font-size:.85rem;color:var(--color-text-soft)}.status-error{color:#dc2626}.retry-button{margin-left:.25rem;padding:.25rem .6rem;border:1px solid currentColor;border-radius:var(--radius-sm);background:transparent;color:inherit;font-size:.85rem;cursor:pointer}.retry-button:hover{background:#dc262614}.error-full{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-soft);font-size:1.1rem}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.Twin-page{max-width:none;box-shadow:none}.Twin-header{padding:0 1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.25rem}.logo{font-size:1.45rem}.subtitle{font-size:.8rem}.Twin-main{padding:1rem}.message{max-width:90%}.message-inner{padding:.75rem 1rem;font-size:.95rem}.Twin-composer{padding:.75rem 1rem}}