*{box-sizing:border-box;margin:0;padding:0}body{color:#c8b98a;background:radial-gradient(at top,#1a0a00 0%,#000 60%),#0a0500 url(https://images.blizzard.com/cms/wow-background.jpg) 50%/cover no-repeat;min-height:100vh;font-family:Crimson Text,Georgia,serif;overflow:hidden}.wow-border{border:2px solid #0000;border-image:linear-gradient(#8a6a1a,#f0c040 30%,#c8980a 60%,#8a6a1a) 1;box-shadow:0 0 0 1px #2a1a00,inset 0 0 0 1px #2a1a00,0 4px 24px #000c}.app{flex-direction:column;gap:0;max-width:900px;height:100vh;margin:0 auto;padding:16px;display:flex}.header{text-align:center;background:linear-gradient(#2a1a00 0%,#1a0d00 60%,#120900 100%);border:2px solid #8a6a1a;border-bottom:none;border-image:linear-gradient(90deg,#4a3a0a,#f0c040,#c8980a,#f0c040,#4a3a0a) 1;padding:14px 24px 10px;position:relative}.header:before,.header:after{content:"✦";color:#f0c040;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.header:before{left:16px}.header:after{right:16px}.header h1{color:#f0c040;text-shadow:0 0 10px #f0c04099,0 2px 4px #000c;letter-spacing:2px;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.header p{color:#a08850;letter-spacing:1px;margin-top:2px;font-family:Crimson Text,serif;font-size:.9rem;font-style:italic}.chat-container{scrollbar-width:thin;scrollbar-color:#5a4010 #0d0700;background:#080400eb;border-left:2px solid #5a4010;border-right:2px solid #5a4010;flex:1;padding:16px 20px;overflow-y:auto}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:#0d0700}.chat-container::-webkit-scrollbar-thumb{background:#5a4010;border-radius:3px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.empty-icon{filter:drop-shadow(0 0 12px #f0c04080);font-size:3.5rem}.empty-state h2{color:#c8a96e;letter-spacing:1px;font-family:Cinzel,serif;font-size:1.1rem}.suggestions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;display:flex}.suggestion{color:#c8a96e;cursor:pointer;background:linear-gradient(#1e1200 0%,#120900 100%);border:1px solid #5a4010;border-radius:2px;padding:8px 16px;font-family:Crimson Text,serif;font-size:.95rem;transition:all .15s;position:relative}.suggestion:hover{color:#f0c040;background:linear-gradient(#2a1a00 0%,#1a0d00 100%);border-color:#f0c040;box-shadow:0 0 8px #f0c04033}.messages{flex-direction:column;gap:12px;display:flex}.message{align-items:flex-start;gap:10px;display:flex}.message-user{flex-direction:row-reverse}.message-avatar{background:linear-gradient(#1e1200,#0d0700);border:1px solid #5a4010;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.message-bubble{word-break:break-word;border-radius:2px;max-width:80%;padding:10px 14px;font-size:.975rem;line-height:1.65}.message-user .message-bubble{color:#f0ece0;background:linear-gradient(#1e1e1e,#141414);border:1px solid #444;box-shadow:inset 0 1px #ffffff0d}.message-assistant .message-bubble{color:#c8b98a;background:linear-gradient(#1a0e00,#0d0700);border:1px solid #5a4010;box-shadow:inset 0 1px #ffffff08}.message-assistant .message-bubble a{color:#f0c040;text-decoration:underline}.message-assistant .message-bubble a:hover{color:#f5d060}.message-assistant .message-bubble strong{color:#f0c040}.message-assistant .message-bubble em{color:#d4aa70;font-style:italic}.message-assistant .message-bubble h1,.message-assistant .message-bubble h2,.message-assistant .message-bubble h3{color:#f0c040;letter-spacing:1px;margin:10px 0 4px;font-family:Cinzel,serif}.message-assistant .message-bubble p{margin-bottom:8px}.message-assistant .message-bubble p:last-child{margin-bottom:0}.chips{border-top:1px solid #3a2800;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;display:flex}.chip{color:#c8a96e;cursor:pointer;letter-spacing:.5px;background:linear-gradient(#1e1200 0%,#120900 100%);border:1px solid #5a4010;border-radius:2px;padding:4px 12px;font-family:Cinzel,serif;font-size:.72rem;transition:all .15s}.chip:hover{color:#f0c040;border-color:#f0c040;box-shadow:0 0 6px #f0c04033}.chip-active{color:#f0c040;background:linear-gradient(#2a1a00 0%,#1a0d00 100%);border-color:#f0c040;box-shadow:0 0 8px #f0c04040}.section-content{background:#0006;border-left:2px solid #f0c040;margin-top:10px;padding:10px 12px;animation:.15s fadeIn}.section-title{color:#f0c040;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-family:Cinzel,serif;font-size:.78rem;font-weight:600}.section-content p{color:#b0a07a;margin:0;font-size:.9rem;line-height:1.6}.section-content a{color:#f0c040;text-decoration:underline}.section-content a:hover{color:#f5d060}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cursor{color:#f0c040;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.loading{align-items:center;gap:6px;display:flex;padding:14px!important}.dot{background:#f0c040;border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.input-area{background:linear-gradient(#1a0e00 0%,#0d0700 100%);border:2px solid #5a4010;border-top:1px solid #3a2800;border-image:linear-gradient(90deg,#4a3a0a,#f0c040,#c8980a,#f0c040,#4a3a0a) 1;gap:8px;padding:10px 12px;display:flex}.input{color:#c8b98a;resize:none;background:#0009;border:1px solid #4a3a10;border-radius:1px;outline:none;flex:1;padding:10px 14px;font-family:Crimson Text,serif;font-size:1rem;line-height:1.4;transition:border-color .15s}.input:focus{border-color:#f0c040;box-shadow:0 0 6px #f0c04026}.input::placeholder{color:#5a4a28}.send-btn{color:#f0c040;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#3a2200 0%,#1e1000 100%);border:1px solid #8a6a1a;border-radius:1px;padding:0 20px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;transition:all .15s}.send-btn:hover:not(:disabled){background:linear-gradient(#4a2e00 0%,#2a1500 100%);border-color:#f0c040;box-shadow:0 0 8px #f0c04033}.send-btn:disabled{opacity:.35;cursor:not-allowed}.coffee-modal{z-index:100;background:linear-gradient(#1a0e00 0%,#0d0700 100%);border:1px solid #6b4c1e;border-radius:4px;align-items:center;gap:10px;padding:12px 16px;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 16px #00000080}.coffee-modal a{color:#c8a96e;white-space:nowrap;font-family:Crimson Text,serif;font-size:.95rem;text-decoration:none}.coffee-modal a:hover{color:#f0c040}.coffee-close{color:#5a4010;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.coffee-close:hover{color:#c8a96e}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}