TotalWarModder/beloozero-banner-forge

1@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;600&display=swap');2 3body {4    font-family: 'Raleway', sans-serif;5}6 7h1, h2, h3, h4 {8    font-family: 'Playfair Display', serif;9}10 11.banner-overlay {12    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);13}14.banner-texture {15    background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M0 0 L100 0 L100 100 L0 100 Z" fill="none" stroke="rgba(0,0,0,0.1)" stroke-width="1"/></svg>');16}17 18/* Chat interface styles */19#chat-container {20    scrollbar-width: thin;21    scrollbar-color: #c7d2fe #f5f3ff;22}23 24#chat-container::-webkit-scrollbar {25    width: 8px;26}27 28#chat-container::-webkit-scrollbar-track {29    background: #f5f3ff;30}31 32#chat-container::-webkit-scrollbar-thumb {33    background-color: #c7d2fe;34    border-radius: 20px;35}36 37/* Markdown content styles */38#chat-container p {39    margin-bottom: 0.5rem;40}41 42#chat-container ul, #chat-container ol {43    margin-left: 1rem;44    margin-bottom: 0.5rem;45}46 47#chat-container li {48    margin-bottom: 0.25rem;49}50 51#chat-container code {52    background-color: rgba(175, 184, 255, 0.2);53    padding: 0.2rem 0.4rem;54    border-radius: 0.25rem;55    font-family: monospace;56}57 58#chat-container pre {59    background-color: rgba(175, 184, 255, 0.2);60    padding: 0.5rem;61    border-radius: 0.25rem;62    overflow-x: auto;63    margin: 0.5rem 0;64}65 66#chat-container pre code {67    background-color: transparent;68    padding: 0;69}70