*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at top,#1a0a00,#000 60%),url(https://images.blizzard.com/cms/wow-background.jpg) center/cover no-repeat;background-color:#0a0500;min-height:100vh;font-family:Crimson Text,Georgia,serif;color:#c8b98a;overflow:hidden}.wow-border{border:2px solid transparent;border-image:linear-gradient(to bottom,#8a6a1a,#f0c040 30%,#c8980a 60%,#8a6a1a) 1;box-shadow:0 0 0 1px #2a1a00,inset 0 0 0 1px #2a1a00,0 4px 24px #000c}.layout{display:flex;height:100vh;overflow:hidden}.resource-sidebar{width:148px;min-width:148px;background:linear-gradient(180deg,#1a0e00,#0d0700);border-right:2px solid #5a4010;display:flex;flex-direction:column;padding:16px 10px;gap:7px;overflow:visible}.learn-prompt-btn{background:linear-gradient(180deg,#3a2200,#1e1000);border:2px solid transparent;border-image:linear-gradient(to bottom,#8a6a1a,#f0c040,#c8980a) 1;color:#f0c040;padding:10px 12px;font-family:Cinzel,serif;font-size:.7rem;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .15s;box-shadow:0 0 12px #f0c04033;margin-top:auto;margin-bottom:10px}.learn-prompt-btn:hover{background:linear-gradient(180deg,#4a2e00,#2a1500);box-shadow:0 0 20px #f0c04059;color:#f5d060}.learn-prompt-btn:active{transform:scale(.98)}.sidebar-github{margin-top:auto;display:flex;align-items:center;justify-content:center;padding:8px 0 2px;color:#5a3a10;transition:color .15s;text-decoration:none;position:relative}.sidebar-github:hover{color:#8a5e20}.sidebar-github:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#2a1a00,#150d00);border:1px solid #8a6a1a;color:#c8b98a;font-family:Crimson Text,serif;font-size:.88rem;font-weight:400;letter-spacing:0;text-transform:none;padding:6px 12px;border-radius:2px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:300;box-shadow:2px 4px 12px #000000b3}.sidebar-github:hover:after{opacity:1}.sidebar-title{font-family:Cinzel,serif;font-size:.62rem;color:#8a6a1a;text-transform:uppercase;letter-spacing:2px;text-align:center;padding-bottom:8px;border-bottom:1px solid #3a2800;margin-bottom:4px}.sidebar-btn{position:relative;display:block;background:linear-gradient(180deg,#2a1800,#1a0d00);border:1px solid #6b4c1e;color:#c8a96e;padding:7px 8px;font-family:Cinzel,serif;font-size:.63rem;font-weight:600;letter-spacing:.5px;text-align:center;text-decoration:none;text-transform:uppercase;border-radius:2px;transition:all .15s;cursor:pointer}.sidebar-btn:hover{border-color:#f0c040;color:#f0c040;background:linear-gradient(180deg,#3a2200,#2a1500);box-shadow:0 0 8px #f0c04033}.sidebar-btn:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#2a1a00,#150d00);border:1px solid #8a6a1a;color:#c8b98a;font-family:Crimson Text,serif;font-size:.88rem;font-weight:400;letter-spacing:0;text-transform:none;padding:6px 12px;border-radius:2px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:300;box-shadow:2px 4px 12px #000000b3}.sidebar-btn:hover:after{opacity:1}@media (max-width: 768px){.resource-sidebar{display:none}}.app{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px;gap:0;overflow:hidden}.header{background:linear-gradient(180deg,#2a1a00,#1a0d00 60%,#120900);border:2px solid #8a6a1a;border-bottom:none;border-image:linear-gradient(to right,#4a3a0a,#f0c040,#c8980a,#f0c040,#4a3a0a) 1;padding:14px 24px 10px;text-align:center;position:relative}.header:before,.header:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);color:#f0c040;font-size:1.2rem}.header:before{left:16px}.header:after{right:16px}.header h1{font-family:Cinzel,serif;font-size:1.6rem;font-weight:700;color:#f0c040;text-shadow:0 0 10px rgba(240,192,64,.6),0 2px 4px rgba(0,0,0,.8);letter-spacing:2px;text-transform:uppercase}.header p{font-family:Crimson Text,serif;font-size:.9rem;color:#a08850;margin-top:2px;letter-spacing:1px;font-style:italic}.chat-container{flex:1;background:#080400eb;border-left:2px solid #5a4010;border-right:2px solid #5a4010;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:#5a4010 #0d0700}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;text-align:center}.empty-icon{font-size:3.5rem;filter:drop-shadow(0 0 12px rgba(240,192,64,.5))}.empty-state h2{font-family:Cinzel,serif;font-size:1.1rem;color:#c8a96e;letter-spacing:1px}.suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:640px}.suggestion{background:linear-gradient(180deg,#1e1200,#120900);border:1px solid #5a4010;color:#c8a96e;padding:8px 16px;border-radius:2px;cursor:pointer;font-family:Crimson Text,serif;font-size:.95rem;transition:all .15s;position:relative}.suggestion:hover{border-color:#f0c040;color:#f0c040;background:linear-gradient(180deg,#2a1a00,#1a0d00);box-shadow:0 0 8px #f0c04033}.messages{display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:10px;align-items:flex-start}.message-user{flex-direction:row-reverse}.message-avatar{font-size:1.2rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1e1200,#0d0700);border:1px solid #5a4010;border-radius:2px}.message-bubble{max-width:80%;padding:10px 14px;font-size:.975rem;line-height:1.65;word-break:break-word;border-radius:2px}.message-user .message-bubble{background:linear-gradient(180deg,#1e1e1e,#141414);border:1px solid #444;color:#f0ece0;box-shadow:inset 0 1px #ffffff0d}.message-assistant .message-bubble{background:linear-gradient(180deg,#1a0e00,#0d0700);border:1px solid #5a4010;color:#c8b98a;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{font-family:Cinzel,serif;color:#f0c040;margin:10px 0 4px;letter-spacing:1px}.message-assistant .message-bubble p{margin-bottom:8px}.message-assistant .message-bubble p:last-child{margin-bottom:0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #3a2800}.chip{background:linear-gradient(180deg,#1e1200,#120900);border:1px solid #5a4010;color:#c8a96e;padding:4px 12px;border-radius:2px;cursor:pointer;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.5px;transition:all .15s}.chip:hover{border-color:#f0c040;color:#f0c040;box-shadow:0 0 6px #f0c04033}.chip-active{background:linear-gradient(180deg,#2a1a00,#1a0d00);border-color:#f0c040;color:#f0c040;box-shadow:0 0 8px #f0c04040}.section-content{margin-top:10px;padding:10px 12px;background:#0006;border-left:2px solid #f0c040;animation:fadeIn .15s ease}.section-title{font-family:Cinzel,serif;font-size:.78rem;font-weight:600;color:#f0c040;margin-bottom:6px;letter-spacing:1px;text-transform:uppercase}.section-content p{margin:0;line-height:1.6;color:#b0a07a;font-size:.9rem}.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{display:inline-block;animation:blink 1s step-end infinite;margin-left:2px;color:#f0c040}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.loading{display:flex;gap:6px;align-items:center;padding:14px!important}.dot{width:7px;height:7px;background:#f0c040;border-radius:50%;animation:bounce 1.2s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.input-area{display:flex;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#1a0e00,#0d0700);border:2px solid #5a4010;border-top:1px solid #3a2800;border-image:linear-gradient(to right,#4a3a0a,#f0c040,#c8980a,#f0c040,#4a3a0a) 1}.input{flex:1;background:#0009;border:1px solid #4a3a10;color:#c8b98a;padding:10px 14px;font-family:Crimson Text,serif;font-size:1rem;resize:none;outline:none;line-height:1.4;transition:border-color .15s;border-radius:1px}.input:focus{border-color:#f0c040;box-shadow:0 0 6px #f0c04026}.input::placeholder{color:#5a4a28}.send-btn{background:linear-gradient(180deg,#3a2200,#1e1000);border:1px solid #8a6a1a;color:#f0c040;padding:0 20px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s;border-radius:1px}.send-btn:hover:not(:disabled){background:linear-gradient(180deg,#4a2e00,#2a1500);border-color:#f0c040;box-shadow:0 0 8px #f0c04033}.send-btn:disabled{opacity:.35;cursor:not-allowed}.coffee-modal{position:fixed;bottom:24px;left:24px;background:linear-gradient(180deg,#1a0e00,#0d0700);border:1px solid #6b4c1e;padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #00000080;animation:slideUp .3s ease;z-index:100}.coffee-modal a{color:#c8a96e;text-decoration:none;font-family:Crimson Text,serif;font-size:.95rem;white-space:nowrap}.coffee-modal a:hover{color:#f0c040}.coffee-close{background:none;border:none;color:#5a4010;cursor:pointer;font-size:.75rem;padding:0;line-height:1}.coffee-close:hover{color:#c8a96e}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.coffee-modal{display:none}}.gold-button{display:flex;align-items:center;justify-content:center;width:fit-content;padding:8px 24px;margin:0 auto;font-family:Crimson Text,Georgia,serif;font-size:.95rem;color:#c8b98a;text-decoration:none;background:linear-gradient(180deg,#2a1a00,#0d0700);border:2px solid transparent;border-image:linear-gradient(to bottom,#8a6a1a,#f0c040 30%,#c8980a 60%,#8a6a1a) 1;box-shadow:inset 0 0 0 1px #2a1a00,0 4px 12px #0009;transition:color .15s ease;cursor:pointer}.gold-button:hover{color:#fff}.gold-button:focus{outline:2px solid #f0c040;outline-offset:2px}.gold-button:focus:not(:focus-visible){outline:none}.login-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:280px;width:100%;padding:16px;background:linear-gradient(180deg,#2a1a00,#150d00);border:2px solid transparent;border-image:linear-gradient(to bottom,#8a6a1a,#f0c040 30%,#c8980a 60%,#8a6a1a) 1;box-shadow:0 0 0 1px #2a1a00,inset 0 0 0 1px #2a1a00,0 4px 24px #000c,0 0 30px #f0c0404d,0 0 60px #f0c04033;overflow:hidden}.login-modal-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#c8b98a;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.login-modal-close:hover{background-color:#f0c0401a;color:#f0c040}.login-modal-close:focus{outline:2px solid #f0c040;outline-offset:2px}