.chat-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background:linear-gradient(to bottom,transparent 0%,rgba(45,80,60,.08) 100%),repeating-linear-gradient(90deg,transparent 0px,transparent 30px,rgba(45,80,60,.03) 30px,rgba(45,80,60,.03) 35px),repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(50,90,70,.04) 60px,rgba(50,90,70,.04) 68px),repeating-linear-gradient(90deg,transparent 0px,transparent 120px,rgba(40,75,55,.05) 120px,rgba(40,75,55,.05) 130px),repeating-linear-gradient(90deg,transparent 0px,transparent 85px,rgba(48,85,65,.035) 85px,rgba(48,85,65,.035) 92px),repeating-linear-gradient(90deg,transparent 0px,transparent 180px,rgba(42,78,58,.045) 180px,rgba(42,78,58,.045) 195px);font-family:Georgia,Times New Roman,Songti SC,serif;overflow:hidden;padding:40px;box-sizing:border-box;position:relative}.chat-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(45,80,60,.15) 0%,transparent 40%),repeating-linear-gradient(90deg,transparent 0px,transparent 25px,rgba(55,95,75,.06) 25px,rgba(55,95,75,.06) 28px),repeating-linear-gradient(90deg,transparent 0px,transparent 55px,rgba(50,88,68,.07) 55px,rgba(50,88,68,.07) 62px),repeating-linear-gradient(90deg,transparent 0px,transparent 110px,rgba(42,78,58,.08) 110px,rgba(42,78,58,.08) 120px),repeating-linear-gradient(90deg,transparent 0px,transparent 75px,rgba(52,92,72,.065) 75px,rgba(52,92,72,.065) 82px),repeating-linear-gradient(90deg,transparent 0px,transparent 165px,rgba(40,72,52,.075) 165px,rgba(40,72,52,.075) 180px);pointer-events:none;z-index:0;animation:bambooSway 20s ease-in-out infinite}@keyframes bambooSway{0%,to{opacity:.4;transform:translate(0)}25%{opacity:.7;transform:translate(4px)}50%{opacity:.9;transform:translate(-3px)}75%{opacity:.5;transform:translate(3px)}}.chat-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(35,65,50,.12) 0%,transparent 30%),repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(48,85,65,.05) 18px,rgba(48,85,65,.05) 21px),repeating-linear-gradient(90deg,transparent 0px,transparent 42px,rgba(52,92,72,.06) 42px,rgba(52,92,72,.06) 48px),repeating-linear-gradient(90deg,transparent 0px,transparent 95px,rgba(38,68,48,.07) 95px,rgba(38,68,48,.07) 105px),repeating-linear-gradient(90deg,transparent 0px,transparent 65px,rgba(45,82,62,.055) 65px,rgba(45,82,62,.055) 72px),repeating-linear-gradient(90deg,transparent 0px,transparent 145px,rgba(42,75,55,.065) 145px,rgba(42,75,55,.065) 158px);pointer-events:none;z-index:0;animation:bambooSway 25s ease-in-out infinite reverse}@keyframes bambooSway{0%,to{opacity:.3;transform:translate(0)}25%{opacity:.6;transform:translate(3px)}50%{opacity:.8;transform:translate(-2px)}75%{opacity:.5;transform:translate(2px)}}.chat-wrapper{display:flex;width:950px;max-width:100%;height:700px;max-height:100%;background:#f5f0e6;border:3px solid #8b7355;border-radius:4px;overflow:hidden;box-shadow:0 8px 32px #3d352833;position:relative;z-index:1}.chat-sidebar{width:200px;background:#3d3528;color:#e8dcc8;display:flex;flex-direction:column;padding:16px;border-right:2px solid #5c5346;flex-shrink:0}.sidebar-header h2{font-size:16px;margin:0 0 16px;font-weight:400;letter-spacing:2px;color:#e8dcc8;display:none}.logo-container{display:flex;justify-content:center;align-items:center;padding:8px 0;margin-bottom:16px}.logo-image{width:140px;height:140px;display:block;transition:transform .3s}.logo-container:hover .logo-image{transform:scale(1.05)}.new-chat{background:#e8dcc826;padding:10px 14px;border:1px solid #5c5346;cursor:pointer;transition:all .3s;font-size:13px;display:flex;align-items:center;justify-content:center;letter-spacing:1px;border-radius:2px;margin-bottom:12px}.new-chat:hover{background:#e8dcc840;border-color:#7a6e5c}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.chat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#e8dcc814;border:1px solid transparent;cursor:pointer;transition:all .3s;border-radius:2px;position:relative}.chat-item:hover{background:#e8dcc82e;border-color:#5c5346}.chat-item.active{background:#8b73554d;border-color:#8b7355}.chat-item-title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8dcc8;letter-spacing:.5px}.chat-item-title-input{flex:1;font-size:13px;background:#ffffff1a;border:1px solid #8b7355;color:#e8dcc8;padding:4px 8px;border-radius:2px;outline:none;font-family:Georgia,Times New Roman,Songti SC,serif}.chat-item-title-input:focus{background:#ffffff26;border-color:#a89a8a}.chat-item-actions{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.chat-item-edit,.chat-item-delete{opacity:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#a89a8a;cursor:pointer;transition:all .2s;border-radius:2px}.chat-item:hover .chat-item-edit,.chat-item:hover .chat-item-delete{opacity:1}.chat-item-edit:hover{color:#e8dcc8;background:#e8dcc833}.chat-item-delete:hover{color:#e8dcc8;background:#e8dcc833;border-radius:50%}.sidebar-header{padding:24px 20px;border-bottom:2px solid #5c5346;background:#0003}.sidebar-header h2{font-size:18px;margin:0 0 16px;font-weight:400;letter-spacing:2px;color:#e8dcc8;text-align:center}.user-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#e8dcc81a;border-radius:2px;border:1px solid #5c5346}.user-avatar{font-size:18px}.user-name{font-size:14px;letter-spacing:1px}.sidebar-content{flex:1;display:flex;flex-direction:column;padding:16px 12px;gap:16px;overflow-y:auto}.search-box{position:relative}.search-input{width:100%;padding:10px 12px;background:#e8dcc814;border:2px solid #5c5346;border-radius:2px;color:#e8dcc8;font-size:13px;font-family:Georgia,Times New Roman,Songti SC,serif;letter-spacing:.5px;outline:none;transition:all .3s}.search-input::placeholder{color:#a09484}.search-input:focus{border-color:#8b7355;background:#e8dcc81f}.conversations-list{display:flex;flex-direction:column;gap:8px}.conversations-header{font-size:12px;color:#a09484;letter-spacing:1px;text-transform:uppercase;padding:8px 4px;border-bottom:1px solid #5c5346}.conversation-item{padding:12px 14px;background:#e8dcc80d;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:all .3s;font-family:Georgia,Times New Roman,Songti SC,serif}.conversation-item:hover{background:#e8dcc81f;border-color:#5c5346;transform:translate(4px)}.conversation-item.active{background:linear-gradient(135deg,#8b735566,#6b534466);border-color:#8b7355;box-shadow:inset 0 0 12px #0003}.conversation-title{font-size:14px;font-weight:500;color:#e8dcc8;margin-bottom:4px;letter-spacing:.5px}.conversation-preview{font-size:12px;color:#a09484;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:11px;color:#7a6e5c;letter-spacing:.5px}.sidebar-footer{padding:16px 12px;border-top:2px solid #5c5346;background:#0003;display:flex;gap:8px}.footer-item{flex:1;padding:10px 8px;background:#e8dcc814;border:1px solid #5c5346;border-radius:2px;cursor:pointer;transition:all .3s;font-size:12px;text-align:center;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:4px}.footer-item:hover{background:#e8dcc826;border-color:#7a6e5c}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#0000001a}.conversations-list::-webkit-scrollbar-thumb{background:#5c5346;border-radius:2px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#7a6e5c}.chat-main{flex:1;display:flex;flex-direction:column;background:#f5f0e6}.chat-header{padding:20px 24px;border-bottom:2px solid #8b7355;background:#f5f0e6}.chat-header h1{font-size:22px;margin:0;font-weight:400;color:#3d3528;letter-spacing:3px}.messages-container{flex:1;min-height:200px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.message{display:flex;gap:12px;max-width:75%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.ai{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden}.avatar-icon{width:100%;height:100%}.message.user .message-avatar{background:#8b7355;color:#e8dcc8}.message.ai .message-avatar{background:#10a37f;color:#e8dcc8}.message-content{display:flex;flex-direction:column;gap:6px}.message.user .message-content{align-items:flex-end}.message-bubble{padding:16px 20px;font-size:15px;line-height:1.8;word-wrap:break-word;letter-spacing:.5px;position:relative}.message.user .message-bubble{background:linear-gradient(135deg,#8b7355,#6b5344);color:#e8dcc8;border:2px solid #6b5344;clip-path:polygon(0 5%,10% 0%,95% 0%,100% 5%,100% 95%,95% 100%,10% 100%,0 95%);box-shadow:2px 2px 8px #6b53444d}.message.ai .message-bubble{background:linear-gradient(135deg,#f5f0e6,#e8dcc8);color:#3d3528;border:2px solid #d4c4b0;clip-path:polygon(0 5%,10% 0%,95% 0%,100% 5%,100% 95%,95% 100%,10% 100%,0 95%);box-shadow:2px 2px 8px #d4c4b066}.message-time{font-size:11px;color:#8b7355;margin-top:4px;letter-spacing:1px}.input-container{padding:12px 16px;border-top:2px solid #8b7355;display:flex;gap:8px;background:#f5f0e6;flex-shrink:0;position:sticky;bottom:0;z-index:10}.message-input{flex:1;padding:8px 12px;border:2px solid #d4c4b0;border-radius:2px;font-size:14px;font-family:Georgia,Times New Roman,Songti SC,serif;resize:none;outline:none;transition:border-color .3s;background:#fff;color:#3d3528;min-height:36px}.message-input:focus{border-color:#8b7355}.send-button{padding:4px;background:#8b7355;color:#e8dcc8;border:2px solid #6b5344;border-radius:2px;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.send-button:hover{background:#6b5344;border-color:#5a4333;transform:scale(1.05)}.send-button:active{background:#5a4333;transform:scale(.95) rotate(-2deg)}.brush-icon{width:28px;height:28px;transition:transform .3s}.send-button:hover .brush-icon{transform:translate(2px)}@media (max-width: 1000px){.chat-wrapper{width:100%;height:100%;max-width:100%;max-height:100%}.chat-container{padding:0}}@media (max-width: 768px){.chat-sidebar{display:none}.message{max-width:90%}.messages-container{padding:16px;gap:20px}.input-container{padding:16px}.chat-header h1{font-size:18px;letter-spacing:2px}.sidebar-header h2{font-size:14px}.logo-image{width:100px;height:100px}.new-chat{font-size:12px;padding:8px 10px}.chat-item-title{font-size:12px}.brush-icon{width:28px;height:28px}.send-button{padding:5px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{height:100%;margin:0;padding:0;overflow:hidden}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}