:root{--gold: #d4af37;--black: #0a0a0a;--green: #006400;--red: #b22222;--font-display: "Cinzel", serif;--font-body: "Poppins", sans-serif}.mufasa-shell{background:radial-gradient(circle at top left,#111,#000 70%);color:var(--gold);min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-body)}.mufasa-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--gold);background:#000000f2;box-shadow:0 2px 8px #d4af3726}.brand{display:flex;align-items:center;gap:.75rem}.lion-logo{height:50px;width:50px;filter:drop-shadow(0 0 4px var(--gold))}.brand-title{font-family:var(--font-display);color:var(--gold);font-size:1.4rem;margin:0}.brand-subtitle{color:#e5c97b;font-size:.85rem;margin:0}.nav-bar{display:flex;gap:1rem}.nav-item{color:var(--gold);font-weight:700;text-decoration:none;padding:.4rem .9rem;border:1px solid transparent;border-radius:8px;transition:all .3s ease}.nav-item:hover,.nav-item.active{border:1px solid var(--gold);background:#d4af3726}.mufasa-content{flex:1;padding:2rem;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0a0a,#151515);border-left:2px solid rgba(212,175,55,.15);border-right:2px solid rgba(212,175,55,.15)}.mufasa-footer{text-align:center;padding:1rem;border-top:1px solid var(--gold);background:#0a0a0a;font-size:.9rem;color:#e5c97b}@media (max-width: 768px){.mufasa-header{flex-direction:column;gap:1rem}.nav-bar{flex-wrap:wrap;justify-content:center}.mufasa-content{padding:1rem}}:root{--gold: #d4af37;--black: #0a0a0a;--green: #006400;--red: #b22222;--font-display: "Cinzel", serif;--font-body: "Poppins", sans-serif;--panel: rgba(0, 0, 0, .35);--panel-2: rgba(0, 0, 0, .55);--border: rgba(212, 175, 55, .35)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;background:var(--black);color:var(--gold);font-family:var(--font-body);display:block;min-height:100%;overflow-x:hidden}.app-container{width:100%;min-height:100vh;display:flex}.app-container>*{min-width:0}.chat-area{flex:1;min-width:0;display:flex;flex-direction:column;padding:16px;background:linear-gradient(180deg,#0a0a0a,#1b1b1b)}.chat-header{padding-bottom:12px;border-bottom:1px solid var(--border)}.title{font-family:var(--font-display);margin:0;font-size:32px;color:var(--gold)}.subtitle{margin:8px 0 0;color:#e5c97b;font-size:14px}.mufasa{color:var(--gold);font-weight:800}.chat-window{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding:12px 4px;margin:12px 0}.chat-bubble{padding:12px 14px;border-radius:14px;max-width:92%;line-height:1.5;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.chat-bubble.user{background:var(--red);color:#fff;align-self:flex-end}.chat-bubble.assistant{background:var(--green);color:#fff;align-self:flex-start}.chat-bubble.thinking{opacity:.75;font-style:italic}.chat-input-area{display:flex;gap:10px;border-top:1px solid var(--border);padding-top:12px;flex-wrap:wrap}.chat-input{flex:1;min-width:220px;padding:12px;background:#111111e6;border:1px solid var(--border);color:#fff;border-radius:12px;resize:none;min-height:54px;outline:none}.send-btn{background:var(--gold);color:#000;padding:12px 16px;border:none;border-radius:12px;cursor:pointer;font-weight:800;transition:transform .08s ease,background .2s ease;white-space:nowrap}.send-btn:hover{background:gold}.send-btn:active{transform:translateY(1px)}.send-btn.disabled{background:#8a8a8a;cursor:not-allowed}.voice-reply{margin-top:8px;border:1px solid var(--border);border-radius:12px;width:100%;background:#d4af370d}@media (max-width: 768px){.chat-area{padding:12px}.title{font-size:22px}.chat-window{padding:10px 2px}.chat-input-area{flex-direction:column}.chat-input{width:100%;min-width:0}.send-btn{width:100%}}