:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--primary:#6b4f3a;--primary-light:#8b6f5a;--accent:#e8a87c;--accent-light:#ffd4b8;--bg:#fff8f0;--card-bg:#fff;--text:#333;--text-light:#777;--danger:#e74c3c;--success:#27ae60;--warning:#f39c12;--border:#e8e0d8;--badge:#d4af37;--shadow:0 2px 8px #00000014;--nav-height:62px}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff8f0;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#6b4f3a;--primary-light:#8b6f5a;--accent:#e8a87c;--accent-light:#ffd4b8;--bg:#fff8f0;--card-bg:#fff;--text:#333;--text-light:#777;--danger:#e74c3c;--success:#27ae60;--warning:#f39c12;--border:#e8e0d8;--badge:#d4af37;--shadow:0 2px 8px #00000014}html,body{color:#333!important;background-color:#fff8f0!important}.card{background-color:#fff!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);max-width:420px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.chat-shell{height:100dvh;height:var(--chat-vh,100dvh);transform:translateY(var(--chat-vtop,0px));flex-direction:column;display:flex;overflow:hidden}body.chat-open{width:100%;position:fixed;inset:0;overflow:hidden}.screen{padding:16px 16px 80px}.header{z-index:50;text-align:center;border-bottom:1px solid var(--border);background:var(--card-bg);padding:20px 16px 12px;position:sticky;top:0}.header h1{color:var(--primary);direction:ltr;justify-content:center;align-items:center;gap:6px;height:1.2em;font-size:1.25rem;line-height:1;display:flex}.header h1 img{flex:none;width:auto;height:2.42em}.header .subtitle{color:var(--text-light);margin-top:4px;font-size:.8125rem}.header-info{background:var(--accent-light);width:32px;height:32px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1;display:flex;position:absolute;top:14px;right:14px}.header-info:hover{background:var(--accent);color:#fff}.warm-banner{background:linear-gradient(135deg, var(--accent-light), var(--bg));border:1px solid var(--accent);border-inline-start:4px solid var(--accent);border-radius:12px;margin:12px 0 14px;padding:12px 14px}.warm-banner-title{color:var(--primary);font-size:1rem;font-weight:700;line-height:1.3}.warm-banner-body{color:var(--text);white-space:pre-line;margin-top:5px;font-size:.875rem;font-weight:500;line-height:1.45}.card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:16px}.selfie-placeholder{background:var(--accent-light);width:80px;height:80px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.selfie-small{width:56px;height:56px;font-size:1.25rem}.badge{border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-status{color:var(--primary);background:#e8e0d8}.nav-bar{background:var(--card-bg);border-top:1px solid var(--border);justify-content:space-around;width:100%;max-width:420px;padding:8px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{text-align:center;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 12px;font-size:.6875rem;text-decoration:none}.nav-item.active{color:var(--primary);background:var(--accent-light);font-weight:600}.nav-item .icon{margin-bottom:2px;font-size:1.25rem;display:block}.flex-between{justify-content:space-between;align-items:center;display:flex}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.text-light{color:var(--text-light)}.text-small{font-size:.8125rem}@keyframes msgFlash{0%{background-color:var(--accent-light)}to{background-color:#0000}}.msg-flash{animation:1.2s ease-out msgFlash}@media (prefers-reduced-motion:reduce){.msg-flash{outline:2px solid var(--primary);outline-offset:2px;animation:none}}