:root{--color-bg: #F5F0E8;--color-surface: #EDE8DD;--color-card: #FFFFFF;--color-primary: #5B7A5E;--color-primary-hover: #4A6A4D;--color-primary-light: #E8EFE9;--color-secondary: #C9B99A;--color-secondary-light: #F7F4EE;--color-text: #2C2C2C;--color-text-secondary: #5A5A5A;--color-text-muted: #8C8C8C;--color-text-inverse: #FFFFFF;--color-border: #D9D2C5;--color-border-focus: #5B7A5E;--color-cancel: #B54A3F;--color-cancel-hover: #C9574B;--color-shadow: rgba(44, 44, 44, .06);--font-family: "Segoe UI", "Arial", "Noto Sans Hebrew", system-ui, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--line-height: 1.7;--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;min-height:100%;min-height:-webkit-fill-available}#root{min-height:100vh;min-height:-webkit-fill-available}.container{max-width:720px;margin:0 auto;padding:20px;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}header{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}header h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);line-height:1.2}header .subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.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-radius:12px}.messages{flex:1;overflow-y:auto;padding:20px;min-height:0}.message{margin-bottom:20px;display:flex;animation:messageIn .25s ease-out}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message.user .message-content{background:var(--color-secondary-light);border-radius:18px 18px 4px;padding:12px 18px;max-width:80%;color:var(--color-text);white-space:pre-wrap;box-shadow:0 1px 2px var(--color-shadow);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)}.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:1em 0 .4em}.message.assistant .message-content h2{font-size:var(--font-size-xl)}.message.assistant .message-content h3{font-size:var(--font-size-lg)}.message.assistant .message-content strong{font-weight:600;color:var(--color-text)}.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 blockquote{border-right:3px solid var(--color-primary);border-left:none;padding-right:14px;margin:.6em 0;color:var(--color-text-secondary);font-style:italic}.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:8px;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);text-decoration:underline}.messages-container{position:relative}.loading-border{position:absolute;inset:-2px;border-radius:14px;z-index:1;pointer-events:none;background:conic-gradient(from var(--angle, 0deg),transparent 60%,var(--color-primary) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;animation:spin 1.5s linear infinite}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes spin{to{--angle: 360deg}}.disclaimer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:8px 0;flex-shrink:0}.input-area{display:flex;flex-direction:row-reverse;flex-shrink:0;background:var(--color-card);border-top:1px solid var(--color-border);border-radius:0 0 12px 12px;overflow:hidden}.input-area input{flex:1;padding:14px 18px;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)}.input-area button{padding:14px 24px;font-size:var(--font-size-md);font-family:inherit;font-weight:500;background:var(--color-primary);color:var(--color-text-inverse);border:none;cursor:pointer;transition:background .15s ease}.input-area button:hover:not(:disabled){background:var(--color-primary-hover)}.input-area button:disabled{background:#8b7355;color:#c9b99a;cursor:not-allowed}.input-area .cancel-btn{background:var(--color-cancel)}.input-area .cancel-btn:hover{background:var(--color-cancel-hover)}footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:12px;flex-shrink:0}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.container{padding:10px;padding-bottom:env(safe-area-inset-bottom,10px)}header{padding-bottom:10px}.header-logo{width:32px;height:32px;font-size:.95rem}.header-text h1{font-size:var(--font-size-xl)}.header-text .subtitle{font-size:var(--font-size-xs)}.chat-container{padding-top:10px}.messages{padding:12px}.message.assistant .message-content,.message.user .message-content{font-size:.9375rem;line-height:1.6}.input-area input{padding:12px;font-size:var(--font-size-md)}.input-area button{padding:12px 16px}.disclaimer{font-size:var(--font-size-xs);padding:6px 0}footer{padding-top:8px}}