@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--amber: #C27440;--amber-dark: #A05A28;--amber-light: #E8A060;--amber-glow: rgba(194, 116, 64, .25);--brown: #6B3A1F;--bg: #FFF8F0;--bg-card: #FFFFFF;--bg-input: #FFF3E8;--border: #E8D5C0;--text-primary: #1A0F08;--text-secondary: #7A6055;--text-muted: #B59080;--msg-me: #C27440;--msg-other: #F5E6D0;--nav-bg: rgba(255, 248, 240, .92);--shadow: 0 4px 24px rgba(194, 116, 64, .1);--shadow-lg: 0 12px 40px rgba(194, 116, 64, .18);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 36px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font: "Cairo", sans-serif;--navbar-h: 72px;--topbar-h: 62px}@media (prefers-color-scheme: dark){:root{--bg: #0F0907;--bg-card: #1E1410;--bg-input: #2A1A10;--border: #3D2B1A;--text-primary: #F0E4D8;--text-secondary: #A08070;--text-muted: #6A5048;--msg-me: #C27440;--msg-other: #2A1F14;--nav-bg: rgba(15, 9, 7, .94);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}}[data-theme=dark]{--bg: #0F0907;--bg-card: #1E1410;--bg-input: #2A1A10;--border: #3D2B1A;--text-primary: #F0E4D8;--text-secondary: #A08070;--text-muted: #6A5048;--msg-other: #2A1F14;--nav-bg: rgba(15, 9, 7, .94);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);direction:rtl;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font)}a{text-decoration:none;color:inherit}.hidden{display:none!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.w-full{width:100%}.text-center{text-align:center}.relative{position:relative}.overflow-hidden{overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#app{min-height:100dvh;display:flex;flex-direction:column}.page{display:none;flex-direction:column;min-height:100dvh;animation:pageIn .3s ease}.page.active{display:flex}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:16px;background:var(--bg);animation:fadeIn .5s ease}.splash-logo{position:relative;width:120px;height:120px}.splash-logo img{width:110px;height:110px;border-radius:50%;position:absolute;top:5px;left:5px;object-fit:cover}.splash-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--amber),var(--amber-light),var(--amber));animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash-title{font-size:48px;font-weight:900;background:linear-gradient(135deg,var(--amber),var(--amber-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-sub{color:var(--text-secondary);font-size:16px}.topbar{height:var(--topbar-h);padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px)}.topbar-title{font-size:18px;font-weight:700;color:var(--text-primary)}.topbar-logo{font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--amber),var(--amber-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--amber);transition:var(--transition);background:var(--amber-glow)}.topbar-btn:hover{background:var(--amber);color:#fff}#navbar{height:var(--navbar-h);background:var(--nav-bg);border-top:1px solid var(--border);display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;z-index:200;backdrop-filter:blur(20px)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--text-muted);transition:var(--transition);position:relative;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item.active{color:var(--amber)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--amber);border-radius:0 0 4px 4px}.nav-item svg{width:24px;height:24px;transition:var(--transition)}.nav-item.active svg{transform:scale(1.15)}.nav-label{font-size:11px;font-weight:600}.nav-badge{position:absolute;top:8px;right:20%;background:#e53935;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.page-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--navbar-h) + 12px);padding-top:8px}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:var(--transition);width:100%;border:none;cursor:pointer}.btn-primary{background:var(--amber);color:#fff;box-shadow:0 6px 20px var(--amber-glow)}.btn-primary:hover,.btn-primary:active{background:var(--amber-dark);transform:translateY(-1px);box-shadow:0 8px 24px #c2744059}.btn-outline{background:transparent;color:var(--amber);border:2px solid var(--amber)}.btn-outline:hover,.btn-outline:active{background:var(--amber-glow)}.btn-ghost{background:var(--bg-input);color:var(--text-primary)}.btn-danger{background:#c62828;color:#fff;box-shadow:0 6px 20px #c6282840}.btn svg{width:20px;height:20px;flex-shrink:0}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.input-field{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;font-size:15px;color:var(--text-primary);direction:rtl;width:100%;transition:var(--transition);outline:none}.input-field:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}.input-field::placeholder{color:var(--text-muted)}#login-page{background:linear-gradient(160deg,var(--bg) 0%,var(--bg-input) 100%)}.auth-hero{display:flex;flex-direction:column;align-items:center;padding:60px 24px 32px;gap:12px}.auth-logo-wrap{position:relative;width:120px;height:120px;margin-bottom:8px}.auth-logo-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-light),var(--amber-dark));padding:3px}.auth-logo-ring-inner{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-logo-ring-inner img{width:104px;height:104px;object-fit:cover;border-radius:50%}.auth-title{font-size:52px;font-weight:900;background:linear-gradient(135deg,var(--amber),var(--amber-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.auth-desc{font-size:16px;color:var(--text-secondary);text-align:center}.auth-card{margin:0 20px 40px;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:32px 24px;box-shadow:var(--shadow-lg)}.auth-card-title{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.auth-card-sub{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.members-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.member-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);position:relative}.member-card:hover,.member-card:active{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--amber)}.member-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;position:relative;overflow:hidden}.member-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.member-online-dot{position:absolute;bottom:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#43a047;border:2px solid var(--bg-card)}.member-name{font-size:14px;font-weight:700;color:var(--text-primary);text-align:center}.member-status{font-size:12px;color:var(--text-muted)}.member-chat-btn{background:var(--amber-glow);color:var(--amber);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:var(--transition)}.member-chat-btn:hover{background:var(--amber);color:#fff}.chat-list{padding:8px 16px}.chat-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.chat-item:last-child{border-bottom:none}.chat-item:hover{opacity:.8}.chat-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.chat-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chat-info{flex:1;min-width:0}.chat-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.chat-last-msg{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.chat-time{font-size:11px;color:var(--text-muted)}.chat-unread{background:var(--amber);color:#fff;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 5px}#chat-screen{display:none;flex-direction:column;height:100dvh;position:fixed;inset:0;z-index:300;background:var(--bg)}#chat-screen.open{display:flex;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-topbar{height:var(--topbar-h);padding:0 12px;display:flex;align-items:center;gap:10px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.chat-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--amber);border-radius:50%;transition:var(--transition)}.chat-back-btn:hover{background:var(--amber-glow)}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:16px;font-weight:700;color:var(--text-primary)}.chat-header-status{font-size:12px;color:var(--text-secondary)}.chat-call-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--amber);border-radius:50%;background:var(--amber-glow);transition:var(--transition)}.chat-call-btn:hover{background:var(--amber);color:#fff}.messages-area{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.msg-bubble-wrap{display:flex;align-items:flex-end;gap:6px}.msg-bubble-wrap.me{flex-direction:row-reverse}.msg-mini-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.msg-mini-avatar img{width:100%;height:100%;object-fit:cover}.msg-bubble{max-width:72%;padding:10px 14px;border-radius:18px;position:relative;word-break:break-word}.msg-bubble.me{background:var(--amber);color:#fff;border-bottom-right-radius:4px}.msg-bubble.other{background:var(--msg-other);color:var(--text-primary);border-bottom-left-radius:4px}.msg-text{font-size:15px;line-height:1.5;text-align:right;direction:rtl}.msg-time{font-size:10px;opacity:.65;text-align:left;margin-top:4px;display:flex;align-items:center;gap:3px;justify-content:flex-end}.voice-bubble{display:flex;align-items:center;gap:10px;min-width:180px}.voice-play-btn{width:38px;height:38px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:var(--transition)}.voice-play-btn:hover{background:#ffffff4d}.voice-play-btn.other-voice{background:var(--amber-glow)}.voice-waveform{display:flex;align-items:center;gap:2px;flex:1}.wave-bar{width:3px;border-radius:3px;background:currentColor;transition:height .15s ease}.voice-label{font-size:12px;opacity:.75}.msg-image{max-width:220px;border-radius:12px;cursor:pointer}.chat-input-bar{padding:10px 12px;background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));flex-direction:row-reverse}.chat-send-btn{width:44px;height:44px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);box-shadow:0 4px 12px var(--amber-glow)}.chat-send-btn:hover{background:var(--amber-dark);transform:scale(1.05)}.chat-mic-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-input);border:1.5px solid var(--border);color:var(--amber);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.chat-mic-btn.recording{background:#c62828;border-color:#c62828;color:#fff;animation:pulse-red 1s ease infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 8px #c6282800}}.chat-attach-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition)}.chat-attach-btn:hover{color:var(--amber)}.chat-text-input{flex:1;background:var(--bg-input);border:1.5px solid var(--border);border-radius:22px;padding:10px 16px;font-size:15px;color:var(--text-primary);direction:rtl;resize:none;outline:none;height:44px;max-height:120px;overflow-y:auto;transition:var(--transition);line-height:1.4}.chat-text-input:focus{border-color:var(--amber)}.chat-text-input::placeholder{color:var(--text-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px}.gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;background:var(--border)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-upload-btn{aspect-ratio:1;border-radius:var(--radius-sm);border:2px dashed var(--amber);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--amber);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);background:var(--amber-glow)}.gallery-upload-btn:hover{background:var(--amber);color:#fff}#call-screen{display:none;flex-direction:column;align-items:center;justify-content:space-between;height:100dvh;position:fixed;inset:0;z-index:500;background:linear-gradient(160deg,#1a0f08,#0f0907);color:#fff;padding:60px 24px}#call-screen.open{display:flex;animation:fadeIn .3s ease}.call-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.call-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#fff;position:relative;animation:callPulse 2s ease infinite}@keyframes callPulse{0%,to{box-shadow:0 0 #c2744066}50%{box-shadow:0 0 0 24px #c2744000}}.call-name{font-size:28px;font-weight:800}.call-status{font-size:16px;opacity:.7}.call-timer{font-size:20px;font-weight:600;opacity:.9;font-variant-numeric:tabular-nums}.call-controls{display:flex;gap:24px;align-items:center}.call-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.call-ctrl-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.call-ctrl-icon.mute,.call-ctrl-icon.speaker{background:#ffffff26;color:#fff}.call-ctrl-icon.end{background:#c62828;color:#fff;width:70px;height:70px}.call-ctrl-icon.active{background:var(--amber);color:#fff}.call-ctrl-label{font-size:12px;opacity:.7}#incoming-call{display:none;position:fixed;inset:0;z-index:600;background:#000000d9;backdrop-filter:blur(20px);align-items:center;justify-content:center;animation:fadeIn .3s ease}#incoming-call.open{display:flex}.incoming-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:320px;width:90%}.incoming-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff;animation:callRing 1s ease infinite}@keyframes callRing{0%,to{box-shadow:0 0 0 0 var(--amber-glow)}50%{box-shadow:0 0 0 20px transparent}}.incoming-name{font-size:22px;font-weight:800;color:var(--text-primary)}.incoming-label{font-size:15px;color:var(--text-secondary)}.incoming-actions{display:flex;gap:32px;margin-top:10px}.incoming-reject,.incoming-accept{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.incoming-reject-btn{width:64px;height:64px;border-radius:50%;background:#c62828;color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.incoming-accept-btn{width:64px;height:64px;border-radius:50%;background:#43a047;color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition);animation:pulse-green 1.5s ease infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #43a04766}50%{box-shadow:0 0 0 14px #43a04700}}.incoming-btn-label{font-size:12px;color:var(--text-secondary);font-weight:600}.settings-list{padding:16px;display:flex;flex-direction:column;gap:8px}.settings-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:var(--transition)}.settings-item:hover{border-color:var(--amber)}.settings-icon{width:44px;height:44px;border-radius:12px;background:var(--amber-glow);color:var(--amber);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-info{flex:1}.settings-label{font-size:15px;font-weight:700;color:var(--text-primary)}.settings-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.settings-chevron{color:var(--text-muted)}.profile-card{background:linear-gradient(135deg,var(--amber),var(--amber-dark));border-radius:var(--radius-md);padding:24px;margin:16px;display:flex;align-items:center;gap:16px;color:#fff;box-shadow:var(--shadow-lg)}.profile-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;overflow:hidden}.profile-name{font-size:18px;font-weight:800}.profile-role{font-size:13px;opacity:.8}.profile-family{font-size:13px;opacity:.75;margin-top:2px}.family-code-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin:0 16px 16px;display:flex;align-items:center;justify-content:space-between}.family-code-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.family-code-val{font-size:22px;font-weight:900;color:var(--amber);letter-spacing:3px}.copy-code-btn{background:var(--amber-glow);color:var(--amber);border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;transition:var(--transition)}.copy-code-btn:hover{background:var(--amber);color:#fff}#notification-banner{position:fixed;top:16px;right:16px;left:16px;z-index:900;background:var(--bg-card);border:1px solid var(--amber);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:slideDown .3s ease;transition:var(--transition);cursor:pointer}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notif-icon{width:40px;height:40px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-title{font-size:14px;font-weight:700;color:var(--text-primary)}.notif-body{font-size:12px;color:var(--text-secondary);margin-top:2px}.tabs{display:flex;background:var(--bg-input);border-radius:var(--radius-md);padding:4px;margin:0 16px 16px}.tab-btn{flex:1;padding:10px;border-radius:calc(var(--radius-md) - 4px);font-size:14px;font-weight:700;color:var(--text-secondary);transition:var(--transition)}.tab-btn.active{background:var(--bg-card);color:var(--amber);box-shadow:var(--shadow)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin:16px 0 8px}.section-title{font-size:16px;font-weight:800;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:var(--text-muted);text-align:center}.empty-icon{font-size:56px;opacity:.5}.empty-title{font-size:17px;font-weight:700;color:var(--text-secondary)}.empty-desc{font-size:14px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite;margin:60px auto}.toast{position:fixed;bottom:calc(var(--navbar-h) + 16px);left:50%;transform:translate(-50%) translateY(20px);background:var(--text-primary);color:var(--bg);padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;opacity:0;transition:all .3s ease;z-index:800;white-space:nowrap;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#lightbox{display:none;position:fixed;inset:0;z-index:700;background:#000000f2;align-items:center;justify-content:center}#lightbox.open{display:flex;animation:fadeIn .3s ease}#lightbox img{max-width:95vw;max-height:90dvh;object-fit:contain;border-radius:12px}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}#install-banner{display:none;position:fixed;bottom:calc(var(--navbar-h) + 12px);left:12px;right:12px;z-index:400;background:var(--bg-card);border:1px solid var(--amber);border-radius:var(--radius-md);padding:14px 16px;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}#install-banner.show{display:flex}.install-icon{font-size:28px}.install-info{flex:1}.install-title{font-size:14px;font-weight:700;color:var(--text-primary)}.install-desc{font-size:12px;color:var(--text-secondary)}.install-btn{background:var(--amber);color:#fff;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.install-dismiss{color:var(--text-muted);font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.toggle-wrap{display:flex;align-items:center;gap:10px}.toggle{width:48px;height:28px;border-radius:14px;background:var(--border);position:relative;cursor:pointer;transition:var(--transition)}.toggle.on{background:var(--amber)}.toggle-thumb{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:var(--transition);box-shadow:0 2px 4px #0003}.toggle.on .toggle-thumb{right:auto;left:3px}@media (min-width: 480px){.members-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.auth-card{max-width:420px;margin:0 auto 40px}.auth-hero{padding:80px 24px 32px}}