:root{--color-bg: #F5F0E8;--color-surface: #EDE7DB;--color-card: #FFFFFF;--color-primary: #5B7A5E;--color-primary-hover: #4A6A4D;--color-primary-light: #E8EFE9;--color-secondary: #C9B99A;--color-secondary-light: #F9F6F0;--color-text: #262523;--color-text-secondary: #57534E;--color-text-muted: #8C867C;--color-text-inverse: #FFFFFF;--color-border: #DCD5C7;--color-border-strong: #C8BFAE;--color-cancel: #B54A3F;--color-cancel-hover: #A03D33;--shadow-sm: 0 1px 2px rgba(38, 37, 35, .05);--shadow-md: 0 2px 8px rgba(38, 37, 35, .07), 0 1px 2px rgba(38, 37, 35, .05);--focus-ring: 0 0 0 3px rgba(91, 122, 94, .28);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-md: .9688rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--line-height: 1.75;--line-height-tight: 1.4}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100%;min-height:-webkit-fill-available}#root{min-height:100vh;min-height:-webkit-fill-available}::selection{background:#5b7a5e38}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{max-width:760px;margin:0 auto;padding:20px 24px;height:100vh;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}header{padding-bottom:14px;border-bottom:1px solid var(--color-border);flex-shrink:0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-brand{display:flex;align-items:center;gap:12px;min-width:0}.header-logo{width:40px;height:40px;flex-shrink:0;border-radius:9px;box-shadow:var(--shadow-sm)}header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);line-height:1.15;letter-spacing:-.01em}header .subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.new-chat-button svg{width:13px;height:13px}.new-chat-button:hover{background:var(--color-card);border-color:var(--color-border-strong);color:var(--color-text)}.new-chat-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:16px}.messages-container{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.messages{flex:1;overflow-y:auto;padding:24px 22px 12px;min-height:0;scroll-behavior:smooth;overscroll-behavior:contain}.message{margin-bottom:22px;display:flex;flex-direction:column;animation:messageIn .22s ease-out}.message.user{align-items:flex-end}.message.user .message-content{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-end-start-radius:4px;padding:11px 16px;max-width:82%;color:var(--color-text);white-space:pre-wrap;overflow-wrap:break-word;box-shadow:var(--shadow-sm);font-size:var(--font-size-md);line-height:var(--line-height)}.message.assistant .message-content{width:100%;color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height);overflow-wrap:break-word}.message.assistant .message-content p{margin-bottom:.6em}.message.assistant .message-content p:last-child{margin-bottom:0}.message.assistant .message-content h2,.message.assistant .message-content h3{font-weight:600;color:var(--color-text);line-height:var(--line-height-tight);margin:1.1em 0 .45em}.message.assistant .message-content h2{font-size:var(--font-size-lg)}.message.assistant .message-content h3{font-size:var(--font-size-md)}.message.assistant .message-content strong{font-weight:600}.message.assistant .message-content ul,.message.assistant .message-content ol{padding-inline-start:1.4em;margin-bottom:.6em}.message.assistant .message-content li{margin-bottom:.3em}.message.assistant .message-content li::marker{color:var(--color-primary)}.message.assistant .message-content blockquote{border-inline-start:3px solid var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-sm);padding:8px 14px;margin:.7em 0;color:var(--color-text-secondary)}.message.assistant .message-content blockquote p:last-child{margin-bottom:0}.message.assistant .message-content hr{border:none;border-top:1px solid var(--color-border);margin:1em 0}.message.assistant .message-content code{background:var(--color-primary-light);padding:2px 6px;border-radius:4px;font-size:.9em}.message.assistant .message-content pre{background:#2c2c2c;color:#e8e8e8;padding:12px 16px;border-radius:var(--radius-sm);overflow-x:auto;margin:.6em 0;direction:ltr}.message.assistant .message-content pre code{background:none;padding:0;color:inherit}.message.assistant .message-content a{color:var(--color-primary);font-weight:500;text-decoration:underline;text-decoration-color:#5b7a5e66;text-underline-offset:2px;transition:text-decoration-color .15s ease}.message.assistant .message-content a:hover{text-decoration-color:var(--color-primary)}.message.assistant .message-content table{border-collapse:collapse;margin:.6em 0;font-size:var(--font-size-sm)}.message.assistant .message-content th,.message.assistant .message-content td{border:1px solid var(--color-border);padding:6px 10px;text-align:start}.message.assistant .message-content th{background:var(--color-primary-light);font-weight:600}.typing-indicator{display:inline-flex;align-items:center;gap:5px;padding:12px 4px}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--color-primary);opacity:.35;animation:typingPulse 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.18s}.typing-indicator span:nth-child(3){animation-delay:.36s}@keyframes typingPulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.input-area{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:10px 14px 6px;padding:6px;padding-inline-start:16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.input-area:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input-area input{flex:1;min-width:0;padding:8px 0;font-size:var(--font-size-md);font-family:inherit;border:none;outline:none;background:transparent;color:var(--color-text)}.input-area input::placeholder{color:var(--color-text-muted)}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;border-radius:50%;cursor:pointer;transition:background .15s ease,transform .1s ease}.icon-button svg{width:17px;height:17px}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.send-button{background:var(--color-primary);color:var(--color-text-inverse)}.send-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-button:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:default}.stop-button{background:var(--color-cancel);color:var(--color-text-inverse)}.stop-button:hover{background:var(--color-cancel-hover)}.disclaimer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px 0 0;flex-shrink:0}footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:12px;flex-shrink:0}.message-actions{margin-top:6px;text-align:start}.report-button{background:none;border:none;padding:2px 4px;font-family:inherit;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;border-radius:4px;transition:color .15s ease}.report-button:hover{color:var(--color-text-secondary);text-decoration:underline}.report-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.report-done{font-size:var(--font-size-xs);color:var(--color-primary)}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.message{animation:none}.typing-indicator span{animation:none;opacity:.7}.messages{scroll-behavior:auto}}@media(max-width:600px){.container{padding:12px;padding-bottom:max(env(safe-area-inset-bottom),10px)}header{padding-bottom:10px}.header-logo{width:34px;height:34px}header h1{font-size:var(--font-size-xl)}header .subtitle{font-size:var(--font-size-xs)}.new-chat-button{padding:8px;border-radius:9px}.new-chat-button .label{display:none}.chat-container{padding-top:10px}.messages{padding:16px 14px 8px}.message.user .message-content{max-width:90%}.input-area{margin:8px 10px 4px}.disclaimer{padding:2px 0 0}footer{padding-top:8px}}
