@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background:#2d2d30;color:#fff;min-height:100vh;margin:0;padding:0}.sanctuary{max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#2d2d30;width:100%}.sanctuary-header{text-align:center;padding:2rem;background:#1e1e23;border-bottom:1px solid #404040;width:100%}.sanctuary-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.ember-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,140,0,.6))}.sanctuary-title h1{font-family:Roboto,sans-serif;font-weight:300;font-size:2.5rem;color:#fff;letter-spacing:2px}.audio-controls{display:flex;gap:.5rem;margin:1rem 0;justify-content:center}.audio-toggle,.autoplay-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.audio-toggle.enabled,.autoplay-toggle.enabled{background:#ff8c0033;box-shadow:0 0 8px #ff8c004d}.audio-toggle:hover,.autoplay-toggle:hover{background:#ff8c001a}.sanctuary-subtitle{color:#fff;font-size:1.2rem;font-weight:300;font-style:italic}.messages-container{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;min-height:400px;width:100%}.message{display:flex;flex-direction:column;max-width:75%;margin-bottom:1rem}.message.me{align-self:flex-end;align-items:flex-end}.message.poet{align-self:flex-start;align-items:flex-start}.message-header{margin-bottom:.5rem;padding:0 .5rem}.sender-name{font-size:14px;font-weight:500;color:#fff;letter-spacing:.5px}.message-bubble{padding:1.2rem 1.5rem;border-radius:18px;display:flex;align-items:flex-start;gap:.5rem;position:relative;box-shadow:0 2px 8px #0000004d;line-height:1.6;font-size:16px;background:#000;color:#fff;border:1px solid #404040}.message.me .message-bubble{border-bottom-right-radius:4px}.message.poet .message-bubble{border-bottom-left-radius:4px}.ember-small{font-size:.9rem;filter:drop-shadow(0 0 5px rgba(255,140,0,.4));flex-shrink:0;margin-top:2px}.message-text{line-height:1.6;font-weight:400;color:#fff}.audio-play-btn{background:none;border:none;font-size:.9rem;cursor:pointer;margin-left:.5rem;padding:.3rem;border-radius:4px;transition:transform .2s ease}.audio-play-btn:hover{transform:scale(1.1);background:#ff8c001a}.loading .message-text{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.input-container{padding:1.5rem;background:#1e1e23;border-top:1px solid #404040;width:100%}.message-input{width:100%;padding:1rem;border:1px solid #505050;border-radius:12px;background:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;resize:vertical;min-height:60px;margin-bottom:1rem}.message-input::-moz-placeholder{color:#888;font-style:italic}.message-input::placeholder{color:#888;font-style:italic}.message-input:focus{outline:none;border-color:#666;background:#111}.send-button{background:#404040;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-family:Roboto,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.send-button:hover:not(:disabled){background:#505050;transform:translateY(-1px)}.send-button:disabled{opacity:.5;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#28282d4d}.messages-container::-webkit-scrollbar-thumb{background:#50505599;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#646469cc}@media (max-width: 768px){.sanctuary{max-width:100%}.sanctuary-header{padding:1.5rem 1rem}.sanctuary-title h1{font-size:2rem}.messages-container{padding:1rem}.message{max-width:90%}.audio-controls{gap:.3rem}.audio-toggle,.autoplay-toggle{font-size:1rem;padding:.4rem}}