.fam-page.fam-chat-active{padding:0;max-width:100%;height:100dvh;display:flex;flex-direction:column}.fam-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.fam-login-brand{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:300;letter-spacing:.2em;color:var(--text);margin-bottom:.2rem}.fam-login-sub{font-size:.8rem;color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase;margin-bottom:2.5rem}.fam-login-form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:.75rem}.fam-input{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.9rem;font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s}.fam-input:focus{border-color:#c9a84c80}.fam-input::placeholder{color:var(--text-faint)}.fam-btn{width:100%;padding:.8rem;background:var(--gold);border:none;border-radius:10px;color:#1a1200;font-size:.85rem;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:opacity .2s;font-family:DM Sans,sans-serif}.fam-btn:hover{opacity:.88}.fam-login-error{color:#c0392b;font-size:.78rem;text-align:center;margin-top:.25rem}.fam-login-hint{font-size:.7rem;color:var(--text-faint);text-align:center;margin-top:1rem;line-height:1.5}.fam-groups{display:none}.fam-groups.active{display:block}.fam-title{font-family:Playfair Display,serif;font-weight:300;font-size:1.5rem;letter-spacing:.1em;color:var(--text)}.fam-logout-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:.35rem .75rem;color:var(--text-mid);font-size:.7rem;letter-spacing:.05em;cursor:pointer;transition:color .2s,border-color .2s;font-family:DM Sans,sans-serif}.fam-logout-btn:hover{color:var(--text);border-color:var(--text-mid)}.fam-section-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:.75rem;margin-top:.5rem}.fam-group-card{display:flex;align-items:center;gap:.875rem;padding:.875rem;margin-bottom:.5rem;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s,transform .15s}.fam-group-card:hover{border-color:#c9a84c66;transform:translateY(-1px)}.fam-group-icon{width:42px;height:42px;border-radius:50%;background:var(--gold);color:#1a1200;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:400;flex-shrink:0}.fam-group-info{flex:1;min-width:0}.fam-group-name{font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:.15rem}.fam-group-desc{font-size:.72rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fam-group-count{font-size:.7rem;color:var(--text-faint);flex-shrink:0}.fam-join-btn{flex-shrink:0;padding:.35rem .85rem;background:var(--gold);border:none;border-radius:16px;color:#1a1200;font-size:.7rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:opacity .2s;font-family:DM Sans,sans-serif}.fam-join-btn:hover{opacity:.88}.fam-empty{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--text-faint);font-style:italic}.fam-chat{display:none}.fam-chat.active{display:flex;flex-direction:column;flex:1;min-height:0}.fam-chat-hd{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;padding-top:calc(.875rem + env(safe-area-inset-top))}.fam-chat-back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;transition:color .2s;flex-shrink:0}.fam-chat-back:hover{color:var(--text)}.fam-chat-name{flex:1;font-family:Playfair Display,serif;font-size:1.15rem;font-weight:400;letter-spacing:.06em;color:var(--text)}.fam-call-btn{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-mid);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;flex-shrink:0}.fam-call-btn:hover{color:var(--gold);background:var(--card)}.fam-incoming{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#c9a84c1f;border-bottom:1px solid var(--border);flex-shrink:0}.fam-incoming.active{display:flex}.fam-incoming-text{flex:1;font-size:.82rem;color:var(--text)}.fam-incoming-accept{padding:.35rem .85rem;border-radius:16px;background:#2a8c4a;border:none;color:#fff;font-size:.72rem;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif}.fam-incoming-decline{padding:.35rem .7rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:var(--text-mid);font-size:.72rem;cursor:pointer;font-family:DM Sans,sans-serif}.fam-callbar{display:none;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#2a8c4a;flex-shrink:0}.fam-callbar.active{display:flex}.fam-callbar-text{flex:1;font-size:.78rem;color:#fff;font-weight:500}.fam-callbar-pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:fam-pulse 1.5s infinite}@keyframes fam-pulse{0%,to{opacity:1}50%{opacity:.3}}.fam-mute-btn,.fam-leave-btn{padding:.3rem .65rem;border-radius:12px;font-size:.7rem;cursor:pointer;font-family:DM Sans,sans-serif;border:none}.fam-mute-btn{background:#fff3;color:#fff}.fam-mute-btn.muted{background:#ffffff59;color:#fff}.fam-leave-btn{background:#c0392b;color:#fff}.fam-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;-webkit-overflow-scrolling:touch}.fam-msg{max-width:80%;display:flex;flex-direction:column}.fam-msg.fam-mine{align-self:flex-end;align-items:flex-end}.fam-msg.fam-other{align-self:flex-start;align-items:flex-start}.fam-msg-sender{font-size:.65rem;color:var(--text-faint);margin-bottom:.15rem;letter-spacing:.03em;padding:0 .5rem}.fam-bubble{padding:.6rem .9rem;border-radius:16px;font-size:.85rem;line-height:1.45;word-break:break-word}.fam-mine .fam-bubble{background:var(--gold);color:#1a1200;border-bottom-right-radius:4px}.fam-other .fam-bubble{background:var(--card);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.fam-msg-time{font-size:.58rem;color:var(--text-faint);margin-top:.15rem;padding:0 .5rem}.fam-chat-input{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);flex-shrink:0}.fam-msg-input{flex:1;padding:.65rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:.85rem;font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s}.fam-msg-input:focus{border-color:#c9a84c80}.fam-msg-input::placeholder{color:var(--text-faint)}.fam-send-btn{width:36px;height:36px;border-radius:50%;background:var(--gold);border:none;color:#1a1200;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.fam-send-btn:hover{opacity:.88}.fam-send-btn:disabled{opacity:.4;cursor:not-allowed}.fam-screen{display:none}.fam-screen.active{display:block}.fam-login.active{display:flex}