*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#18181b;background-color:#faf3eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#faf3eb;box-sizing:border-box}.grain{z-index:1;position:fixed;width:100%;height:100%;background-size:128px;background-repeat:repeat;background-image:url(/assets/grain-B0WG-dy-.png);opacity:.075}.grain:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);opacity:.075;pointer-events:none}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}main{z-index:2;background-color:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;width:100%;max-width:700px;display:flex;flex-direction:column;height:90vh;overflow:hidden;position:relative;border:1px solid #c2c2c3}.chat-container{flex-grow:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background-color:#faf3eb;scroll-behavior:smooth}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:#faf3eb;border-radius:10px}.chat-container::-webkit-scrollbar-thumb{background:#c2c2c3;border-radius:10px}.chat-container::-webkit-scrollbar-thumb:hover{background:#ababac}.message{max-width:75%;padding:12px 16px;border-radius:20px;line-height:1.7;word-wrap:break-word;font-size:16px;font-weight:400;box-shadow:0 2px 8px #00000014}.message.user{align-self:flex-end;background-color:#4f9eff;color:#fff;border-bottom-right-radius:8px}.message.ai{align-self:flex-start;background-color:#fff;color:#18181b;border:1px solid #c2c2c3;border-bottom-left-radius:8px}.message.ai.loading{background-color:#f0f0f0;font-style:italic;color:#7c7d7f}.input-area{display:flex;padding:20px 24px;border-top:1px solid #c2c2c3;background-color:#fff;gap:12px}.input-area input{flex-grow:1;padding:14px 20px;border:1px solid #c2c2c3;border-radius:12px;font-size:16px;font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s;background-color:#fff;color:#18181b}.input-area input:focus{border-color:#4f9eff;box-shadow:0 0 0 3px #4f9eff1a}.input-area input::placeholder{color:#ababac}.input-area button{background-color:#4f9eff;color:#fff;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s}.input-area button:hover{background-color:#3b82f6;transform:translateY(-1px)}.input-area button:active{transform:translateY(0)}.input-area button:disabled{background-color:#ababac;cursor:not-allowed;transform:none}.suggested-questions{display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px;border-top:1px solid #c2c2c3;background-color:#fff;justify-content:center}.suggested-questions button{background-color:#eef6ff;color:#4f9eff;border:1px solid #d5e9ff;border-radius:12px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,transform .1s;white-space:nowrap}.suggested-questions button:hover{background-color:#d5e9ff;border-color:#a6d0ff;transform:translateY(-1px)}.suggested-questions button:active{transform:translateY(0)}.suggested-questions button:disabled{background-color:#f0f0f0;color:#ababac;border-color:#d9d9d9;cursor:not-allowed;transform:none}.error-message{color:#ef4444;text-align:center;padding:12px 20px;background-color:#fef2f2;border-top:1px solid #fee2e2;font-size:14px;font-weight:500}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#202124}body{background-color:#202124}.grain{opacity:.075}main{background-color:#202124;box-shadow:0 8px 32px #0006;border-color:#656668}.chat-container{background-color:#202124}.chat-container::-webkit-scrollbar-track{background:#202124}.chat-container::-webkit-scrollbar-thumb{background:#656668}.chat-container::-webkit-scrollbar-thumb:hover{background:#7c7d7f}.message.user{background-color:#3b82f6}.message.ai{background-color:#4e4f51;color:#fff;border-color:#656668}.message.ai.loading{background-color:#4e4f51;color:#ababac}.input-area{border-top-color:#656668;background-color:#202124}.input-area input{background-color:#4e4f51;border-color:#656668;color:#fff}.input-area input:focus{border-color:#7ab7ff;box-shadow:0 0 0 3px #7ab7ff1a}.input-area input::placeholder{color:#949495}.input-area button{background-color:#3b82f6}.input-area button:hover{background-color:#2563eb}.input-area button:disabled{background-color:#656668}.suggested-questions{border-top-color:#656668;background-color:#202124}.suggested-questions button{background-color:#4e4f51;color:#7ab7ff;border-color:#656668}.suggested-questions button:hover{background-color:#656668;border-color:#7c7d7f}.suggested-questions button:disabled{background-color:#4e4f51;color:#949495;border-color:#656668}.error-message{background-color:#4e4f51;border-top-color:#656668;color:#f87171}}