body{margin:0;padding:0;font-family:system-ui,sans-serif;background:#f6fdfb;color:#0a3d3d}.hidden{display:none!important}.container{max-width:520px;margin:auto;padding:20px;box-sizing:border-box}button{cursor:pointer;font-family:inherit;box-sizing:border-box}.welcome-screen{text-align:center;padding:50px 20px;max-width:420px;margin:0 auto}.welcome-avatar{width:110px;height:110px;border-radius:50%;margin-bottom:15px}.welcome-title{font-size:1.9rem;font-weight:700;color:#0d8f8f}.welcome-subtitle{color:#166;margin-bottom:25px;font-size:1rem}.welcome-screen input,.welcome-screen button{width:100%;max-width:360px;padding:14px;border-radius:10px;border:1px solid #bcdcdc;margin-bottom:12px;font-size:1rem;box-sizing:border-box}.welcome-screen input,.welcome-screen button,.welcome-screen .google-btn,.welcome-form-group{width:100%;max-width:360px;margin:0 auto}.welcome-form-group .divider{text-align:center;margin:12px 0}#send-magic-btn{background:#14a1a1;color:#fff;border:none}.google-btn{width:100%;padding:14px;background:#fff;border:1px solid #ccc;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:10px}.google-btn:hover{background:#f1f1f1}.google-icon svg{width:20px;height:20px}.header{position:relative;background:#f0fdfa;padding:25px 15px;text-align:center;border-bottom:1px solid #dceeee}.header-content{display:inline-flex;flex-direction:column;align-items:center}.avatar{width:60px;height:60px;border-radius:50%;background-image:url(/icons/nani-avatar.png);background-size:cover;margin-bottom:10px}.title{font-size:1.8rem;font-weight:700;color:#0d8f8f}.subtitle{color:#166}.account-btn{position:absolute;right:15px;top:20px;padding:8px 14px;background:#14a1a1;border:none;border-radius:8px;color:#fff}#nani-chat-box{height:420px;overflow-y:auto;background:#fff;border-radius:14px;border:1px solid #c7e7e7;padding:14px;margin-bottom:20px;color:#0a3d3d;box-sizing:border-box}.typing-indicator{display:flex;align-items:center;gap:6px;background:#f0f5f0;padding:10px 14px;border-radius:12px;width:fit-content;margin:8px 0;box-shadow:0 1px 3px #0000001a}.typing-dots{display:flex;gap:6px}.typing-dots div{width:8px;height:8px;background:#6dbb75;border-radius:50%;animation:typingBlink 1.4s infinite ease-in-out}.typing-dots div:nth-child(2){animation-delay:.2s}.typing-dots div:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.msg-user .bubble{background:#d4f7e2;color:#0a3d3d;padding:12px;border-radius:10px;margin-bottom:10px}.msg-nani .bubble{background:#b3f0e0;color:#0a3d3d;padding:12px;border-radius:10px;margin-bottom:10px}.input-row{display:flex;gap:8px}#nani-input{flex:1;padding:12px;border-radius:10px;border:1px solid #bcdcdc}#nani-send-btn{padding:12px 16px;border-radius:10px;background:#14a1a1;color:#fff;border:none}.upgrade-banner{background:#e4faf5;border:1px solid #b6e3d9;padding:12px;border-radius:10px;text-align:center}.upgrade-banner span{color:#0d8f8f;font-weight:700;cursor:pointer;text-decoration:underline}.expired-box{background:#fff4d9;border:1px solid #ffe6b3;padding:15px;border-radius:12px;text-align:center}.account-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center}.panel-content{background:#fff;padding:20px;width:90%;max-width:380px;border-radius:14px}.role-row{text-align:right}.role-badge{padding:5px 10px;border-radius:999px}.subscribe-btn{width:100%;padding:12px;background:#14a1a1;color:#fff;border-radius:10px;border:none;margin-top:12px}.subscribe-btn.outline{background:#fff;color:#14a1a1;border:1px solid #14A1A1}.logout-btn{background:#c94a4a;color:#fff;padding:12px;border-radius:10px;width:100%;margin-top:12px}.close-btn{background:#ddd;color:#333;padding:12px;border-radius:10px;width:100%;margin-top:12px}.subscribe-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center}.subscribe-modal-content{background:#fff;padding:20px;width:90%;max-width:360px;border-radius:14px;text-align:center}@media (prefers-color-scheme: dark){body{background:#0f1b26;color:#e7f5f5}.welcome-screen{background:#0f1b26}#welcome-screen input{background:#12222f;border-color:#305060;color:#e7f5f5}#welcome-screen button{background:#158b8b;color:#fff;border:none}.google-btn{background:#1a2a35;border-color:#304858;color:#e7f5f5}.google-btn:hover{background:#223643}.header{background:#14212e;border-bottom-color:#203544}#nani-chat-box{background:#13222e;border-color:#204458;color:#e7f5f5}.msg-user .bubble{background:#1e3a4a;color:#dceff0}.msg-nani .bubble{background:#26485d;color:#e8fbfb}#nani-input{background:#10202c;border-color:#203c50;color:#e8fbfb}#nani-send-btn{background:#158b8b;color:#fff}.upgrade-banner{background:#1e3b32;border-color:#24584a;color:#c3f0e2}.expired-box{background:#4a3714;border-color:#7a5a2b;color:#ffdba3}.panel-content{background:#14222d;color:#e7f5f5}#subscribe-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999}#subscribe-modal.hidden{display:none}.subscribe-modal-content{background:#121212;color:#eaeaea;border-radius:14px;padding:24px;width:90%;max-width:420px;box-shadow:0 8px 30px #0009;border:1px solid #222}.subscribe-modal-content h3{margin-bottom:16px}.subscribe-btn{width:100%;margin-top:12px}.subscribe-btn.outline{background:transparent;color:#65d7d7;border-color:#65d7d7}.close-btn{background:#2d3f4c;color:#d6e6eb}.logout-btn{background:#a83c3c;color:#fff}.typing-indicator{background:#203544}.typing-dots div{background:#9cebbf}}.maintenance{max-width:420px;padding:2rem;border-radius:14px;background:#fff;box-shadow:0 10px 30px #00000014}.maintenance h1{font-size:1.9rem;margin-bottom:1rem;color:#1f2937}.maintenance p{font-size:1.05rem;color:#4b5563;line-height:1.6}body:has(.maintenance){margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif;background:#f7faf9}@media (prefers-color-scheme: dark){body:has(.maintenance){background:#0f172a}.maintenance{background:#020617;box-shadow:0 10px 40px #0009}.maintenance h1{color:#e5e7eb}.maintenance p{color:#9ca3af}}